:root{--bg:#f4f7fb;--card:#fff;--text:#0f172a;--muted:#6b7a90;--border:#e4e8f0;--primary:#2ea5ff;--accent:#22c55e;--shadow:0 12px 40px rgba(15,23,42,.08);--radius:12px;--sidebar:linear-gradient(180deg,#0f172a,#0c1f2f 45%,#0a2f2a);--sidebar-text:#e5ecff;--sidebar-muted:#8fa2c2;--badge:#e0f6ff;--badge-text:#0b4c7a;--pill-bg:#e6f1ff;--pill-text:#1d4ed8}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--card:#111a2c;--text:#e7ecfa;--muted:#9fb2cf;--border:#1f2a3c;--primary:#4fb3ff;--accent:#22d17f;--shadow:0 10px 30px rgba(0,0,0,.45);--sidebar:linear-gradient(180deg,#0b1524,#0b2335 45%,#0a2b26);--sidebar-text:#d7e3ff;--sidebar-muted:#7f93b3;--badge:#0f2f4a;--badge-text:#7bc8ff;--pill-bg:#12233d;--pill-text:#8fceff}}:root[data-theme=dark]{--bg:#0b1220;--card:#111a2c;--text:#e7ecfa;--muted:#9fb2cf;--border:#1f2a3c;--primary:#4fb3ff;--accent:#22d17f;--shadow:0 10px 30px rgba(0,0,0,.45);--sidebar:linear-gradient(180deg,#0d1424,#0b192d);--sidebar-text:#d7e3ff;--sidebar-muted:#7f93b3;--badge:#0f2f4a;--badge-text:#7bc8ff;--pill-bg:#12233d;--pill-text:#8fceff}:root[data-theme=light]{--bg:#f4f7fb;--card:#fff;--text:#0f172a;--muted:#6b7a90;--border:#e4e8f0;--primary:#2ea5ff;--accent:#22c55e;--shadow:0 12px 40px rgba(15,23,42,.08);--sidebar:linear-gradient(180deg,#0f172a,#0c1f2f 45%,#0a2f2a);--sidebar-text:#e5ecff;--sidebar-muted:#8fa2c2;--badge:#e0f6ff;--badge-text:#0b4c7a;--pill-bg:#e6f1ff;--pill-text:#1d4ed8}body{background:radial-gradient(120% 120% at 10% 10%,rgba(34,197,94,.12),transparent 40%),radial-gradient(140% 140% at 90% 10%,rgba(46,165,255,.12),transparent 42%),var(--bg);color:var(--text);margin:0;font-family:Inter,-apple-system,system-ui,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:var(--bg)}.sidebar{background:var(--sidebar);color:var(--sidebar-text);padding:24px 20px;flex-direction:column;box-shadow:inset -1px 0 0 hsla(0,0%,100%,.06);max-height:100vh;overflow-y:auto}.brand,.sidebar{display:flex;gap:12px}.brand{align-items:flex-start;margin-bottom:6px}.brand-main{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:10px}.notif-bell{margin-left:auto;position:relative;width:34px;height:34px;border-radius:10px;background:hsla(0,0%,100%,.12);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 16px rgba(15,23,42,.25)}.notif-icon{font-size:16px}.notif-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 16px rgba(239,68,68,.35)}.brand-logo{width:min(100%,156px);height:auto;display:block;object-fit:contain}.brand .small{color:var(--sidebar-muted)}.brand-text{line-height:1.3;white-space:normal;min-width:0}.brand-text strong{display:block}.nav-title{font-weight:700;font-size:18px;margin-bottom:8px}.nav-link{padding:10px 12px;border-radius:8px;color:var(--sidebar-muted);transition:background .15s ease,color .15s ease,transform .12s ease;display:inline-flex;align-items:center;gap:10px}.nav-link:hover{background:hsla(0,0%,100%,.08);color:var(--sidebar-text);transform:translateX(2px)}.content{padding:28px;display:flex;flex-direction:column;gap:20px}.page-header{display:flex;justify-content:space-between;align-items:center}.title{font-size:24px;font-weight:700;margin:0}.muted{color:var(--muted);font-size:14px}.grid{display:grid;grid-gap:18px;gap:18px}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;margin-top:6px}.card h3{margin:0 0 8px;font-size:16px}.dashboard-indicator-card{border-color:rgba(16,185,129,.28);background:linear-gradient(145deg,rgba(16,185,129,.1),rgba(46,165,255,.08)),var(--card)}.dashboard-indicator-card .stat-value{font-size:30px}.dashboard-queue-card{cursor:pointer;border:1px solid rgba(30,144,255,.28);background:linear-gradient(145deg,rgba(46,165,255,.12),rgba(34,197,94,.08)),var(--card);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.dashboard-queue-card.pickup{box-shadow:0 16px 34px rgba(46,165,255,.18)}.dashboard-queue-card.delivery{border-color:rgba(34,197,94,.32);box-shadow:0 16px 34px rgba(34,197,94,.16)}.dashboard-queue-card:hover{transform:translateY(-2px);border-color:rgba(30,144,255,.56)}.dashboard-queue-card.delivery:hover{border-color:rgba(34,197,94,.58)}.dashboard-queue-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.dashboard-queue-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0b4c7a;background:hsla(0,0%,100%,.84);border:1px solid rgba(11,76,122,.12)}.dashboard-queue-open{font-size:12px;font-weight:700;color:#0b4c7a}.dashboard-queue-count{font-size:34px;font-weight:800;line-height:1;color:#0f172a}.dashboard-queue-text{font-size:13px;color:#335271}:root[data-theme=dark] .dashboard-queue-card{border-color:rgba(79,179,255,.4);background:linear-gradient(145deg,rgba(79,179,255,.2),rgba(34,209,127,.14)),var(--card)}:root[data-theme=dark] .dashboard-indicator-card{border-color:rgba(52,211,153,.44);background:linear-gradient(145deg,rgba(16,185,129,.16),rgba(46,165,255,.16)),var(--card)}:root[data-theme=dark] .dashboard-queue-card.delivery{border-color:rgba(34,209,127,.45)}:root[data-theme=dark] .dashboard-queue-chip{color:#c9e8ff;background:rgba(11,25,45,.78);border-color:rgba(143,206,255,.32)}:root[data-theme=dark] .dashboard-queue-count,:root[data-theme=dark] .dashboard-queue-open{color:#e7ecfa}:root[data-theme=dark] .dashboard-queue-text{color:#b6c7e2}.stat-value{font-size:26px;font-weight:700}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--pill-bg);color:var(--pill-text);border-radius:999px;font-size:12px;font-weight:600}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{padding:10px 8px;border-bottom:1px solid var(--border);text-align:left}.table-link{color:var(--primary);font-weight:600}.table-link:hover{text-decoration:underline}.avatar-stack{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:999px;overflow:hidden;background:var(--pill-bg);color:var(--pill-text);font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--border)}.avatar img{width:100%;height:100%;object-fit:cover}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.02em;color:var(--muted)}.table.compact td,.table.compact th{padding:6px;font-size:12px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:600;background:var(--badge);color:var(--badge-text)}.list{display:flex;flex-direction:column;gap:10px}.error{background:hsla(0,91%,71%,.12);border:1px solid hsla(0,91%,71%,.4);color:#fca5a5;padding:12px;border-radius:8px}.topbar{display:flex;justify-content:space-between;align-items:center;margin:8px 0 4px}.small{font-size:12px;color:var(--muted)}.contact-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.contact-primary{font-weight:700;color:var(--text)}.flex{display:flex;gap:12px;align-items:center}button{border:none;background:linear-gradient(135deg,var(--primary),#1e90ff);color:#fff;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 10px 30px rgba(46,165,255,.25);transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}button:hover{transform:translateY(-1px);box-shadow:0 12px 34px rgba(46,165,255,.3)}button:active{transform:translateY(0);opacity:.9}button:disabled{cursor:wait;opacity:.78;transform:none;box-shadow:none}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--card);color:var(--text);outline:none;transition:border .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(46,165,255,.15)}.password-input-wrap{display:flex;align-items:center;width:100%;border:1px solid var(--border);border-radius:10px;background:var(--card);transition:border .15s ease,box-shadow .15s ease}.password-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(46,165,255,.15)}.password-input-field{background:transparent}.password-input-field,.password-input-field:focus,.password-input-toggle{border:none;box-shadow:none}.password-input-toggle{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;background:transparent;color:var(--muted)}.password-input-toggle:hover{transform:none;box-shadow:none;color:var(--text)}.password-input-toggle:focus-visible{outline:none;color:var(--text)}.divider{height:1px;background:var(--border);margin:12px 0;opacity:.7}.stack{display:flex;flex-direction:column;gap:12px}.stack.tight{gap:8px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.form-fieldset-reset{border:0;padding:0;margin:0;min-width:0}.field span{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.field.checkbox{display:inline-flex;align-items:center;gap:8px}.muted-card{background:linear-gradient(135deg,rgba(46,165,255,.05),rgba(34,197,94,.05));border:1px solid var(--border)}.btn{background:linear-gradient(135deg,var(--primary),#1e90ff);color:#fff}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--primary));color:#fff}.btn.danger{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 10px 28px rgba(239,68,68,.25)}.btn.ghost{background:transparent;color:var(--text);border:1px dashed var(--border);box-shadow:none}.support-fab{position:fixed;right:24px;bottom:24px;z-index:60;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:#0f172a;color:#fff;font-weight:700;box-shadow:0 18px 40px rgba(15,23,42,.28);border:1px solid hsla(0,0%,100%,.12)}.support-fab:hover{transform:translateY(-1px)}.support-fab-icon{width:28px;height:28px;background:hsla(0,0%,100%,.18);justify-content:center}.assignments-fab,.support-fab-icon{border-radius:999px;display:inline-flex;align-items:center;font-weight:800}.assignments-fab{position:fixed;right:24px;bottom:86px;z-index:60;gap:10px;padding:12px 16px;background:#f59e0b;color:#0f172a;box-shadow:0 18px 40px rgba(245,158,11,.35);border:1px solid hsla(0,0%,100%,.4)}.assignments-fab.alert{animation:assignments-pulse 1.6s ease-in-out infinite}.assignments-fab:hover{transform:translateY(-1px)}.assignments-fab-icon{width:28px;height:28px;background:hsla(0,0%,100%,.6);font-size:16px;position:relative}.assignments-badge,.assignments-fab-icon{border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.assignments-badge{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;box-shadow:0 8px 16px rgba(239,68,68,.35)}.assignments-sound{margin-left:8px;font-size:12px;font-weight:700;background:rgba(15,23,42,.2);color:#0f172a;padding:4px 8px;border-radius:999px}@keyframes assignments-pulse{0%{box-shadow:0 18px 40px rgba(245,158,11,.35)}50%{box-shadow:0 18px 40px rgba(245,158,11,.7)}to{box-shadow:0 18px 40px rgba(245,158,11,.35)}}.success-modal-overlay{position:fixed;inset:0;background:rgba(9,15,26,.55);justify-content:center;z-index:120}.success-modal,.success-modal-overlay{display:flex;align-items:center;padding:24px}.success-modal{width:min(420px,92vw);background:var(--card);border-radius:18px;border:1px solid rgba(34,197,94,.28);box-shadow:0 24px 60px rgba(15,23,42,.28);flex-direction:column;gap:12px;text-align:center}.success-modal-icon{width:64px;height:64px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#fff;background:radial-gradient(circle at 30% 30%,#38f2a1,var(--accent));box-shadow:0 12px 30px rgba(34,197,94,.45)}.success-modal-title{font-size:20px;font-weight:700}.success-modal-text{font-size:14px;color:var(--muted);line-height:1.5}.success-modal-button{margin-top:6px;min-width:140px}.upload-status-card{border-radius:14px;border:1px solid rgba(46,165,255,.2);background:linear-gradient(135deg,rgba(46,165,255,.08),rgba(34,197,94,.06));padding:12px 14px;display:flex;flex-direction:column;gap:10px}.upload-status-card.error{padding:12px 14px}.upload-status-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.upload-progress-track{position:relative;height:10px;border-radius:999px;overflow:hidden;background:rgba(15,23,42,.08)}.upload-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .18s ease}.upload-progress-track.indeterminate .upload-progress-bar{width:38%;animation:upload-progress-indeterminate 1.15s ease-in-out infinite}@keyframes upload-progress-indeterminate{0%{transform:translateX(-120%)}to{transform:translateX(310%)}}@media (max-width:900px){.support-fab{right:16px;bottom:16px}.assignments-fab{right:16px;bottom:78px}}