*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b0f19;--surface: #131b2e;--surface2: #1c2742;--surface3: #253356;--surface-glass: rgba(19, 27, 46, .75);--border: #233152;--border-glass: rgba(255, 255, 255, .08);--accent: #1b75bc;--accent-dark: #155c94;--accent-glow: rgba(27, 117, 188, .25);--accent-neon: #38bdf8;--text: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--success: #10b981;--success-bg: rgba(16, 185, 129, .14);--success-glow: rgba(16, 185, 129, .3);--error: #ef4444;--error-bg: rgba(239, 68, 68, .14);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .14);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .14);--radius: 14px;--radius-sm: 8px;--radius-lg: 20px;--shadow: 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(27, 117, 188, .2);--backdrop: blur(16px) saturate(180%);--transition: .25s cubic-bezier(.4, 0, .2, 1);--sidebar-w: 220px}[data-theme=light]{--bg: #f8fafc;--surface: #ffffff;--surface2: #f1f5f9;--surface3: #e2e8f0;--surface-glass: rgba(255, 255, 255, .85);--border: #cbd5e1;--border-glass: rgba(0, 0, 0, .06);--text: #0f172a;--text-muted: #475569;--text-dim: #94a3b8;--accent-glow: rgba(27, 117, 188, .12);--shadow: 0 10px 30px -10px rgba(15, 23, 42, .08);--shadow-glow: 0 4px 20px rgba(27, 117, 188, .15)}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}#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 .3s cubic-bezier(.4,0,.2,1);margin-bottom:4px}.nav-item:hover{background:var(--surface2);color:var(--text);transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,#1b75bc,#1e40af);color:#fff;box-shadow:0 6px 20px -4px #1b75bc80;border-left:4px solid #38bdf8;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}.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:linear-gradient(160deg,#172138e6,#0f172af2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:16px;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff1a;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:#38bdf866;box-shadow:0 14px 40px -10px #000000b3,inset 0 1px #ffffff26}.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:linear-gradient(160deg,#172138e6,#0f172af2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:14px 16px;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff1a;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:0 16px 36px -8px #000000a6,0 0 20px var(--accent-glow)}.stat-icon{font-size:22px;margin-bottom:6px}.stat-value{font-size:28px;font-weight:800;line-height:1.1;color:var(--accent-color, var(--text));font-family:Outfit,sans-serif;letter-spacing:-.02em}.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:linear-gradient(160deg,#172138e6,#0f172af2);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:20px;margin-bottom:24px}.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)}.progress-bar{height:10px;background:var(--surface3);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#38bdf8);border-radius:99px;transition:width .6s ease}.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:all var(--transition);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#1b75bc,#1d4ed8);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px -3px #1b75bc66}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 8px 25px -4px #1b75bc99}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-ghost{background:#ffffff0d;color:var(--text);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover:not(:disabled){background:#ffffff1f;border-color:#fff3;color:#fff;transform:translateY(-1px)}.btn-lg{padding:14px 28px;font-size:16px;border-radius:var(--radius)}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{padding:8px;width:36px;height:36px;justify-content:center}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.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)}.input:focus{outline:none;border-color:var(--accent)}.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:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:16px;pointer-events:none}.search-wrap .input{padding-left:38px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;padding:9px 12px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0003}tbody tr{border-bottom:1px solid var(--border);transition:background var(--transition);cursor:pointer}tbody tr:hover{background:var(--surface2)}tbody td{padding:8px 12px;color:var(--text);vertical-align:middle;line-height:1.4}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:var(--surface3);color:var(--text-muted)}.participant-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:24px;animation:slideUp .3s ease}.participant-card.delivered{border-color:var(--success);background:#22c55e0d}@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:40px;font-weight:900;color:var(--accent);line-height:1}.participant-name{font-size:20px;font-weight:700;margin-bottom:4px}.participant-meta{font-size:13px;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-radius:var(--radius-sm);padding:12px}.detail-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:4px}.detail-value{font-size:15px;font-weight:600}.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:1000px;width:100%}.event-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.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(300px,1fr));gap:24px}.event-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.event-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 10px 30px -10px #ff6b3533}.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}