*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07090e;--bg-subtle: #0d121f;--surface: #0f1626;--surface2: #151e33;--surface3: #1d2a47;--surface-glass: rgba(15, 22, 38, .85);--border: #1e2b47;--border-subtle: rgba(255, 255, 255, .08);--border-glass: rgba(255, 255, 255, .1);--border-focus: #38bdf8;--card-bg: linear-gradient(165deg, rgba(17, 26, 46, .95) 0%, rgba(11, 17, 31, .98) 100%);--card-border: rgba(255, 255, 255, .1);--card-shadow: 0 10px 30px -10px rgba(0, 0, 0, .65), inset 0 1px 0 rgba(255, 255, 255, .08);--card-hover-border: rgba(56, 189, 248, .5);--card-hover-shadow: 0 16px 40px -10px rgba(0, 0, 0, .85), 0 0 24px rgba(56, 189, 248, .15);--accent: #2563eb;--accent-light: #38bdf8;--accent-dark: #1d4ed8;--accent-glow: rgba(37, 99, 235, .32);--accent-neon: #00f0ff;--text: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--bg-input: var(--surface2);--success: #10b981;--success-bg: rgba(16, 185, 129, .16);--success-border: rgba(16, 185, 129, .35);--success-glow: rgba(16, 185, 129, .3);--error: #ef4444;--error-bg: rgba(239, 68, 68, .16);--error-border: rgba(239, 68, 68, .35);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .16);--warning-border: rgba(245, 158, 11, .35);--info: #0ea5e9;--info-bg: rgba(14, 165, 233, .16);--info-border: rgba(14, 165, 233, .35);--radius: 14px;--radius-sm: 8px;--radius-lg: 20px;--shadow: 0 10px 30px -10px rgba(0, 0, 0, .6);--shadow-glow: 0 0 24px rgba(37, 99, 235, .25);--backdrop: blur(16px) saturate(180%);--transition: .2s cubic-bezier(.4, 0, .2, 1);--sidebar-w: 220px;--font-athletic: "Outfit", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=light]{--bg: #f1f5f9;--bg-subtle: #e2e8f0;--surface: #ffffff;--surface2: #e8eff7;--surface3: #dbe4ef;--surface-glass: rgba(255, 255, 255, .94);--border: #cbd5e1;--border-subtle: rgba(0, 0, 0, .08);--border-glass: rgba(0, 0, 0, .08);--border-focus: #0284c7;--card-bg: #ffffff;--card-border: #cbd5e1;--card-shadow: 0 4px 16px -2px rgba(15, 23, 42, .08), 0 1px 3px rgba(15, 23, 42, .04);--card-hover-border: #0284c7;--card-hover-shadow: 0 10px 25px -4px rgba(2, 132, 199, .2), 0 4px 10px rgba(15, 23, 42, .06);--accent: #0284c7;--accent-light: #0ea5e9;--accent-dark: #0369a1;--accent-glow: rgba(2, 132, 199, .2);--accent-neon: #0284c7;--text: #090d16;--text-muted: #334155;--text-dim: #64748b;--success: #059669;--success-bg: #d1fae5;--success-border: #86efac;--success-glow: rgba(5, 150, 105, .2);--error: #dc2626;--error-bg: #fee2e2;--error-border: #fca5a5;--warning: #d97706;--warning-bg: #fef3c7;--warning-border: #fcd34d;--info: #0284c7;--info-bg: #e0f2fe;--info-border: #7dd3fc;--bg-input: #ffffff;--shadow: 0 10px 30px -10px rgba(15, 23, 42, .08);--shadow-glow: 0 4px 20px rgba(2, 132, 199, .15)}[data-theme=light] .card,[data-theme=light] .stat-card,[data-theme=light] .progress-card,[data-theme=light] .participant-card,[data-theme=light] .event-card{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 4px 16px -2px #0f172a14,0 1px 3px #0f172a0a!important;color:#090d16!important}[data-theme=light] .stat-card{background:#fff!important}[data-theme=light] .stat-label{color:#334155!important;font-weight:700!important}[data-theme=light] .stat-sublabel,[data-theme=light] .stat-sub{color:#64748b!important;font-weight:600!important}[data-theme=light] .card-title{color:#334155!important;font-weight:800!important}[data-theme=light] .modal{background:#fff!important;border-color:#cbd5e1!important;color:#090d16!important;box-shadow:0 25px 50px -12px #0f172a40!important}[data-theme=light] .modal-header,[data-theme=light] .modal-footer{border-color:#e2e8f0!important}[data-theme=light] .modal-header h2{color:#090d16!important}[data-theme=light] .table-wrap table thead th{background:#f8fafc!important;color:#334155!important;border-bottom:2px solid #cbd5e1!important}[data-theme=light] .table-wrap table tbody tr{border-bottom:1px solid #e2e8f0!important}[data-theme=light] .table-wrap table tbody tr:hover{background:#f1f5f9!important}[data-theme=light] .table-wrap table tbody td{color:#090d16!important}[data-theme=light] .btn-ghost{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#090d16!important}[data-theme=light] .btn-ghost:hover:not(:disabled){background:#e2e8f0!important;border-color:#94a3b8!important;color:#090d16!important}[data-theme=light] .input{background:#fff!important;border-color:#cbd5e1!important;color:#090d16!important}[data-theme=light] .input:focus{background:#fff!important;border-color:#0284c7!important;box-shadow:0 0 0 3px #0284c733!important}[data-theme=light] .caja-selector select{background-color:#fff!important;border-color:#cbd5e1!important;color:#090d16!important}[data-theme=light] .detail-item{background:#f8fafc!important;border-color:#e2e8f0!important}[data-theme=light] .detail-label{color:#64748b!important}[data-theme=light] .detail-value{color:#090d16!important}[data-theme=light] .participant-card{background:#fff!important;border-color:#cbd5e1!important;color:#090d16!important}[data-theme=light] .participant-name{color:#090d16!important}[data-theme=light] .participant-meta{color:#475569!important}[data-theme=light] .page-title h1{color:#090d16!important}[data-theme=light] .page-title p{color:#475569!important}[data-theme=light] .sidebar{background:#fff!important;border-right-color:#e2e8f0!important}[data-theme=light] .sidebar-logo{border-bottom-color:#e2e8f0!important}[data-theme=light] .logo-text h2{color:#090d16!important}[data-theme=light] .sidebar-footer{border-top-color:#e2e8f0!important}html{font-size:100%}body{height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02" 1,"cv03" 1,"cv04" 1,"cv11" 1}#root{height:100%}.layout{width:100%;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform var(--transition)}.sidebar-logo{padding:24px 20px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.logo-text h2{font-size:14px;font-weight:700;color:var(--text);line-height:1.2}.logo-text p{font-size:11px;color:var(--text-muted);margin-top:2px}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-group-title{padding:0 12px;font-size:10px;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;margin-top:24px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);margin-bottom:4px;-webkit-user-select:none;user-select:none;touch-action:manipulation}.nav-item:hover{background:var(--surface2);color:var(--text);transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;box-shadow:0 6px 20px -4px var(--accent-glow);border-left:4px solid var(--accent-neon);padding-left:14px}.nav-item .nav-icon{font-size:20px;width:24px;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-item .nav-label{flex:1}.nav-item.active .nav-icon{transform:scale(1.1)}.sidebar-footer{padding:16px;border-top:1px solid var(--border)}.caja-selector{width:100%}.caja-selector label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}.caja-selector select{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color var(--transition),box-shadow var(--transition)}.caja-selector select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.main-content{flex:1;margin-left:var(--sidebar-w);min-height:100vh;display:flex;flex-direction:column}.page-header{padding:16px 24px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-title h1{font-size:20px;font-weight:700}.page-title p{font-size:13px;color:var(--text-muted);margin-top:2px}.page-body{padding:16px 24px 32px;flex:1}.card{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--radius);padding:16px;box-shadow:var(--card-shadow);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.stat-card{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--radius);padding:14px 16px;position:relative;overflow:hidden;box-shadow:var(--card-shadow);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color, var(--accent));box-shadow:0 0 14px var(--accent-color, var(--accent))}.stat-card:hover{transform:translateY(-3px);border-color:var(--accent-color, var(--accent));box-shadow:var(--card-hover-shadow)}.stat-icon{font-size:22px;margin-bottom:6px}.stat-value{font-size:30px;font-weight:800;line-height:1.1;color:var(--accent-color, var(--text));font-family:var(--font-athletic);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.stat-label{font-size:12px;color:var(--text-muted);margin-top:4px;font-weight:600}.stat-sub{font-size:10px;color:var(--text-dim);margin-top:4px;font-weight:500}.progress-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;margin-bottom:24px;box-shadow:var(--card-shadow)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-title{font-size:14px;font-weight:600}.progress-pct{font-size:20px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.progress-bar{height:10px;background:var(--surface3);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:transform .12s cubic-bezier(.2,0,0,1),box-shadow .15s ease,background .15s ease,border-color .15s ease;text-decoration:none;white-space:nowrap;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.97)!important}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 15px -3px var(--accent-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6 0%,var(--accent) 100%);transform:translateY(-1.5px);box-shadow:0 8px 25px -4px var(--accent-glow)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #10b9814d}.btn-success:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1.5px);box-shadow:0 6px 18px #10b98173}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #ef44444d}.btn-danger:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1.5px);box-shadow:0 6px 18px #ef444473}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover:not(:disabled){background:var(--surface3);border-color:var(--border-focus);color:var(--text);transform:translateY(-1.5px)}.btn-lg{padding:14px 28px;font-size:16px;border-radius:var(--radius)}.btn-sm{padding:7px 14px;font-size:12.5px}.btn-icon{padding:8px;width:38px;height:38px;justify-content:center}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.input{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;font-family:inherit;width:100%;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow);background:var(--surface)}.input::placeholder{color:var(--text-dim)}textarea.input{min-height:120px;resize:vertical}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.search-wrap{position:relative;flex:1}.search-wrap .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:16px;pointer-events:none;transition:color .2s ease,transform .2s ease}.search-wrap:focus-within .search-icon{color:var(--accent-light);transform:translateY(-50%) scale(1.15)}.search-wrap .input{padding-left:42px;font-weight:600;font-size:14.5px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{text-align:left;padding:11px 14px;font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:2px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10;box-shadow:0 2px 6px #0000001f}tbody tr{border-bottom:1px solid var(--border);transition:background .15s ease;cursor:pointer}tbody tr:nth-child(2n){background:#ffffff04}[data-theme=light] tbody tr:nth-child(2n){background:#00000005}tbody tr:hover{background:var(--surface2)!important}tbody td{padding:10px 14px;color:var(--text);vertical-align:middle;line-height:1.4}.bib-num,.stat-value,.participant-number,thead th:nth-child(2),tbody td:nth-child(2){font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;font-size:11.5px;font-weight:700;white-space:nowrap;letter-spacing:.02em;border:1px solid transparent}.badge-success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.badge-error{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.badge-info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.badge-neutral{background:var(--surface3);color:var(--text-muted);border-color:var(--border)}.participant-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--card-shadow);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.participant-card.delivered{border-color:var(--success);background:var(--success-bg)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.participant-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.participant-number{font-size:46px;font-weight:900;color:var(--accent-light, var(--accent));line-height:1;font-family:var(--font-athletic);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.03em;text-shadow:0 0 24px var(--accent-glow)}.participant-name{font-size:21px;font-weight:800;margin-bottom:4px}.participant-meta{font-size:13.5px;color:var(--text-muted)}.participant-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.detail-item{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.detail-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:4px}.detail-value{font-size:15px;font-weight:700}.participant-actions{display:flex;gap:12px;flex-wrap:wrap}.participant-actions .btn{flex:1;min-width:140px;justify-content:center}.scanner-area{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:24px}.scanner-tabs{display:flex;border-bottom:1px solid var(--border)}.scanner-tab{flex:1;padding:14px;background:none;border:none;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.scanner-tab.active{color:var(--accent);background:var(--accent-glow)}.scanner-tab:hover:not(.active){background:var(--surface2);color:var(--text)}.scanner-body{padding:24px;min-height:220px}#qr-reader{width:100%!important;border:none!important}#qr-reader video{border-radius:var(--radius-sm)}#qr-reader__scan_region{background:var(--surface)!important}#qr-reader__dashboard{background:var(--surface)!important;color:var(--text)!important}#qr-reader__dashboard button{background:var(--accent)!important;color:#fff!important;border:none!important;border-radius:6px!important;padding:6px 14px!important}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:48px 24px;text-align:center;cursor:pointer;transition:all var(--transition);background:var(--surface)}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:var(--accent-glow)}.drop-zone-icon{font-size:48px;margin-bottom:12px}.drop-zone h3{font-size:16px;font-weight:600;margin-bottom:6px}.drop-zone p{font-size:13px;color:var(--text-muted)}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.filter-bar .input{width:auto;min-width:140px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:16px;font-weight:700}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.alert{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--radius-sm);font-size:14px}.alert-success{background:var(--success-bg);border:1px solid rgba(34,197,94,.2);color:var(--success)}.alert-error{background:var(--error-bg);border:1px solid rgba(239,68,68,.2);color:var(--error)}.alert-warning{background:var(--warning-bg);border:1px solid rgba(245,158,11,.2);color:var(--warning)}.alert-info{background:var(--info-bg);border:1px solid rgba(59,130,246,.2);color:var(--info)}.template-editor{display:grid;grid-template-columns:1fr 1fr;gap:24px}.template-preview{background:#fff;border-radius:var(--radius);overflow:hidden;min-height:400px}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;align-items:center;justify-content:center;padding:60px;gap:12px;color:var(--text-muted)}.empty-state{text-align:center;padding:60px 24px;color:var(--text-muted)}.empty-state .empty-icon{font-size:48px;margin-bottom:12px}.empty-state h3{font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px}.empty-state p{font-size:13px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.section-gap{margin-bottom:24px}@media (max-width: 768px){:root{--sidebar-w: 0px}.sidebar{transform:translate(-240px);width:240px}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.page-header,.page-body{padding:16px}.mobile-header{display:flex!important;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.grid-2,.grid-3,.template-editor{grid-template-columns:1fr}.participant-actions{flex-direction:column}}.mobile-header{display:none}.event-selector-bg{min-height:100vh;background-color:var(--background);display:flex;justify-content:center;padding:40px 20px}.event-selector-container{max-width:1720px;width:96%;margin:0 auto;padding-bottom:80px}.event-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.event-selector-header .logo-section{display:flex;align-items:center;gap:16px}.event-selector-header h1{font-size:24px;margin:0}.event-selector-header p{font-size:14px;color:var(--text-muted);margin:0}.event-grid-section h2{font-size:20px;margin-bottom:24px}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media (min-width: 1260px){.event-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1600px){.event-grid{grid-template-columns:repeat(5,1fr)}}.event-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:24px;cursor:pointer;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;box-shadow:var(--card-shadow)}.event-card:hover{transform:translateY(-4px);border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow)}.recent-event-quick-chip{transition:all .2s ease}.recent-event-quick-chip:hover{border-color:#10b981b3!important;box-shadow:0 4px 16px #10b98140!important}.recent-event-floating-dock{animation:slideUpFade .35s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-card-status{margin-bottom:8px}.event-card-icon{font-size:32px;margin-bottom:12px}.event-card h3{font-size:18px;margin:0 0 8px}.event-card-info{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-muted)}.event-card-footer{margin-top:auto;border-top:1px solid var(--border);padding-top:16px}.event-card-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;opacity:0;transition:opacity .2s ease;z-index:10}.event-card:hover .event-card-actions{opacity:1}.btn-action-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-size:14px}.btn-action-icon:hover{background:var(--surface3);color:var(--text);transform:translateY(-2px)}.btn-action-icon.delete:hover{background:#ef444426;border-color:var(--error);color:var(--error)}.event-selector-footer{margin-top:64px;text-align:center;color:var(--text-dim);font-size:12px}@media (max-width: 600px){.event-selector-header{flex-direction:column;gap:20px;align-items:flex-start;margin-bottom:32px}}@media print{body *{visibility:hidden!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-area,.print-area *,.print-report-area,.print-report-area *{visibility:visible!important}.print-report-area{display:block!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:auto!important;background:#fff!important;color:#0f172a!important;padding:20px!important;z-index:9999999!important;box-shadow:none!important;border:none!important}.print-area{display:block!important;position:absolute;top:0;left:0;width:100mm;height:50mm;margin:0;padding:0;background:#fff!important;z-index:9999999}.print-area.chromeos-print{display:block!important;position:absolute!important;top:0!important;left:0!important;width:4in!important;height:auto!important;margin:0!important;padding:0!important}.chromeos-print .label-page{display:block!important;position:relative!important;width:4in!important;height:2in!important;margin:-6mm 0 0!important;padding:0!important;page-break-after:always!important;break-after:page!important;page-break-inside:avoid!important;break-inside:avoid!important}.label-page{page-break-after:always;width:100mm;height:50mm;position:relative;overflow:hidden;background:#fff!important;color:#000!important;display:block!important}.label-folio{position:absolute;top:2mm;right:5mm;font-size:28pt;font-weight:800;visibility:visible!important}.label-name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;text-align:center;font-size:20pt;font-weight:800;line-height:1.1;text-transform:uppercase;visibility:visible!important}.label-bottom{position:absolute;bottom:3mm;width:calc(100% - 10mm);display:flex;justify-content:space-between;align-items:flex-end;font-size:10pt;visibility:visible!important}.label-col-left{display:flex;flex-direction:column;gap:1mm;font-weight:700;width:35%;visibility:visible!important}.label-col-center{text-align:center;font-weight:800;font-size:14pt;width:30%;visibility:visible!important}.label-col-right{display:flex;flex-direction:column;gap:1mm;align-items:flex-end;font-weight:700;width:35%;visibility:visible!important}#root,.layout,.main-content,.page-body{display:block!important;visibility:visible!important;background:transparent!important;height:auto!important;min-height:auto!important;padding:0!important;margin:0!important;border:none!important}.sidebar,.mobile-header,.page-header,.filter-bar,.card,.btn,.modal-overlay,.tabs-wrap{display:none!important}}.print-area{display:none}.sidebar{transition:width .15s ease,transform .15s ease}.main-content{transition:margin-left .15s ease}.sidebar.collapsed{width:76px}.layout.sidebar-collapsed .main-content{margin-left:76px}.sidebar.collapsed .brand-name,.sidebar.collapsed .brand-event,.sidebar.collapsed .brand-logo{display:none}.brand-logo{width:100%;height:60px;border-radius:8px;margin-bottom:8px;object-fit:cover}.sidebar.collapsed,.sidebar.collapsed .sidebar-nav,.sidebar.collapsed .nav-group{overflow:visible!important}.sidebar.collapsed .nav-item{padding:12px 16px;justify-content:center;position:relative;overflow:visible!important}.sidebar.collapsed .nav-item .nav-icon{margin-right:0}.sidebar.collapsed .nav-item:hover{transform:translateY(-2px)}.nav-item{position:relative}.sidebar.collapsed .nav-item[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:82px;top:50%;transform:translateY(-50%);background:var(--surface2);color:var(--text);padding:6px 14px;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 8px 24px #000c,0 0 12px #38bdf866;border:1px solid var(--accent);opacity:1!important;visibility:visible!important;pointer-events:none;z-index:999999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar:not(.collapsed) .nav-item[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--surface2);color:var(--text);padding:6px 14px;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 8px 24px #000c,0 0 12px #38bdf866;border:1px solid var(--accent);opacity:1!important;visibility:visible!important;pointer-events:none;z-index:999999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar.collapsed .nav-item:hover:before{opacity:1;visibility:visible}.sidebar.collapsed .theme-switch-container{justify-content:center;width:100%}.sidebar.collapsed .theme-switch{transform:scale(.65);transform-origin:center center}.sidebar-collapse-btn{position:absolute;top:14px;right:-14px;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:101;transition:all var(--transition);font-weight:700}.sidebar-collapse-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}@media (max-width: 768px){.sidebar-collapse-btn{display:none}.layout.sidebar-collapsed .main-content{margin-left:0}}.custom-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.custom-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:24px;text-align:center;box-shadow:0 10px 40px #00000080;animation:scaleIn .2s ease}@media (pointer: fine){#qr-reader video{transform:scaleX(-1)}}.custom-modal-icon{font-size:40px;margin-bottom:16px}.custom-modal-title{font-size:18px;font-weight:700;margin-bottom:8px}.custom-modal-text{font-size:14px;color:var(--text-muted);margin-bottom:24px}.custom-modal-actions{display:flex;gap:12px}.custom-modal-actions .btn{flex:1}.login-dynamic-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top right,rgba(27,117,188,.15),transparent 40%),radial-gradient(circle at bottom left,rgba(27,117,188,.1),transparent 40%),var(--bg);position:relative;overflow:hidden}.glass-card{background:#18181873;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:44px 40px;width:100%;max-width:480px;z-index:10;box-shadow:0 24px 64px #00000080,inset 0 0 0 1px #ffffff14}.login-card-animate{animation:slideUpFade .6s cubic-bezier(.16,1,.3,1)}.login-header{text-align:center;margin-bottom:32px}.login-logo{height:120px;object-fit:contain;margin-bottom:12px}.floating{animation:float 6s ease-in-out infinite}.login-subtitle{color:var(--text-muted);font-size:14px;font-weight:500;letter-spacing:.5px}.login-form{display:flex;flex-direction:column;gap:20px}.role-selector{display:flex;gap:8px;background:#0000004d;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.role-btn{flex:1;background:transparent;border:none;border-radius:8px;color:var(--text-muted);transition:all .3s ease;height:40px;font-weight:600}.role-btn.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px #1b75bc4d}.glass-input{background:#0003;border:1px solid rgba(255,255,255,.1);color:var(--text);border-radius:12px;padding:14px 16px;font-size:15px;width:100%;transition:all .3s}.glass-input:focus{outline:none;background:#0006;border-color:var(--accent);box-shadow:0 0 0 3px #1b75bc26}.login-submit{height:54px;font-size:16px;border-radius:14px;margin-top:10px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border:none;box-shadow:0 8px 24px #1b75bc40;display:flex;align-items:center;justify-content:center}.glow-on-hover:hover{box-shadow:0 8px 32px #1b75bc66;transform:translateY(-2px)}.form-content-animate{animation:fadeIn .4s ease-out}.bg-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.8;z-index:1}.blob-1{width:500px;height:500px;background:#1b75bc99;top:-100px;right:-100px;animation:blobFloat 12s infinite alternate ease-in-out}.blob-2{width:400px;height:400px;background:#22c55e4d;bottom:-50px;left:-100px;animation:blobFloat 14s infinite alternate-reverse ease-in-out}.blob-3{width:350px;height:350px;background:#f59e0b40;top:40%;right:20%;animation:blobFloat 18s infinite alternate ease-in-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes blobFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,40px) scale(1.1)}to{transform:translate(-20px,20px) scale(.9)}}.network-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;width:100%;position:sticky;top:0;z-index:99;font-size:13px;font-weight:600;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #00000026;animation:slideDownBanner .3s cubic-bezier(.16,1,.3,1)}.network-banner-offline{background:#ef4444e6;color:#fff}.network-banner-syncing{background:#f59e0be6;color:#fff}.network-banner-online{background:#22c55ef2;color:#fff;animation:slideDownBanner .3s ease,fadeOutBanner .4s ease 2.6s forwards}.network-banner-pulse{width:8px;height:8px;border-radius:50%;background:#fff;display:inline-block;animation:pulseScale 1.4s infinite ease-in-out;flex-shrink:0}.network-banner-badge{background:#00000059;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;text-transform:uppercase}.badge-cache-local{background:#f59e0b26!important;color:var(--warning)!important;border:1px solid rgba(245,158,11,.3)!important;font-weight:700}@keyframes slideDownBanner{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeOutBanner{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes pulseScale{0%{transform:scale(.85);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.85);opacity:.5}}@keyframes radarPulse{0%{transform:scale(.95);opacity:.8}to{transform:scale(1.6);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-switch-container{position:relative;display:flex;justify-content:flex-start;align-items:center;z-index:10}:root{--toggle-width: 76px;--toggle-height: 36px;--bezel-padding: 3px;--track-width: 70px;--track-height: 30px;--orb-size: 24px;--orb-offset: 3px;--orb-travel: 40px;--stretch-amount: 6px;--track-bg-light: #4ba5f8;--orb-bg-light: #fbbf24;--orb-glow-light: rgba(251, 191, 36, .7);--track-bg-dark: #12121f;--orb-bg-dark: #e2e8f0;--orb-glow-dark: rgba(226, 232, 240, .3)}.theme-switch{position:relative;display:inline-block;width:var(--toggle-width);height:var(--toggle-height);cursor:pointer;border-radius:999px;box-shadow:0 4px 12px #00000026,inset 0 1px 2px #fffc;background:linear-gradient(145deg,#fff,#e6e6e6);transition:all .4s ease}[data-theme=light] .theme-switch{box-shadow:0 4px 12px #00000026,inset 0 1px 2px #fffc;background:linear-gradient(145deg,#fff,#e6e6e6)}[data-theme=dark] .theme-switch{box-shadow:0 4px 12px #00000080,inset 0 1px 2px #ffffff1a;background:linear-gradient(145deg,#2a2a35,#15151c)}.theme-switch__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;opacity:0;width:0;height:0}.theme-switch__track{position:absolute;top:var(--bezel-padding);left:var(--bezel-padding);width:var(--track-width);height:var(--track-height);border-radius:999px;background-color:var(--track-bg-light);overflow:hidden;box-shadow:inset 0 3px 6px #00000040;transition:background-color .4s ease}.theme-switch__input:checked~.theme-switch__track{background-color:var(--track-bg-dark)}.theme-switch__orb{position:absolute;top:var(--orb-offset);left:var(--orb-offset);width:var(--orb-size);height:var(--orb-size);border-radius:50%;background-color:var(--orb-bg-light);box-shadow:inset -2px -2px 4px #b4530980,inset 2px 2px 3px #fffc,0 0 10px var(--orb-glow-light);transition:transform .5s cubic-bezier(.68,-.55,.265,1.55),width .3s ease,background-color .4s ease;z-index:20}.theme-switch__input:checked~.theme-switch__track .theme-switch__orb{transform:translate(var(--orb-travel)) rotate(360deg);background-color:var(--orb-bg-dark);box-shadow:inset -2px -2px 4px #0000004d,inset 2px 2px 3px #fffc,0 0 8px var(--orb-glow-dark)}.theme-switch__input:active~.theme-switch__track .theme-switch__orb{width:calc(var(--orb-size) + var(--stretch-amount))}.theme-switch__input:checked:active~.theme-switch__track .theme-switch__orb{transform:translate(calc(var(--orb-travel) - var(--stretch-amount))) rotate(360deg)}.crater{position:absolute;background-color:#00000026;border-radius:50%;opacity:0;transition:opacity .3s ease;box-shadow:inset 1px 1px 2px #0003}.crater--1{top:20%;left:20%;width:25%;height:25%}.crater--2{bottom:25%;right:20%;width:15%;height:15%}.crater--3{top:40%;right:35%;width:10%;height:10%}.theme-switch__input:checked~.theme-switch__track .crater{opacity:1}.theme-switch__clouds{position:absolute;width:100%;height:100%;transition:transform .4s ease,opacity .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));z-index:10}.cloud{position:absolute;background:#fff;border-radius:50px}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud--1{width:18px;height:6px;bottom:15%;right:10%;animation:cloud-float 4s ease-in-out infinite}.cloud--1:before{width:9px;height:9px;top:-5px;left:3px}.cloud--1:after{width:6px;height:6px;top:-3px;right:2px}.cloud--2{width:12px;height:5px;bottom:30%;left:35%;opacity:.7;animation:cloud-float 5s ease-in-out infinite reverse}.cloud--2:before{width:7px;height:7px;top:-4px;left:2px}.cloud--2:after{width:5px;height:5px;top:-2px;right:1.5px}.theme-switch__input:checked~.theme-switch__track .theme-switch__clouds{transform:translateY(20px);opacity:0}.theme-switch__stars{position:absolute;width:100%;height:100%;opacity:0;transform:translateY(-10px);transition:all .4s ease}.theme-switch__stars:before{content:"";position:absolute;background:#fff;border-radius:50%;width:1.5px;height:1.5px;box-shadow:10px 5px #fff,20px 12px #fff9,38px 6px #fff;animation:twinkle 3s infinite alternate}.theme-switch__input:checked~.theme-switch__track .theme-switch__stars{opacity:1;transform:translateY(0)}.shooting-star{position:absolute;top:15%;right:20%;width:18px;height:1px;background:linear-gradient(to right,transparent,#fff);transform:rotate(-45deg) translate(50px);opacity:0}.theme-switch__input:checked~.theme-switch__track .shooting-star{animation:shoot 5s infinite 2s}@keyframes cloud-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}@keyframes shoot{0%{transform:rotate(-45deg) translate(40px);opacity:0}5%{transform:rotate(-45deg) translate(0);opacity:1}10%{transform:rotate(-45deg) translate(-40px);opacity:0}to{transform:rotate(-45deg) translate(-40px);opacity:0}}@keyframes pulse{0%{transform:scale(.9);opacity:.4}50%{transform:scale(1.15);opacity:1}to{transform:scale(.9);opacity:.4}}.print-pulsing-icon{display:inline-block;animation:pulse 1.5s infinite;margin-left:6px}svg.lucide,.lucide{display:inline-block!important;vertical-align:middle!important;flex-shrink:0!important}svg.w-3,svg.h-3{width:12px!important;height:12px!important}svg.w-3\.5,svg.h-3\.5{width:14px!important;height:14px!important}svg.w-4,svg.h-4{width:16px!important;height:16px!important}svg.w-5,svg.h-5{width:20px!important;height:20px!important}svg.w-6,svg.h-6{width:24px!important;height:24px!important}.space-y-2>*+*{margin-top:8px!important}.space-y-3>*+*{margin-top:12px!important}.space-y-4>*+*{margin-top:16px!important}.space-y-6>*+*{margin-top:24px!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.flex-1{flex:1 1 0%!important}.gap-1{gap:4px!important}.gap-2{gap:8px!important}.gap-3{gap:12px!important}.gap-4{gap:16px!important}.gap-6{gap:24px!important}.w-20{width:80px!important}.w-10{width:40px!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}@media (min-width: 1024px){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.lg\:col-span-6{grid-column:span 6 / span 6!important}.md\:flex-row{flex-direction:row!important}.md\:items-center{align-items:center!important}}.relative{position:relative!important}.absolute{position:absolute!important}.inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important}.text-xs{font-size:12px!important}.text-sm{font-size:14px!important}.text-2xl{font-size:24px!important}.text-\[10px\]{font-size:10px!important}.text-\[11px\]{font-size:11px!important}.font-bold{font-weight:700!important}.font-black{font-weight:900!important}.font-semibold{font-weight:600!important}.font-mono{font-family:monospace!important}.rounded-xl{border-radius:12px!important}.rounded-2xl{border-radius:16px!important}.rounded-3xl{border-radius:24px!important}.rounded-lg{border-radius:8px!important}.rounded-full{border-radius:9999px!important}.bg-slate-900\/90{background:#0f172ae6!important}.bg-slate-900\/80{background:#0f172acc!important}.bg-slate-900\/60{background:#0f172a99!important}.bg-slate-900{background:#0f172a!important}.bg-slate-950{background:#020617!important}.border-slate-800{border-color:#1e293b!important}.text-slate-300{color:#cbd5e1!important}.text-slate-400{color:#94a3b8!important}.text-blue-400{color:#38bdf8!important}.text-white{color:#fff!important}.accent-blue-500{accent-color:#3b82f6!important}.login-page{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;font-family:var(--font-sans, "Inter", system-ui, -apple-system, sans-serif)}.login-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}.login-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;position:relative;z-index:10}.login-logo-container{display:flex;align-items:center;gap:16px}.login-logo-box{width:48px;height:48px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:14px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.login-logo-img{width:32px;height:32px;object-fit:contain}.login-title-text h1{margin:0;font-size:20px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-title-text p{margin:2px 0 0;font-size:11px;color:#64748b;font-weight:500}.login-server-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#0f172ab3;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#cbd5e1;font-size:12px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.login-server-btn:hover{background:#1e293be6;border-color:#34d39966;transform:translateY(-1px)}.login-main{display:flex;align-items:center;justify-content:center;padding:20px 0;position:relative;z-index:10;width:100%}.login-card{position:relative;width:100%;max-width:980px;min-height:560px;background:#0f172ad9;border:1px solid rgba(255,255,255,.1);border-radius:28px;box-shadow:0 25px 60px -15px #000c,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.login-panel{padding:44px 36px;display:flex;flex-direction:column;justify-content:space-between;transition:opacity .4s ease;box-sizing:border-box}.login-panel-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.login-icon-badge{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-icon-badge.staff{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399}.login-icon-badge.admin{background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#818cf8}.login-panel-title h2{margin:0;font-size:19px;font-weight:800;color:#f8fafc}.login-panel-title p{margin:2px 0 0;font-size:12px;color:#64748b}.login-form{display:flex;flex-direction:column;gap:16px}.login-field-group{display:flex;flex-direction:column;gap:6px}.login-field-label{font-size:12px;font-weight:700;color:#94a3b8;display:flex;align-items:center;gap:6px}.login-input,.login-select{width:100%;padding:12px 14px;background:#02061799;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f8fafc;font-size:14px;outline:none;box-sizing:border-box;transition:all .2s ease}.login-input:focus,.login-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133;background:#020617d9}.login-input.admin:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.login-submit-btn{width:100%;padding:13px 18px;border-radius:12px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px}.login-submit-btn.staff{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 14px #10b98159}.login-submit-btn.staff:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669);box-shadow:0 6px 20px #10b98173;transform:translateY(-1px)}.login-submit-btn.admin{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 4px 14px #6366f159}.login-submit-btn.admin:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-sliding-overlay{position:absolute;top:0;left:0;width:50%;height:100%;z-index:20;transition:transform .6s cubic-bezier(.77,0,.175,1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 36px;text-align:center;box-sizing:border-box;color:#fff;box-shadow:0 0 40px #00000080}.login-overlay-icon{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.login-overlay-title{font-size:24px;font-weight:800;margin:0 0 10px;color:#fff;letter-spacing:-.02em}.login-overlay-desc{font-size:13px;line-height:1.6;color:#fffc;margin:0 0 28px;max-width:320px}.login-overlay-btn{padding:12px 24px;border-radius:12px;font-size:13px;font-weight:800;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.login-overlay-btn:hover{background:#fff3;border-color:#fff9;transform:translateY(-2px)}.login-footer{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;font-size:12px;color:#64748b;position:relative;z-index:10}@media (max-width: 860px){.login-card{grid-template-columns:1fr}.login-sliding-overlay{display:none}.login-panel{opacity:1!important}}