@import"https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap";:root{--primary-50: #fef2f2;--primary-100: #fee2e2;--primary-200: #fecaca;--primary-300: #fca5a5;--primary-400: #f87171;--primary-500: #ef4444;--primary-600: #dc2626;--primary-700: #b91c1c;--primary-800: #991b1b;--primary-900: #7f1d1d;--secondary-50: #eff6ff;--secondary-100: #dbeafe;--secondary-200: #bfdbfe;--secondary-300: #93c5fd;--secondary-400: #60a5fa;--secondary-500: #3b82f6;--secondary-600: #2563eb;--secondary-700: #1e40af;--secondary-800: #1e3a8a;--secondary-900: #172554;--accent-green: #10b981;--accent-orange: #f97316;--accent-yellow: #eab308;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out}.external-report-shell{display:flex;flex-direction:column;gap:1rem}.external-report-login-card{max-width:520px}.external-report-logo{width:84px;display:block;margin:0 auto .75rem;border-radius:18px;border:1px solid var(--neutral-200);background:#fff;padding:.35rem}.external-report-header{width:min(1180px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid rgb(148 163 184 / .34);border-radius:var(--radius-xl);background:linear-gradient(130deg,#ffffffc7,#f8fafc9e),radial-gradient(circle at 92% 8%,rgb(59 130 246 / .16),transparent 38%),radial-gradient(circle at 6% 95%,rgb(239 68 68 / .14),transparent 35%);box-shadow:0 22px 40px -30px #0f172a80;-webkit-backdrop-filter:blur(12px) saturate(128%);backdrop-filter:blur(12px) saturate(128%)}.external-report-brand{display:flex;align-items:center;gap:.85rem}.external-report-brand img{width:68px;border-radius:16px;border:1px solid var(--neutral-200);background:#fff;padding:.24rem}.external-report-brand h1{margin:0;color:var(--neutral-900);font-size:clamp(1.3rem,2.4vw,2.1rem);line-height:1.25}.external-report-brand p{margin:.2rem 0 0;color:var(--neutral-600);font-size:.9rem;font-weight:700}.external-report-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.external-report-controls,.external-report-tabs,.external-report-kpis,.external-report-grid{width:min(1180px,100%);margin:0 auto}.external-report-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:.45rem;border:1px solid rgb(226 232 240 / .96);border-radius:var(--radius-xl);background:#ffffffc7;box-shadow:var(--shadow-sm)}.external-report-tab{border:1px solid transparent;border-radius:.9rem;background:transparent;color:var(--neutral-600);font:inherit;cursor:pointer;min-height:66px;padding:.65rem .75rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;text-align:right}.external-report-tab:hover{background:#f8fafce6}.external-report-tab:focus-visible{outline:3px solid rgb(59 130 246 / .28);outline-offset:2px}.external-report-tab i{width:34px;height:34px;border-radius:.75rem;display:grid;place-items:center;background:var(--neutral-100);color:var(--neutral-600)}.external-report-tab span{min-width:0;color:inherit;font-size:.95rem;font-weight:900}.external-report-tab strong{min-width:44px;color:inherit;font-size:1.15rem;line-height:1;text-align:center}.external-report-tab-active{border-color:#f871718c;background:linear-gradient(135deg,var(--primary-50),#ffffff);color:var(--primary-700);box-shadow:0 16px 32px -30px #7f1d1d9e}.external-report-tab-active i{background:#fff;color:var(--primary-700);border:1px solid rgb(254 202 202 / .9)}.external-report-controls{display:grid;grid-template-columns:max-content minmax(180px,260px) max-content minmax(220px,1fr);gap:.65rem;align-items:center;padding:1rem;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);background:#ffffffd1;box-shadow:var(--shadow-sm)}.external-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.external-report-kpis article{padding:1rem;border:1px solid rgb(254 202 202 / .8);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff,#fff7f7);box-shadow:0 18px 34px -30px #7f1d1d85}.external-report-kpis span{display:block;color:var(--neutral-600);font-size:.88rem;font-weight:800}.external-report-kpis strong{display:block;margin-top:.35rem;color:var(--primary-700);font-size:2rem;line-height:1}.external-report-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}.external-report-panel{min-width:0;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);background:#ffffffe6;box-shadow:0 24px 42px -34px #0f172a70;overflow:hidden}.external-report-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem;border-bottom:1px solid var(--neutral-200);background:linear-gradient(135deg,#fef2f2db,#ffffffe6)}.external-report-panel-head h2{margin:0;color:var(--neutral-900);font-size:1.15rem}.external-report-panel-head p{margin:0;color:var(--neutral-600);font-weight:800;white-space:nowrap}.external-report-table-wrap{overflow-x:auto}.external-report-subtabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:.75rem;border-bottom:1px solid var(--neutral-200);background:#f8fafcc7}.external-report-subtab{min-height:54px;border:1px solid var(--neutral-200);border-radius:.85rem;background:#fff;color:var(--neutral-600);font:inherit;cursor:pointer;padding:.5rem .65rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;text-align:right}.external-report-subtab:hover{border-color:#f8717166}.external-report-subtab:focus-visible{outline:3px solid rgb(59 130 246 / .28);outline-offset:2px}.external-report-subtab i{width:30px;height:30px;border-radius:.7rem;display:grid;place-items:center;background:var(--neutral-100)}.external-report-subtab span{font-size:.9rem;font-weight:900}.external-report-subtab strong{min-width:36px;color:inherit;font-size:1.05rem;text-align:center}.external-report-subtab-active{border-color:#f8717199;background:linear-gradient(135deg,var(--primary-50),#ffffff);color:var(--primary-700);box-shadow:0 16px 28px -30px #7f1d1d99}.external-report-subtab-active i{background:#fff;border:1px solid rgb(254 202 202 / .9)}.external-report-route-list{display:grid;gap:.62rem;padding:.75rem}.external-report-route-card{border:1px solid rgb(226 232 240 / .95);border-radius:.95rem;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 16px 30px -30px #0f172a7a;overflow:hidden}.external-report-route-card-open{border-color:#f871717a;background:linear-gradient(135deg,#fff7f7,#fff)}.external-report-route-toggle{width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:right;cursor:pointer;padding:.78rem .85rem;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.8rem}.external-report-route-toggle:focus-visible{outline:3px solid rgb(59 130 246 / .3);outline-offset:-3px}.external-report-route-main{min-width:0;display:grid;gap:.18rem}.external-report-route-main strong{color:var(--neutral-900);font-size:.98rem;line-height:1.35}.external-report-route-main span{color:var(--neutral-500);font-size:.78rem;font-weight:800}.external-report-route-count{min-width:70px;border-radius:.75rem;background:var(--primary-50);border:1px solid rgb(254 202 202 / .9);color:var(--primary-700);padding:.4rem .55rem;text-align:center;display:grid;gap:.05rem}.external-report-route-count strong{font-size:1.35rem;line-height:1}.external-report-route-count span{color:var(--primary-800);font-size:.72rem;font-weight:900}.external-report-route-toggle>i{color:var(--neutral-500);font-size:.9rem}.external-report-route-details{padding:0 .85rem .85rem;animation:card-rise .18s ease-out}.external-report-table{width:100%;border-collapse:collapse;min-width:560px}.external-report-table th,.external-report-table td{padding:.8rem .9rem;border-bottom:1px solid var(--neutral-100);text-align:right;vertical-align:top}.external-report-table th{color:var(--neutral-700);background:var(--neutral-50);font-size:.82rem;font-weight:900}.external-report-table td{color:var(--neutral-800);font-size:.92rem}.external-report-number{color:var(--primary-700);font-size:1.15rem;font-weight:900}.external-report-muted{color:var(--neutral-500);font-weight:800}.external-report-day-list{display:flex;flex-wrap:wrap;gap:.35rem}.external-report-chip{display:inline-flex;align-items:center;min-height:30px;padding:.18rem .55rem;border:1px solid rgb(191 219 254 / .9);border-radius:999px;background:var(--secondary-50);color:var(--secondary-800);font-size:.8rem;font-weight:900;white-space:nowrap}.external-report-empty{margin:1rem}.external-report-error{width:min(1180px,100%);margin:0 auto}@media (max-width: 980px){.external-report-header,.external-report-grid{grid-template-columns:1fr}.external-report-header{align-items:stretch;flex-direction:column}.external-report-actions{justify-content:stretch}.external-report-actions .btn{flex:1 1 150px}.external-report-controls{grid-template-columns:1fr}.external-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.external-report-shell{padding:.65rem;gap:.7rem;background:linear-gradient(#f9fafbf0,#f9fafbf0),url(/assets/Img/bus-background.svg) center/cover no-repeat,var(--bg-secondary)}.external-report-login-card{padding:1.2rem;border-radius:1rem}.external-report-header{padding:.75rem;border-radius:.95rem}.external-report-brand{align-items:flex-start;gap:.6rem}.external-report-brand img{width:48px;border-radius:12px}.external-report-brand h1{font-size:1.06rem}.external-report-brand p{font-size:.76rem}.external-report-actions{display:grid;grid-template-columns:1fr 1fr}.external-report-actions .btn:first-child{grid-column:1 / -1}.external-report-controls{padding:.75rem;border-radius:.95rem;gap:.45rem}.external-report-tabs{gap:.42rem;padding:.35rem;border-radius:.95rem}.external-report-tab{min-height:58px;grid-template-columns:auto minmax(0,1fr);gap:.44rem;padding:.55rem}.external-report-tab i{width:30px;height:30px;border-radius:.65rem}.external-report-tab span{font-size:.82rem;line-height:1.25}.external-report-tab strong{grid-column:2;min-width:0;justify-self:start;font-size:.9rem;color:var(--neutral-500)}.external-report-tab-active strong{color:var(--primary-700)}.external-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.external-report-kpis article{padding:.75rem;border-radius:.85rem}.external-report-kpis span{font-size:.75rem}.external-report-kpis strong{font-size:1.45rem}.external-report-panel-head{flex-direction:row;align-items:center;padding:.78rem .85rem}.external-report-panel-head h2{font-size:1rem}.external-report-panel-head p{font-size:.78rem}.external-report-subtabs{padding:.58rem;gap:.45rem}.external-report-subtab{min-height:50px;grid-template-columns:auto minmax(0,1fr);padding:.48rem}.external-report-subtab i{width:28px;height:28px}.external-report-subtab span{font-size:.8rem}.external-report-subtab strong{grid-column:2;min-width:0;justify-self:start;font-size:.86rem}.external-report-route-list{padding:.58rem;gap:.5rem}.external-report-route-toggle{grid-template-columns:minmax(0,1fr) auto;gap:.58rem;padding:.68rem}.external-report-route-toggle>i{grid-column:1 / -1;justify-self:center;width:28px;height:18px;display:grid;place-items:center}.external-report-route-main strong{font-size:.92rem}.external-report-route-count{min-width:62px;padding:.36rem .45rem}.external-report-route-count strong{font-size:1.18rem}.external-report-route-details{padding:0 .68rem .68rem}.external-report-chip{min-height:28px;font-size:.74rem;padding:.14rem .45rem}.external-report-table-wrap{overflow-x:visible}.external-report-table{min-width:0;display:block}.external-report-table thead{display:none}.external-report-table tbody,.external-report-table tr,.external-report-table td{display:block;width:100%}.external-report-table tbody{padding:.58rem;display:grid;gap:.55rem}.external-report-table tr{border:1px solid var(--neutral-200);border-radius:.9rem;background:#fff;padding:.66rem;box-shadow:0 16px 30px -32px #0f172a7a}.external-report-table td{border-bottom:0;padding:.16rem 0;font-size:.84rem}.external-report-table td:first-child{color:var(--primary-700);font-weight:900}.external-report-table td:nth-child(5){margin-top:.25rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-base),color var(--transition-base)}body{font-family:Almarai,sans-serif}#root{min-height:100vh}.app-shell{min-height:100vh;padding:var(--spacing-xl);background:linear-gradient(#f9fafbe6,#f9fafbe6),url(/assets/Img/bus-background.svg) center/cover no-repeat,radial-gradient(circle at 95% 5%,var(--secondary-100),transparent 35%),radial-gradient(circle at 10% 90%,var(--primary-100),transparent 35%),var(--bg-secondary)}.hero-card{max-width:860px;margin:0 auto;padding:2rem 1.7rem 1.7rem;border-radius:var(--radius-2xl);background:linear-gradient(145deg,#ffffff8a,#f8fafc70),radial-gradient(circle at 88% 16%,rgb(59 130 246 / .24),transparent 54%),radial-gradient(circle at 10% 90%,rgb(239 68 68 / .2),transparent 48%);border:1px solid rgb(148 163 184 / .3);box-shadow:0 36px 70px -34px #0f172a6b,inset 0 1px #ffffff8c;-webkit-backdrop-filter:blur(18px) saturate(136%);backdrop-filter:blur(18px) saturate(136%);animation:card-rise .5s ease-out;position:relative;overflow:hidden;text-align:center}.hero-navbar{max-width:1120px;margin:0 auto;border:1px solid rgb(148 163 184 / .34);border-radius:var(--radius-xl);background:linear-gradient(130deg,#ffffffa8,#f8fafc80),radial-gradient(circle at 92% 8%,rgb(59 130 246 / .2),transparent 38%),radial-gradient(circle at 6% 95%,rgb(239 68 68 / .16),transparent 35%);box-shadow:0 22px 40px -28px #0f172a7a,inset 0 1px #ffffff85;-webkit-backdrop-filter:blur(10px) saturate(128%);backdrop-filter:blur(10px) saturate(128%);padding:.7rem .85rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap}.hero-navbar-enter{animation:navbar-enter .42s ease-out}.hero-navbar-top{width:100%;display:flex;justify-content:space-between;align-items:center;direction:ltr}.hero-navbar-brand{display:flex;align-items:center;gap:.7rem;direction:rtl}.hero-navbar .site-logo{width:62px;max-width:none;border-radius:14px;border:1px solid var(--neutral-200);background:#fff;padding:.2rem}.hero-navbar-meta{display:grid;gap:.05rem}.hero-navbar-meta strong{font-size:.98rem}.hero-navbar-meta span{color:var(--neutral-600);font-size:.86rem}.hero-navbar-actions{display:flex;gap:.5rem;align-items:center}.hero-navbar-tabs{width:100%;display:flex;flex-wrap:wrap;gap:.45rem;padding-top:.2rem;justify-content:flex-end}.hero-navbar-tab{border:1px solid rgb(148 163 184 / .32);background:linear-gradient(135deg,#ffffffd1,#f8fafca8);color:var(--neutral-700);border-radius:999px;padding:.35rem .78rem;font:inherit;font-size:.88rem;font-weight:700;cursor:pointer}.hero-navbar-tab.active{border-color:#f871719e;background:linear-gradient(135deg,#fef2f2e6,#ffffffc7);color:var(--primary-700)}.hero-navbar-tab i{margin-left:.35rem}.hero-mobile-toggle{display:none}.hero-welcome{margin-bottom:1rem;padding:.85rem;border:1px solid var(--secondary-200);border-radius:var(--radius-lg);background:linear-gradient(125deg,#eff6ffb3,#ffffffe6)}.hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500))}.hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(130deg,rgb(255 255 255 / .26),transparent 42%)}.hero-top{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);width:100%}.hero-brand-stack{display:grid;justify-items:center;gap:.35rem}.hero-logo-shell{padding:.5rem;border-radius:20px;background:linear-gradient(145deg,#ffffff9e,#eff6ff7a);border:1px solid rgb(148 163 184 / .3);box-shadow:inset 0 1px #fff9,0 10px 20px -16px #0f172a99}.hero-top-subtitle{margin:0;color:#475569e6;font-size:.86rem;font-weight:700}.hero-card .site-logo{width:155px;max-width:72%}.hero-content{width:100%;max-width:670px;margin:0 auto;min-height:500px;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.site-logo{width:110px;max-width:55%;object-fit:contain;border-radius:20px}.logo-trigger{border:0;background:transparent;padding:0;cursor:pointer;border-radius:var(--radius-md)}.logo-trigger:focus-visible{outline:2px solid var(--secondary-400);outline-offset:4px}.tag{width:fit-content;margin-bottom:var(--spacing-md);padding:.2rem .7rem;border-radius:999px;background-color:var(--primary-100);color:var(--primary-700);font-size:.9rem;font-weight:700}.hero-card h1{font-size:clamp(1.85rem,3.2vw,2.45rem);margin-bottom:.08rem;letter-spacing:.01em}.hero-copy{color:var(--text-secondary);margin-bottom:.45rem;max-width:62ch;margin-inline:auto;font-size:1rem}.hero-typing{min-height:1.7rem;margin-bottom:.2rem;color:var(--secondary-700);font-weight:800}.hero-info-divider{width:min(580px,94%);height:1px;margin:.2rem auto .65rem;background:linear-gradient(90deg,transparent,rgb(59 130 246 / .45),rgb(239 68 68 / .45),transparent)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.student-login{display:grid;gap:.62rem;max-width:640px;margin:auto auto 0;text-align:right;width:100%;padding:.85rem .85rem .8rem;border-radius:16px;border:1px solid rgb(148 163 184 / .25);background:linear-gradient(145deg,#ffffff9e,#f8fafc80);box-shadow:inset 0 1px #ffffff73}.field-label{font-weight:700;color:var(--neutral-700);display:flex;align-items:center;gap:.45rem;justify-content:flex-start}.field-input{width:100%;border:1px solid var(--neutral-300);border-radius:var(--radius-md);padding-block:.88rem;padding-inline:1.08rem;min-height:46px;font:inherit;line-height:1.35;background-color:#fff;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field-input::placeholder{color:#64748be6;opacity:1;font-size:.92rem}#phone-number{direction:ltr;text-align:left}#phone-number::placeholder{direction:rtl;text-align:right;unicode-bidi:plaintext}.login-memory-row{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-top:.12rem}.login-memory-check{display:flex;align-items:center;gap:.55rem;width:100%;padding:.5rem .6rem;border:1px solid rgb(148 163 184 / .26);border-radius:12px;background:linear-gradient(145deg,#ffffffe6,#f8fafcd1);color:var(--neutral-700);font-size:.87rem;font-weight:700;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.login-memory-check input{width:1.05rem;height:1.05rem;margin:0;accent-color:var(--primary-600);cursor:pointer;flex-shrink:0}.login-memory-check:has(input:checked){border-color:#f871718f;background:linear-gradient(145deg,#fef2f2eb,#fffffff2);box-shadow:0 0 0 3px #ef44441a}.student-login .btn-primary{min-width:220px}.hero-login-road{width:calc(100% + 4rem);margin-top:.62rem;margin-right:-2rem;margin-left:-2rem;position:relative;height:2.2rem;overflow:visible}.hero-login-road:before,.hero-login-road:after{content:"";position:absolute;left:0;right:0;border-top:2px dashed rgb(15 23 42 / .3)}.hero-login-road:before{top:36%}.hero-login-road:after{top:64%;border-top:2px dashed rgb(15 23 42 / .35)}.hero-login-road .loading-bus.convoy-1,.hero-login-road .loading-bus.convoy-2,.hero-login-road .loading-bus.convoy-3{animation:convoy-run-wide 2.15s linear infinite}.hero-login-road .loading-bus.convoy-2{animation-delay:.43s}.hero-login-road .loading-bus.convoy-3{animation-delay:.86s}.hero-support-wrap{max-width:860px;margin:.35rem auto 0;text-align:center}.hero-support-note{margin:0;font-size:.88rem;color:#475569eb;text-align:center;display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:center}.hero-support-note a{color:#16a34a;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;border-bottom:2px dotted #16a34a;padding-bottom:.08rem}.hero-support-note a:hover{color:#15803d;border-bottom-color:#15803d}.field-input:focus{outline:none;border-color:var(--secondary-400);box-shadow:0 0 0 3px #3b82f626}.form-error{color:var(--primary-700);background-color:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-sm);padding:.6rem .8rem;font-weight:700}.student-badge{display:inline-flex;flex-direction:column;gap:.1rem;margin-bottom:var(--spacing-sm);padding:.8rem 1rem;border-radius:var(--radius-md);border:1px solid var(--secondary-200);background-color:var(--secondary-50);box-shadow:var(--shadow-sm)}.student-badge span{color:var(--text-secondary)}.logout-strip{display:flex;justify-content:flex-start;direction:ltr}.btn{border:0;border-radius:var(--radius-md);padding:.75rem 1.3rem;font:inherit;font-weight:700;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--secondary-600),var(--secondary-800));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:linear-gradient(135deg,var(--secondary-700),var(--secondary-900))}.btn-secondary{background-color:var(--secondary-100);color:var(--secondary-800)}.btn-secondary:hover{background-color:var(--secondary-200)}.btn-logout{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;box-shadow:var(--shadow-md)}.btn-logout:hover{background:linear-gradient(135deg,#dc2626,#991b1b)}.offline-banner{max-width:1120px;margin:0 auto .7rem;border:1px solid transparent;border-radius:var(--radius-lg);padding:.62rem .74rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem}.offline-banner-danger{background:linear-gradient(140deg,#fef2f2f2,#fffffff0);border-color:#fca5a5d9}.offline-banner-info{background:linear-gradient(140deg,#eff6fff2,#fffffff0);border-color:#93c5fdd9}.offline-banner-text{display:grid;gap:.08rem}.offline-banner-text strong{font-size:.9rem;color:var(--neutral-900)}.offline-banner-text span{font-size:.86rem;color:var(--neutral-700)}.offline-retry-btn{white-space:nowrap;padding:.52rem .82rem}.stats-grid{max-width:920px;margin:var(--spacing-xl) auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-md);align-items:stretch}.stat-card{background:linear-gradient(145deg,#ffffff94,#f8fafc70),radial-gradient(circle at 88% 12%,rgb(59 130 246 / .14),transparent 46%),radial-gradient(circle at 12% 88%,rgb(239 68 68 / .11),transparent 42%);border:1px solid rgb(148 163 184 / .32);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:0 22px 38px -28px #0f172a73,inset 0 1px #ffffff80;-webkit-backdrop-filter:blur(10px) saturate(126%);backdrop-filter:blur(10px) saturate(126%);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.stat-card:hover{transform:translateY(-3px);border-color:#f8717170;box-shadow:0 28px 44px -30px #0f172a85,inset 0 1px #ffffff9e}.stat-card span{color:var(--text-secondary);display:block}.stat-card strong{color:var(--neutral-900);font-size:1.9rem;line-height:1.2}.action-card strong{font-size:1.3rem;margin-top:.2rem;margin-bottom:.15rem}.action-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.56rem;padding:1.24rem 1.08rem 1.05rem;min-height:304px;border-radius:18px}.action-card:before{content:"";position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,#ffffff2e,#ffffffdb,#ffffff2e)}.action-card:after{content:"";position:absolute;left:-15%;bottom:-60%;width:150px;height:150px;border-radius:999px;background:radial-gradient(circle,rgb(239 68 68 / .16) 0%,transparent 72%)}.action-card>*{position:relative;z-index:1}.action-card>span{display:inline-flex;align-items:center;gap:.36rem;width:fit-content;padding:.24rem .62rem;border-radius:999px;border:1px solid rgb(148 163 184 / .32);background:linear-gradient(135deg,#ffffffb3,#f8fafc80);font-size:.92rem;font-weight:700;margin-bottom:.12rem}.action-card p{color:var(--neutral-600);font-size:.95rem;margin-bottom:.4rem;line-height:1.55}.action-card-list{margin:0 0 .62rem;padding:.56rem 1.2rem .48rem .72rem;list-style:disc;color:var(--neutral-700);display:grid;gap:.35rem;text-align:right;line-height:1.55;border-radius:12px;border:1px solid rgb(148 163 184 / .24);background:linear-gradient(145deg,#ffffff85,#f8fafc57)}.action-card-list li{font-size:.94rem;line-height:1.55}.action-card-list li::marker{color:#dc2626}.action-card span i{color:var(--primary-600);margin-left:.3rem}.action-card .btn{margin-top:auto;width:100%;justify-content:center}.action-card--attendance{background:linear-gradient(145deg,#ecfdf585,#ffffff85),radial-gradient(circle at 88% 10%,rgb(16 185 129 / .2),transparent 44%),radial-gradient(circle at 8% 92%,rgb(59 130 246 / .12),transparent 40%)}.action-card--early{background:linear-gradient(145deg,#fff7ed8a,#ffffff80),radial-gradient(circle at 88% 10%,rgb(249 115 22 / .22),transparent 44%),radial-gradient(circle at 8% 90%,rgb(234 179 8 / .14),transparent 40%)}.action-card--late{background:linear-gradient(145deg,#eff6ff8a,#ffffff80),radial-gradient(circle at 88% 10%,rgb(37 99 235 / .22),transparent 44%),radial-gradient(circle at 8% 92%,rgb(15 23 42 / .16),transparent 40%)}.welcome-panel{position:relative;overflow:hidden;max-width:920px;margin:var(--spacing-lg) auto 0;padding:1.2rem 1.1rem;border-radius:var(--radius-lg);border:1px solid var(--secondary-200);color:var(--secondary-800);background:radial-gradient(circle at 85% 20%,rgb(59 130 246 / .16),transparent 46%),radial-gradient(circle at 8% 85%,rgb(239 68 68 / .12),transparent 42%),linear-gradient(130deg,#eff6fff2,#fffffff2);box-shadow:var(--shadow-md);animation:card-rise .45s ease-out}.welcome-panel-embedded{max-width:100%;margin-top:1rem;margin-bottom:0}.toast-stack{display:grid;gap:.45rem}.toast-message{border-radius:var(--radius-md);border:1px solid transparent;padding:.6rem .7rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-weight:700}.toast-success{color:#065f46;background:#ecfdf5;border-color:#6ee7b7}.toast-error{color:var(--primary-700);background:var(--primary-50);border-color:var(--primary-200)}.toast-info{color:var(--secondary-800);background:var(--secondary-50);border-color:var(--secondary-200)}.toast-close{border:0;background:transparent;color:inherit;font-size:1.05rem;font-weight:800;cursor:pointer}.welcome-kicker{color:var(--secondary-700);font-weight:800;margin-bottom:.2rem;font-size:.92rem}.welcome-title{font-size:clamp(1.25rem,2.2vw,1.8rem);margin-bottom:.45rem}.welcome-typing{min-height:2rem;color:var(--neutral-700);font-weight:700;margin-bottom:.8rem}.typing-caret{display:inline-block;margin-right:.15rem;color:var(--primary-600);animation:caret-blink .85s steps(1) infinite}.welcome-chips{display:flex;flex-wrap:wrap;gap:.45rem}.welcome-chips span{border-radius:999px;border:1px solid var(--secondary-200);background:#fff;color:var(--secondary-800);padding:.3rem .7rem;font-size:.86rem;font-weight:700}.welcome-orb{position:absolute;border-radius:999px;pointer-events:none}.welcome-orb-a{width:84px;height:84px;top:-18px;left:12px;background:radial-gradient(circle,rgb(59 130 246 / .25),transparent 70%);animation:welcome-float-a 6s ease-in-out infinite}.welcome-orb-b{width:110px;height:110px;bottom:-40px;right:-10px;background:radial-gradient(circle,rgb(239 68 68 / .24),transparent 72%);animation:welcome-float-b 7s ease-in-out infinite}.service-page{max-width:920px;margin:var(--spacing-xl) auto 0}.service-page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.service-page-head h2{font-size:clamp(1.4rem,2.5vw,2rem)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-md)}.service-panel{background:linear-gradient(155deg,#fff,#f8fafc);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);display:grid;gap:var(--spacing-sm)}.loading-panel,.error-panel{max-width:920px;margin:var(--spacing-xl) auto 0;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);background:linear-gradient(155deg,#fff,#f8fafc);box-shadow:var(--shadow-md);padding:var(--spacing-lg);text-align:center}.loading-panel{font-weight:700;color:var(--secondary-700)}.loading-screen-shell{display:grid;place-items:center;padding-top:.8rem}.loading-screen-shell-compact{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;min-height:100vh;padding:1rem;background:linear-gradient(145deg,#fef2f2bd,#eff6ffb3);-webkit-backdrop-filter:blur(3px) saturate(104%);backdrop-filter:blur(3px) saturate(104%)}.loading-screen-card{width:min(680px,100%);border:1px solid rgb(252 165 165 / .4);border-radius:var(--radius-2xl);padding:1.2rem 1.05rem;text-align:center;background:radial-gradient(circle at 88% 12%,rgb(191 219 254 / .38),transparent 48%),radial-gradient(circle at 10% 90%,rgb(254 202 202 / .4),transparent 42%),linear-gradient(160deg,#fffffff5,#f9fafbeb);box-shadow:var(--shadow-xl);display:grid;gap:.7rem}.loading-screen-card-compact{width:min(780px,100%);border-radius:var(--radius-xl);box-shadow:0 26px 52px -22px #0f172a4d;border-color:#f871716b}.loading-screen-head{display:grid;gap:.2rem}.loading-screen-card h2{font-size:clamp(1.2rem,2.6vw,1.65rem);color:var(--primary-800)}.loading-screen-card p{color:var(--neutral-600);font-size:.92rem}.loading-road{width:100%;height:3.25rem;border-radius:999px;border:1px solid rgb(248 113 113 / .45);background:linear-gradient(90deg,#eff6fff2,#fffffffa,#fef2f2f2);position:relative;overflow:hidden;margin-top:.15rem}.loading-road:after{content:"";position:absolute;left:.4rem;right:.4rem;top:50%;border-top:2px dashed rgb(127 29 29 / .3);transform:translateY(-50%)}.loading-road-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgb(239 246 255 / .34) 42%,rgb(254 242 242 / .26) 58%,transparent 78%);animation:road-shimmer 1.9s linear infinite}.loading-bus{position:absolute;left:-12%;top:50%;transform:translate3d(0,-50%,0);font-size:1.3rem;z-index:1;will-change:transform,opacity;filter:drop-shadow(0 2px 2px rgb(127 29 29 / .22))}.loading-bus.convoy-1{animation:convoy-run 2s linear infinite}.loading-bus.convoy-2{animation:convoy-run 2s linear infinite;animation-delay:.58s}.loading-bus.convoy-3{animation:convoy-run 2.35s cubic-bezier(.2,.68,.2,1) infinite;animation-delay:.86s}.loading-dots{display:inline-flex;gap:.3rem;justify-content:center}.loading-dots span{width:.5rem;height:.5rem;border-radius:999px;background:var(--secondary-500);animation:dots-pulse .9s ease-in-out infinite}.loading-dots span:nth-child(1){background:var(--secondary-600)}.loading-dots span:nth-child(2){background:var(--primary-500)}.loading-dots span:nth-child(3){background:var(--secondary-600)}.loading-dots span:nth-child(2){animation-delay:.13s}.loading-dots span:nth-child(3){animation-delay:.26s}.floating-install-wrap{position:fixed;top:.9rem;right:.9rem;transform:none;z-index:6200;display:grid;justify-items:end;gap:.35rem;pointer-events:none}.floating-install-btn{pointer-events:auto;border:1px solid rgb(220 38 38 / .42);background:linear-gradient(145deg,#fef2f2fa,#fffffffa);color:var(--primary-700);border-radius:999px;padding:.5rem .92rem;font-weight:800;font-size:.88rem;display:inline-flex;align-items:center;gap:.42rem;box-shadow:0 14px 30px -18px #991b1b85;cursor:pointer;animation:floating-install-intro 3.8s ease-out 1,floating-install-bob 4.6s ease-in-out 4.2s infinite}.floating-install-btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px -18px #991b1b9e}.floating-install-btn:disabled{opacity:.76;cursor:wait}.floating-install-btn-installed{border-color:#16a34a73;background:linear-gradient(145deg,#f0fdf4f5,#fffffffa);color:#166534;box-shadow:0 14px 30px -18px #16a34a80}.floating-install-hint{pointer-events:auto;margin:0;border-radius:999px;padding:.3rem .7rem;border:1px solid rgb(252 165 165 / .9);background:#fffffff5;color:var(--primary-700);font-size:.78rem;font-weight:700;max-width:min(78vw,320px);text-align:center}.welcome-float-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6290;background:radial-gradient(circle at center,#ffffff14,#fff0 42%),linear-gradient(165deg,#0f172a3d,#1e293b2e);-webkit-backdrop-filter:blur(8px) saturate(120%) brightness(.9);backdrop-filter:blur(8px) saturate(120%) brightness(.9);pointer-events:auto}.welcome-float-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6300;display:flex;justify-content:center;align-items:center;padding-top:0;pointer-events:auto}.welcome-float-toast{border:1px solid rgb(244 114 182 / .35);background:linear-gradient(140deg,#fff1f2fa,#fffffffa,#fdf2f8fa);color:#9f1239;border-radius:999px;padding:.56rem 1rem;font-size:.9rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:.48rem;box-shadow:0 26px 56px -30px #be185d9e,0 0 0 1px #ffffff75;animation:welcome-toast-enter .26s ease-out;width:min(88vw,760px);text-align:center;pointer-events:none}.welcome-float-toast-leaving{animation:welcome-toast-exit .32s ease-in forwards}.welcome-flower{font-size:1rem;line-height:1}.empty-state-card{border:1px solid rgb(148 163 184 / .35);border-radius:var(--radius-lg);background:linear-gradient(150deg,#fffffff5,#f8fafceb);box-shadow:var(--shadow-sm);padding:.9rem .8rem;display:grid;gap:.42rem;justify-items:center;text-align:center}.empty-state-card h3{margin:0;font-size:1rem;color:var(--neutral-800)}.empty-state-card p{margin:0;color:var(--neutral-600);font-size:.9rem}.empty-state-icon{width:2.15rem;height:2.15rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;color:var(--secondary-700);border:1px solid rgb(147 197 253 / .5);background:linear-gradient(145deg,#eff6fff2,#fffffffa)}.btn-feedback{transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.btn-feedback:hover{filter:saturate(1.08)}.btn-feedback:active{transform:scale(.97)}.btn-feedback:focus-visible{box-shadow:0 0 0 3px #3b82f633}@media (max-width: 768px){.welcome-float-toast{width:min(94vw,560px);font-size:.82rem;padding:.44rem .72rem;gap:.36rem}.floating-install-wrap{top:.55rem;right:.55rem;left:.55rem;justify-items:end}.floating-install-btn{font-size:.82rem;padding:.42rem .7rem}.floating-install-hint{max-width:min(92vw,280px);font-size:.74rem}}.error-panel h2{margin-bottom:.45rem}.error-panel p{color:var(--neutral-600);margin-bottom:.8rem}.admin-page{max-width:920px;margin:var(--spacing-xl) auto 0}.admin-global-header{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);width:100%;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);background:linear-gradient(125deg,#fff,#eff6ff);box-shadow:var(--shadow-md);padding:.9rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.admin-global-brand{display:flex;align-items:center;gap:.8rem}.admin-global-logo{width:58px;height:58px;object-fit:contain;border-radius:12px;border:1px solid var(--neutral-200);background:#fff}.admin-global-brand h2{font-size:1.1rem;margin:0}.admin-global-brand p{margin:0;color:var(--neutral-600);font-size:.9rem}.admin-global-actions{display:flex;gap:.5rem;align-items:center}.admin-shell{width:100%;min-height:calc(100vh - 220px);margin-top:var(--spacing-xl);display:grid;grid-template-columns:260px 1fr;gap:var(--spacing-md);transition:grid-template-columns var(--transition-fast)}.admin-shell-sidebar-collapsed{grid-template-columns:78px 1fr}.admin-sidebar{background:linear-gradient(180deg,#fff,#f8fafc 56%,#f1f5f9);border:1px solid rgb(148 163 184 / .34);border-radius:var(--radius-xl);padding:.8rem;box-shadow:0 20px 34px -30px #0f172a6b;display:grid;align-content:start;gap:.7rem;transition:padding var(--transition-fast),width var(--transition-fast)}.admin-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.admin-sidebar-head h2{font-size:1rem;margin:0;color:#0f172a}.admin-sidebar-toggle{border:1px solid rgb(148 163 184 / .5);background:#fff;color:#334155;width:32px;height:32px;border-radius:.55rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.admin-sidebar-toggle:hover{background:#f8fafc}.admin-nav{display:grid;gap:.45rem}.admin-nav-item{border:1px solid rgb(203 213 225 / .92);background:linear-gradient(180deg,#fff,#f8fafc);color:#334155;text-align:right;border-radius:.72rem;padding:.62rem .72rem;cursor:pointer;display:grid;grid-template-columns:20px 1fr;align-items:center;gap:.5rem;font-weight:700;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.admin-nav-item:hover{transform:translateY(-1px)}.admin-nav-item.active{border-color:#dc262680;background:linear-gradient(180deg,#fef2f2,#fee2e2);color:#991b1b;font-weight:700;box-shadow:0 0 0 3px #dc26261f}.admin-nav-item i{font-size:.9rem}.admin-nav-item-label{white-space:nowrap}.admin-sidebar.collapsed{padding:.72rem .5rem}.admin-sidebar.collapsed .admin-sidebar-head h2{display:none}.admin-sidebar.collapsed .admin-nav-item{grid-template-columns:1fr;justify-items:center;text-align:center;padding:.6rem .3rem}.admin-sidebar.collapsed .admin-nav-item-label{display:none}.admin-side-actions{display:grid;gap:.5rem}.admin-main{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);display:grid;align-content:start;gap:var(--spacing-sm)}.admin-main-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:.75rem;border-radius:var(--radius-lg);border:1px solid var(--secondary-200);background:linear-gradient(130deg,#f8fafc,#eff6ff)}.admin-main-kicker{color:var(--secondary-700);font-size:.85rem;font-weight:700}.admin-main-header h2{font-size:clamp(1.1rem,2vw,1.45rem)}.admin-main-actions{display:flex;align-items:center;gap:.5rem}.admin-top-nav{display:flex;flex-wrap:wrap;gap:.45rem}.admin-top-nav-item{border:1px solid var(--neutral-300);background:#fff;color:var(--neutral-700);border-radius:999px;padding:.5rem .85rem;cursor:pointer;font-weight:700;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.admin-top-nav-item.active{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-700)}.admin-top-nav-item i{margin-left:.35rem}.admin-card{max-width:620px;margin:0 auto;background:linear-gradient(155deg,#fff,#f8fafc);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);display:grid;gap:var(--spacing-sm)}.admin-tabs{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.admin-form-grid{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-full-row{grid-column:1 / -1}.admin-form-grid .hero-actions{grid-column:1 / -1;justify-content:flex-start}.admin-filter-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.admin-filter-row .field-input{width:auto;min-width:210px}.admin-grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-sm)}.admin-stat-card{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff,#f8fafc);padding:.9rem;text-align:right;cursor:pointer;display:grid;align-content:start;gap:.4rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.admin-stat-card:hover{transform:translateY(-2px)}.admin-stat-card h3{font-size:1rem;margin-bottom:.25rem}.admin-stat-card strong{font-size:1.7rem;line-height:1.2;color:var(--neutral-900)}.admin-stat-card p,.admin-stat-card span{color:var(--neutral-600);font-size:.9rem}.admin-stat-card-active{border-color:var(--primary-400);box-shadow:0 0 0 3px #ef44441f}.admin-stat-card.static{cursor:default}.supervisor-attendance-cards-grid{margin-top:.2rem}.supervisor-group-card{border-color:#fbbf2461;background:linear-gradient(180deg,#fffdf5,#fff);box-shadow:0 10px 24px -22px #78350f6b}.supervisor-group-card:hover{border-color:#f59e0b8c;box-shadow:0 14px 30px -20px #78350f73}.supervisor-group-card:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}.route-stat-card{border-color:#fca5a5b3;background:linear-gradient(175deg,#fff,#fff7f7 58%,#fef2f2);box-shadow:0 16px 32px -28px #b91c1c47}.route-stat-card h3{color:#991b1b}.route-stat-card strong{color:#7f1d1d}.route-stat-card span,.route-stat-card p{color:#6b7280}.route-stat-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px -26px #7f1d1d5c}.subscription-breakdown-list{margin-top:.2rem;padding:.45rem .55rem;border:1px dashed rgb(148 163 184 / .55);border-radius:.6rem;background:#f8fafce0;display:grid;gap:.2rem}.subscription-breakdown-list p{margin:0;color:var(--neutral-700);font-size:.87rem}.subscription-breakdown-list strong{font-size:.98rem;color:var(--neutral-900)}.admin-stat-card-actions{margin-top:auto;padding-top:.35rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.admin-stat-card-actions .btn{min-height:38px;font-size:.84rem;font-weight:700;padding:.45rem .55rem;justify-content:center}.admin-stat-card-actions .btn:only-child{grid-column:1 / -1}.subscription-summary-card{min-height:310px}.subscription-summary-card .subscription-breakdown-list{min-height:108px}.subscription-summary-card .admin-stat-card-actions{margin-top:auto}.admin-detail-panel,.admin-students-list{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:.9rem;display:grid;gap:.6rem}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:1rem;z-index:1200}.admin-modal{width:min(900px,100%);max-height:90vh;overflow:auto;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:var(--spacing-lg);display:grid;gap:var(--spacing-sm)}.admin-modal::-webkit-scrollbar,.admin-modal *::-webkit-scrollbar{width:7px;height:7px}.admin-modal::-webkit-scrollbar-track,.admin-modal *::-webkit-scrollbar-track{background:#fde2e4;border-radius:999px}.admin-modal::-webkit-scrollbar-thumb,.admin-modal *::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ef4444,#b91c1c);border-radius:999px}.admin-modal::-webkit-scrollbar-thumb:hover,.admin-modal *::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#dc2626,#991b1b)}.admin-modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);position:sticky;top:0;z-index:3;background:#fff;padding:.3rem 0 .55rem;border-bottom:1px solid var(--neutral-200)}.admin-modal-head-actions{display:flex;gap:.45rem;flex-wrap:wrap}.subscription-tabs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.subscription-tab-btn{border:1px solid rgb(203 213 225 / .95);border-radius:.7rem;background:linear-gradient(180deg,#fff,#f8fafc);padding:.45rem .5rem;text-align:center;color:var(--neutral-700);font-weight:700;cursor:pointer;display:grid;gap:.15rem}.subscription-tab-btn strong{font-size:1rem;color:var(--neutral-900)}.subscription-tab-btn-active{border-color:#0e7490b3;background:linear-gradient(180deg,#f0f9fffa,#e0f2fefa);box-shadow:0 0 0 3px #0e74901f;color:#0f766e}.day-pill-btn{border:1px solid var(--neutral-300);border-radius:999px;background:#fff;color:var(--neutral-700);padding:.35rem .8rem;cursor:pointer}.day-pill-btn-active{border-color:var(--primary-400);background:var(--primary-50);color:var(--primary-700)}.admin-student-item{border:1px solid var(--neutral-200);border-radius:var(--radius-md);padding:.6rem .7rem;background:#fff}.admin-student-item p{color:var(--neutral-600);font-size:.9rem}.admin-student-item-flagged{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.route-warning-pill{margin-right:.5rem;display:inline-block;border-radius:999px;background:#fef3c7;color:#92400e;padding:.15rem .55rem;font-size:.78rem;font-weight:800}.bookings-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md)}.service-card{background:linear-gradient(150deg,#fff,#f8fafc);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.service-card h3{margin-bottom:.45rem}.service-card p{color:var(--neutral-600)}.service-icon{color:var(--primary-600);font-size:1.5rem;margin-bottom:var(--spacing-sm)}.analytics-hero-banner{border:1px solid rgb(125 211 252 / .6);border-radius:1rem;padding:.95rem;background:radial-gradient(circle at 9% 15%,rgb(56 189 248 / .2),transparent 30%),radial-gradient(circle at 88% 82%,rgb(244 63 94 / .18),transparent 32%),linear-gradient(155deg,#fffffffa,#eff6ffe6);box-shadow:0 18px 30px -28px #0284c799;display:grid;gap:.6rem}.analytics-hero-kicker{margin:0;color:#0369a1;font-size:.82rem;font-weight:800;letter-spacing:.02em}.analytics-hero-banner h3{margin:0;color:#0f172a;font-size:clamp(1.05rem,2.1vw,1.35rem)}.analytics-hero-text{margin:.25rem 0 0;color:#475569;font-size:.9rem;line-height:1.55}.analytics-hero-chips{display:flex;flex-wrap:wrap;gap:.42rem}.analytics-chip{border:1px solid rgb(186 230 253 / .95);border-radius:999px;background:#f0f9ffe6;color:#075985;padding:.3rem .65rem;font-size:.8rem;font-weight:700}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:.45rem 0 .6rem}.analytics-kpi-card{border:1px solid rgb(191 219 254 / .8);border-radius:.85rem;padding:.65rem .72rem;background:linear-gradient(160deg,#fffffff5,#f8fafce6);display:grid;gap:.18rem}.analytics-kpi-card p{margin:0;color:#64748b;font-size:.8rem}.analytics-kpi-card strong{color:#0f172a;font-size:1.05rem;line-height:1.2}.analytics-kpi-card span{color:#334155;font-size:.8rem;font-weight:700}.analytics-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:.85rem}.analytics-visual-card{border:1px solid rgb(191 219 254 / .8);border-radius:.9rem;background:linear-gradient(155deg,#fffffffa,#eff6ffe6),radial-gradient(circle at 85% 15%,rgb(186 230 253 / .35),transparent 35%);padding:.8rem;display:grid;gap:.55rem;box-shadow:0 14px 28px -26px #1e40af8c}.analytics-visual-card h4{margin:0;font-size:.97rem;color:#1e3a8a}.analytics-donut-wrap{display:grid;justify-items:center;gap:.4rem}.analytics-donut-wrap p{margin:0;color:#475569;font-size:.84rem;text-align:center}.analytics-donut{--analytics-percent: 0%;width:94px;height:94px;border-radius:999px;display:grid;place-items:center;background:conic-gradient(#2563eb var(--analytics-percent),#dbeafe var(--analytics-percent)),radial-gradient(circle at center,#fff 57%,transparent 58%);box-shadow:inset 0 0 0 1px #94a3b83d}.analytics-donut span{font-size:.95rem;font-weight:900;color:#1e3a8a}.analytics-donut-secondary{background:conic-gradient(#dc2626 var(--analytics-percent),#fee2e2 var(--analytics-percent)),radial-gradient(circle at center,#fff 57%,transparent 58%)}.analytics-donut-secondary span{color:#991b1b}.analytics-bars-card,.analytics-bars-card-full{grid-column:span 1}.analytics-bars-list{display:grid;gap:.42rem}.analytics-bar-row{display:grid;gap:.22rem}.analytics-bar-label{display:flex;justify-content:space-between;align-items:center;gap:.5rem;color:#334155;font-size:.85rem}.analytics-bar-label strong{color:#0f172a}.analytics-bar-track{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.analytics-bar-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#2563eb,#0ea5e9)}.analytics-bar-fill-secondary{background:linear-gradient(90deg,#16a34a,#22c55e)}.analytics-bar-fill-tertiary{background:linear-gradient(90deg,#dc2626,#f97316)}.analytics-bus-inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.analytics-route-inline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.52rem}.analytics-route-card{padding:.52rem .58rem;gap:.25rem}.analytics-route-card strong{font-size:.9rem}.analytics-route-card p{font-size:.82rem}.hint-text{color:var(--neutral-600);font-size:.92rem}.booking-context-title{margin:0;font-size:clamp(1rem,2.2vw,1.2rem);font-weight:800;color:#0f172a;border:1px solid rgb(191 219 254 / .8);border-radius:.75rem;background:linear-gradient(145deg,#eff6ffe6,#fffffff5);padding:.55rem .65rem}.booking-countdown{margin:.45rem 0 .15rem;border:1px solid transparent;border-radius:.7rem;padding:.48rem .62rem;font-size:.92rem;font-weight:800}.booking-countdown-active{border-color:#7dd3fcbf;background:linear-gradient(140deg,#eff6ffeb,#fffffffa);color:#0c4a6e}.booking-countdown-warning{border-color:#fbbf24c7;background:linear-gradient(140deg,#fffbebf2,#fffffffa);color:#92400e}.booking-countdown-ended{border-color:#f87171bd;background:linear-gradient(140deg,#fef2f2f2,#fffffffa);color:#991b1b}.student-skeleton{border:1px solid rgb(203 213 225 / .72);border-radius:var(--radius-lg);background:linear-gradient(160deg,#fffffffa,#f8fafcf5);padding:.75rem;display:grid;gap:.55rem}.student-skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.student-skeleton-list{display:grid;gap:.45rem}.student-skeleton-card{border:1px solid rgb(226 232 240 / .95);border-radius:.72rem;background:linear-gradient(155deg,#fffffffa,#f8fafcf0);padding:.58rem;display:grid;gap:.35rem}.student-skeleton-line,.student-skeleton-button{border-radius:999px;position:relative;overflow:hidden;background:#e2e8f0}.student-skeleton-line:after,.student-skeleton-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(100deg,transparent 0%,rgb(255 255 255 / .78) 45%,transparent 85%);animation:student-skeleton-shimmer 1.2s ease-in-out infinite}.student-skeleton-line-lg{width:72%;height:12px}.student-skeleton-line-md{width:56%;height:10px}.student-skeleton-line-sm{width:40%;height:9px}.student-skeleton-button{width:100%;height:42px}.success-text{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7;border-radius:var(--radius-sm);padding:.55rem .7rem;font-weight:700}.days-grid{display:flex;flex-wrap:wrap;gap:.45rem}.weekly-days-list{display:grid;gap:.6rem}.weekly-gender-box{border:1px solid var(--secondary-200);border-radius:var(--radius-lg);padding:.65rem;background:linear-gradient(145deg,#fff,#f8fbff)}.weekly-status-summary{border:1px solid rgb(191 219 254 / .75);border-radius:var(--radius-lg);background:linear-gradient(150deg,#eff6ffad,#fffffffa);padding:.65rem;margin-bottom:.6rem;display:grid;gap:.45rem}.weekly-status-summary-top{display:flex;align-items:center;justify-content:space-between;gap:.45rem;flex-wrap:wrap}.weekly-status-pill,.weekly-week-pill{margin:0;border:1px solid transparent;border-radius:999px;padding:.26rem .62rem;font-size:.84rem;font-weight:800}.weekly-status-summary .booking-countdown{margin:0;text-align:center;font-variant-numeric:tabular-nums}.weekly-status-pill-open{border-color:#4ade80b8;background:#f0fdf4f2;color:#166534}.weekly-status-pill-saved{border-color:#38bdf8b8;background:#f0f9fff2;color:#075985}.weekly-status-pill-locked{border-color:#f87171bd;background:#fef2f2f2;color:#991b1b}.weekly-week-pill{border-color:#94a3b88c;background:#f8fafcf2;color:#334155}.weekly-close-at-text{margin:0;color:#475569;font-size:.86rem;font-weight:700}.weekly-day-row{border:1px solid var(--secondary-200);border-radius:var(--radius-lg);padding:.75rem;background:linear-gradient(155deg,#fff,#f8fbff);display:grid;grid-template-columns:170px 1fr;gap:.6rem;align-items:center;box-shadow:var(--shadow-sm)}.weekly-day-row-selected{border-color:#34d399;background:linear-gradient(160deg,#f0fdf4,#dcfce7);box-shadow:0 0 0 3px #10b98124}.weekly-day-gender-group{grid-column:1 / -1;padding-top:.25rem;border-top:1px dashed rgb(148 163 184 / .45)}.weekly-day-gender-group .hint-text{margin-bottom:.3rem}.weekly-day-route-select{min-width:240px}.weekly-day-route-select-default{border-color:#d1d5db;background:#f8fafc;color:#64748b}.weekly-day-route-select-custom{border-color:#0ea5e9;background:#eff6ff;color:#1e3a8a;box-shadow:0 0 0 3px #0ea5e926;font-weight:700}.day-pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--neutral-300);border-radius:999px;padding:.35rem .7rem;font-size:.9rem;background-color:#fff}.day-pill-selected{border-color:#22c55e;background:#f0fdf4;color:#166534;font-weight:800}.day-pill input{accent-color:var(--primary-600)}.day-pill:focus-within{outline:2px solid rgb(37 99 235 / .55);outline-offset:2px}.bus-list{display:grid;gap:.7rem}.bus-card{border:1px solid var(--neutral-300);border-radius:var(--radius-lg);padding:.75rem .8rem;background:#fff;display:flex;gap:.65rem;align-items:flex-start;cursor:pointer}.bus-card h3{margin-bottom:.2rem;font-size:1.05rem}.bus-card-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.bus-movement-day-pill{display:inline-flex;align-items:center;padding:.2rem .62rem;border-radius:999px;border:1px solid transparent;background:linear-gradient(140deg,#eff6fff2,#fffffffa);color:#0f172a;font-size:.8rem;font-weight:800;vertical-align:middle;box-shadow:0 4px 10px -8px #0f172a8c}.bus-movement-day-pill-today{border-color:#4ade80b8;background:linear-gradient(140deg,#f0fdf4f2,#fffffffa);color:#166534}.bus-movement-day-pill-tomorrow{border-color:#60a5fab8;background:linear-gradient(140deg,#eff6fff2,#fffffffa);color:#1e3a8a}.bus-card p{color:var(--neutral-600);font-size:.92rem}.bus-card-active{border-color:var(--primary-400);box-shadow:0 0 0 3px #ef444424}.bus-card:focus-visible,.bus-card:focus-within{outline:2px solid rgb(37 99 235 / .55);outline-offset:2px}.bus-card-actions{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}.booking-actions{margin-top:.95rem;padding-top:.55rem;border-top:1px solid rgb(226 232 240 / .9)}.mini-btn{border:1px solid transparent;border-radius:999px;padding:.35rem .75rem;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.mini-btn-neutral{background:var(--secondary-50);color:var(--secondary-700);border-color:var(--secondary-200)}.mini-btn-danger{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.mini-btn-danger:hover{background:#fecaca}.mini-btn-success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}@keyframes card-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes student-skeleton-shimmer{to{transform:translate(100%)}}@keyframes caret-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes convoy-run{0%{left:-12%;opacity:0;transform:translate3d(0,-50%,0) scale(.9)}10%{left:-2%;opacity:1;transform:translate3d(0,-52%,0) scale(.96)}50%{left:48%;transform:translate3d(0,-49%,0) scale(1.01)}88%{left:96%;opacity:1;transform:translate3d(0,-50%,0) scale(1)}to{left:108%;opacity:0;transform:translate3d(0,-50%,0) scale(.99)}}@keyframes convoy-run-wide{0%{left:0%;opacity:0;transform:translate(-102%,-50%) scale(.92)}10%{opacity:1;transform:translate(-60%,-52%) scale(.97)}48%{transform:translate(-35%,-48%) scale(1.02)}88%{opacity:1;transform:translate(-6%,-50%) scale(1)}to{left:100%;opacity:0;transform:translateY(-50%) scale(1)}}@keyframes road-shimmer{0%{background-position:180px 0}to{background-position:-180px 0}}@keyframes dots-pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes floating-install-bob{0%,to{translate:0 0}50%{translate:0 -4px}}@keyframes floating-install-intro{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes welcome-toast-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes welcome-toast-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-18px) scale(.985)}}@media (prefers-reduced-motion: reduce){.loading-bus.convoy-1,.loading-bus.convoy-2,.loading-bus.convoy-3,.loading-road-shimmer,.loading-dots span{animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes welcome-float-a{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes welcome-float-b{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes navbar-enter{0%{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.app-shell{padding:var(--spacing-md)}.offline-banner{flex-direction:column;align-items:stretch}.offline-retry-btn{width:100%}.hero-card{padding:1rem .85rem;background:linear-gradient(145deg,#ffffff7a,#f8fafc66),radial-gradient(circle at 90% 14%,rgb(59 130 246 / .16),transparent 50%),radial-gradient(circle at 10% 92%,rgb(239 68 68 / .15),transparent 44%)}.hero-content{min-height:440px;gap:.35rem}.hero-card .site-logo{width:128px;max-width:80%}.hero-card .hero-top{justify-content:center;align-items:center;text-align:center}.hero-top-subtitle{font-size:.8rem}.hero-card h1{font-size:clamp(1.3rem,6.1vw,1.72rem)}.hero-typing{min-height:1.45rem;font-size:.88rem}.student-login{padding:.72rem .62rem}.field-input{padding-block:.82rem;padding-inline:.96rem}.field-input::placeholder{font-size:.84rem}.student-login .btn-primary{min-width:100%}.login-memory-row{gap:.36rem}.hero-login-road{width:calc(100% + 1.9rem);margin-right:-.95rem;margin-left:-.95rem;margin-top:.4rem;height:2rem}.hero-support-note{font-size:.81rem}.hero-support-wrap{margin-top:.3rem}.hero-info-divider{width:100%;margin-bottom:.45rem}.hero-navbar{flex-direction:column;align-items:stretch;padding:.58rem;gap:.5rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffffb8,#f8fafc99),radial-gradient(circle at 90% 10%,rgb(59 130 246 / .14),transparent 42%)}.hero-navbar-top{display:contents}.hero-navbar-brand{width:100%;min-width:0;gap:.45rem;padding:.36rem .48rem;border:1px solid rgb(148 163 184 / .22);border-radius:12px;background:#ffffffc7;order:2}.hero-navbar .site-logo{width:50px;border-radius:10px}.hero-navbar-meta{min-width:0}.hero-navbar-meta strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-navbar-meta span{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-navbar-actions{order:4;flex-direction:row;justify-content:stretch;width:100%;margin-top:.15rem}.hero-navbar-actions .btn{width:100%;padding:.42rem .72rem;font-size:.8rem}.hero-navbar-tabs{order:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:.35rem;padding-top:.1rem;padding-bottom:0}.hero-navbar-tab{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.24rem;padding:.4rem .48rem;font-size:.8rem;border-color:var(--secondary-200);background:#ffffffe6}.hero-navbar-tab.active{border-color:var(--primary-300);background:linear-gradient(135deg,#fef2f2f5,#fffffffa)}.hero-mobile-toggle{order:5;width:100%;display:grid;place-items:center;margin-top:.12rem;margin-bottom:0;position:relative;padding-top:.16rem;border:none;background:transparent;cursor:pointer}.hero-mobile-toggle-line{width:calc(100% - .6rem);height:3px;border-radius:999px;background:linear-gradient(90deg,#dc262640,#dc2626e0,#dc262640)}.hero-mobile-toggle-knob{position:absolute;top:-.42rem;width:1.6rem;height:1.6rem;border-radius:999px;border:1px solid rgb(220 38 38 / .55);background:radial-gradient(circle at 30% 30%,#fffffffa,#fee2e2f5);display:inline-flex;align-items:center;justify-content:center;color:var(--primary-700);box-shadow:0 8px 18px -12px #7f1d1da6}.hero-mobile-toggle-knob i{font-size:.86rem;line-height:1}.hero-navbar.hero-navbar-collapsed-mobile .hero-navbar-tabs{display:none}.hero-navbar.hero-navbar-collapsed-mobile .hero-navbar-actions{order:4;margin-top:0}.loading-screen-shell-compact{padding:.8rem;background:linear-gradient(145deg,#f1f5f9a3,#f8fafc9e);-webkit-backdrop-filter:blur(5px) saturate(106%);backdrop-filter:blur(5px) saturate(106%)}.loading-screen-card,.loading-screen-card-compact{width:min(100%,96vw);padding:1rem .82rem}.loading-screen-card h2{font-size:1.05rem}.loading-screen-card p{font-size:.84rem}.loading-road{height:3rem}.service-page{margin-top:var(--spacing-md)}.service-panel{padding:.9rem;gap:.45rem}.hint-text{font-size:.86rem}.student-skeleton{padding:.62rem;gap:.45rem}.student-skeleton-grid{grid-template-columns:1fr}.student-skeleton-card{padding:.5rem}.student-skeleton-line-lg{width:84%}.student-skeleton-line-md{width:68%}.student-skeleton-line-sm{width:52%}.toast-message{padding:.5rem .6rem;font-size:.9rem}.weekly-day-row{padding:.6rem;gap:.45rem}.weekly-status-summary{padding:.55rem;gap:.35rem}.weekly-status-summary-top{flex-direction:column;align-items:stretch;gap:.28rem}.weekly-status-pill,.weekly-week-pill{width:100%;text-align:center;font-size:.8rem;padding:.24rem .52rem}.weekly-status-summary .booking-countdown{font-size:.84rem;padding:.42rem .54rem}.day-pill{padding:.3rem .58rem;font-size:.84rem}.bus-card{padding:.65rem .68rem;gap:.5rem}.bus-card h3{font-size:.98rem}.bus-card p{font-size:.86rem}.hero-top{flex-direction:column;align-items:center;gap:.5rem}.site-logo{width:90px}.stats-grid{grid-template-columns:1fr}.action-card{min-height:0;padding:1rem .9rem .92rem;gap:.46rem}.action-card>span{font-size:.84rem;padding:.22rem .52rem}.action-card strong{font-size:1.08rem}.action-card-list{padding:.48rem 1rem .42rem .6rem;gap:.28rem}.action-card-list li{font-size:.87rem;line-height:1.5}.service-page-head,.admin-main-header,.admin-global-header{flex-direction:column;align-items:stretch}.admin-global-actions{flex-direction:column}.admin-global-actions .btn{width:100%}.admin-main-actions{justify-content:stretch;flex-direction:column}.admin-main-actions .btn{width:100%}.admin-modal-head{flex-direction:column;align-items:stretch}.subscription-tabs-grid{grid-template-columns:1fr 1fr}.service-grid,.admin-grid-cards,.admin-stat-card-actions{grid-template-columns:1fr}.subscription-summary-card,.subscription-summary-card .subscription-breakdown-list{min-height:0}.admin-shell,.admin-shell-sidebar-collapsed{grid-template-columns:1fr}.admin-sidebar.collapsed .admin-sidebar-head h2{display:block}.admin-sidebar.collapsed .admin-nav-item{grid-template-columns:20px 1fr;justify-items:initial;text-align:right;padding:.62rem .72rem}.admin-sidebar.collapsed .admin-nav-item-label{display:inline}.admin-form-grid,.bookings-two-columns{grid-template-columns:1fr}.analytics-kpi-grid{grid-template-columns:1fr 1fr}.analytics-visual-grid{grid-template-columns:1fr}.analytics-bars-card-full{grid-column:span 1}.analytics-bus-inline-grid,.analytics-route-inline-grid,.weekly-day-row{grid-template-columns:1fr}.weekly-day-route-select{min-width:0}}@media (max-width: 420px){.hero-navbar-tabs,.subscription-tabs-grid,.analytics-kpi-grid{grid-template-columns:1fr}}.supervisor-shell{background:radial-gradient(circle at 12% 15%,rgb(239 68 68 / .2),transparent 35%),radial-gradient(circle at 88% 12%,rgb(37 99 235 / .2),transparent 35%),linear-gradient(180deg,#f8fafc,#fef2f2)}.supervisor-hero{max-width:1180px;margin:0 auto 1rem;border-radius:1.25rem;border:1px solid rgb(248 113 113 / .4);background:radial-gradient(circle at 92% 18%,rgb(248 113 113 / .24),transparent 34%),radial-gradient(circle at 8% 80%,rgb(59 130 246 / .18),transparent 34%),linear-gradient(130deg,#fffffff2,#fef2f2e6);box-shadow:0 24px 48px -32px #0f172a80,inset 0 1px #fff9;padding:.95rem 1rem 1rem}.supervisor-hero-top{display:flex;justify-content:space-between;align-items:center;gap:.9rem;flex-wrap:wrap}.supervisor-brand{display:flex;align-items:center;gap:.75rem}.supervisor-logo{width:48px;border-radius:14px;border:1px solid var(--neutral-200);background:#fff;padding:.25rem}.supervisor-brand p{color:var(--primary-700);font-weight:800}.supervisor-brand h1{font-size:1.12rem;line-height:1.2}.supervisor-back-btn{border:1px solid rgb(30 64 175 / .35);background:linear-gradient(140deg,#eff6fff0,#dbeafee6);color:var(--secondary-800);font-weight:800;padding:.5rem 1rem;border-radius:999px;min-height:44px}.supervisor-back-btn:hover{border-color:#1e40af8c;background:linear-gradient(140deg,#e0f2fef5,#bfdbfee6)}.supervisor-subtitle{margin-top:.55rem;color:var(--neutral-700)}.supervisor-session-card{margin-top:.65rem;border:1px solid rgb(148 163 184 / .36);border-radius:1rem;background:linear-gradient(140deg,#fffffff5,#f8fafceb);padding:.58rem}.supervisor-setup-modal{width:min(760px,100%)}.supervisor-session-pill-row{margin-top:.62rem;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.supervisor-session-pill{display:inline-flex;align-items:center;border:1px solid rgb(203 213 225 / .9);border-radius:999px;background:#fffffff2;color:#334155;font-weight:700;font-size:.82rem;padding:.2rem .56rem}.supervisor-session-edit-btn{min-height:36px;padding:.3rem .65rem;border-radius:999px;font-size:.82rem}.supervisor-session-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;align-items:end}.supervisor-not-found-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.45rem}.supervisor-not-found-actions .btn{min-height:42px}.supervisor-not-found-capture-wrap{margin-top:.6rem;border:1px solid rgb(148 163 184 / .36);border-radius:.8rem;overflow:hidden;max-width:420px}.supervisor-not-found-capture{width:100%;display:block;object-fit:cover}.supervisor-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(320px,460px) minmax(0,1fr);gap:.95rem}.supervisor-grid-single{grid-template-columns:1fr}.supervisor-panel{border:1px solid rgb(148 163 184 / .34);border-radius:1.2rem;background:linear-gradient(155deg,#fffffff0,#f8fafce6);box-shadow:0 20px 45px -34px #0f172a80;padding:.9rem;display:grid;gap:.75rem}.supervisor-panel>header h2{font-size:1.14rem}.supervisor-panel>header p{color:var(--neutral-600)}.scanner-stage{position:relative;border-radius:1rem;border:1px solid rgb(148 163 184 / .4);overflow:hidden;min-height:260px;background:linear-gradient(145deg,#0f172a,#1e293b)}.supervisor-scanner-modal{width:min(760px,100%)}.scanner-search-bar{margin-top:.72rem;border:1px solid rgb(148 163 184 / .34);border-radius:1rem;padding:.56rem;background:linear-gradient(140deg,#fffffff5,#f8fafceb);box-shadow:inset 0 1px #ffffffb3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}.scanner-search-input-wrap{display:grid;grid-template-columns:20px minmax(0,1fr) 34px;align-items:center;gap:.5rem;border:1px solid rgb(203 213 225 / .95);border-radius:.82rem;background:#fff;padding:.2rem .55rem}.scanner-search-input-wrap i{color:var(--neutral-500);font-size:.92rem}.scanner-search-input{min-height:52px;border:none;background:transparent;font-size:1rem;box-shadow:none;padding:0}.scanner-search-input:focus{outline:none}.scanner-clear-btn{width:30px;height:30px;border-radius:999px;border:1px solid rgb(203 213 225 / .9);background:linear-gradient(145deg,#fff,#f8fafc);color:#64748b;display:grid;place-items:center;cursor:pointer}.scanner-clear-btn:disabled{opacity:.45;cursor:not-allowed}.scanner-clear-btn:hover:not(:disabled){border-color:#ef44449e;color:#b91c1c;background:linear-gradient(145deg,#fef2f2f2,#fff)}.scanner-search-controls{display:flex;align-items:center;justify-content:flex-end}.scanner-icon-btn-active{border-color:#f87171e6;background:#fee2e2f5}.scanner-status-pill{z-index:3;border-radius:999px;background:#0206179e;border:1px solid rgb(148 163 184 / .42);color:#e2e8f0;padding:.22rem .58rem;font-size:.78rem;font-weight:700}.scanner-status-pill-inline{position:static;width:fit-content}.scanner-status-pill.on{background:#16a34a47;border-color:#22c55ea6;color:#dcfce7}.scanner-search-btn{border:1px solid rgb(203 213 225 / .92);background:linear-gradient(140deg,#fff,#f8fafc);color:var(--neutral-700);min-height:46px;font-weight:800}.scanner-submit-btn{min-width:88px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.scanner-submit-btn:hover{border-color:#94a3b8cc;background:linear-gradient(140deg,#fff,#eef2ff)}.supervisor-quick-actions{margin-top:.52rem;border:1px solid rgb(148 163 184 / .32);border-radius:.9rem;background:linear-gradient(145deg,#fffffff5,#f1f5f9eb);padding:.58rem;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.supervisor-quick-actions .btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;text-align:center}.supervisor-quick-status{margin-inline-start:auto;border-radius:999px;border:1px solid rgb(203 213 225 / .95);background:#f8fafcf2;color:#475569;font-size:.82rem;font-weight:700;padding:.28rem .62rem}.supervisor-quick-status.active{border-color:#22c55ea6;background:#dcfce7eb;color:#166534}.supervisor-bulk-modal-panel{margin-top:.45rem;border:1px solid rgb(203 213 225 / .92);border-radius:.9rem;background:#fff;padding:.6rem;display:grid;gap:.45rem}.supervisor-bulk-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.supervisor-bulk-id-list{max-height:240px;overflow:auto;display:grid;gap:.35rem;padding-left:.1rem}.supervisor-bulk-id-item{border:1px solid var(--neutral-200);border-radius:.75rem;background:linear-gradient(180deg,#fff,#f8fafc);padding:.45rem .5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.supervisor-bulk-id-item strong{display:block;color:var(--neutral-900)}.supervisor-bulk-id-item p{margin:0;color:var(--neutral-600);font-size:.86rem}.scanner-video{width:100%;height:100%;object-fit:cover;min-height:260px;display:block}.scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;background:linear-gradient(180deg,#02061733,#02061759)}.scanner-guide{width:min(78%,320px);aspect-ratio:2.2 / 1;border:2px solid rgb(248 113 113 / .95);border-radius:1rem;box-shadow:0 0 0 200vmax #02061759,0 0 24px #f8717173}.supervisor-empty-state{border:1px dashed rgb(248 113 113 / .75);border-radius:.95rem;background:linear-gradient(130deg,#fef2f2f2,#fffffff2);padding:.8rem}.supervisor-empty-state-warning{border-style:solid;border-color:#ef44449e;box-shadow:inset 0 0 0 1px #f8717133;background:radial-gradient(circle at 88% 12%,rgb(254 202 202 / .46),transparent 38%),linear-gradient(130deg,#fef2f2fa,#fffffff2)}.supervisor-empty-state-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.3rem}.supervisor-empty-state-icon{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;color:#b91c1c;border:1px solid rgb(239 68 68 / .48);background:linear-gradient(145deg,#fee2e2fa,#fef2f2f2)}.supervisor-empty-state-head h3{margin:0;color:#991b1b;font-size:1rem}.supervisor-empty-state-subtitle{margin:0;color:#7f1d1d;font-weight:700}.supervisor-empty-state-code{margin:.45rem 0 0;width:fit-content;border:1px solid rgb(248 113 113 / .55);border-radius:999px;background:#fee2e2ad;color:#7f1d1d;font-weight:800;padding:.22rem .65rem;font-variant-numeric:tabular-nums}.supervisor-empty-state-hint{margin:.45rem 0 0;color:#9f1239;font-size:.88rem;font-weight:600}.supervisor-result-content{display:grid;gap:.72rem}.student-id-card-preview{border:1px solid rgb(191 219 254 / .7);border-radius:1rem;padding:.8rem;background:radial-gradient(circle at 85% 20%,rgb(59 130 246 / .2),transparent 35%),linear-gradient(140deg,#eff6ffe0,#ffffffeb)}.id-card-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.7rem;color:var(--secondary-700);font-weight:800}.id-card-head img{width:44px;height:44px;border-radius:12px;border:1px solid var(--secondary-200);background:#fff;padding:.2rem}.id-card-main{display:flex;align-items:center;gap:.75rem}.id-student-photo-wrap{width:102px;min-width:102px;height:124px;border-radius:.7rem;overflow:hidden;border:1px solid rgb(59 130 246 / .35);background:linear-gradient(145deg,#eff6ffd1,#fffffff2);display:grid;place-items:center}.id-student-photo{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}.supervisor-image-preview-modal{width:min(920px,100%)}.supervisor-image-preview-wrap{border:1px solid var(--neutral-200);border-radius:.9rem;overflow:hidden;background:#0f172a}.supervisor-image-preview{width:100%;max-height:72vh;object-fit:contain;display:block}.scanner-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;position:sticky;top:0;z-index:5;background:#fff;padding-bottom:.55rem;border-bottom:1px solid var(--neutral-200)}.scanner-modal-close-btn{width:40px;height:40px;border-radius:999px;border:1px solid rgb(239 68 68 / .45);background:linear-gradient(145deg,#fef2f2f2,#fee2e2e6);color:var(--primary-700);display:grid;place-items:center;cursor:pointer}.scanner-modal-close-btn:hover{border-color:#dc2626b8;background:linear-gradient(145deg,#fee2e2f5,#fca5a54d)}.id-avatar{width:72px;height:72px;border-radius:50%;border:2px solid rgb(59 130 246 / .3);background:linear-gradient(145deg,#3b82f629,#0e74902e);display:grid;place-items:center;font-size:1.9rem;font-weight:800;color:var(--secondary-800)}.supervisor-info-block{border:1px solid var(--neutral-200);border-radius:.9rem;background:#fff;padding:.7rem;display:grid;gap:.35rem}.supervisor-info-block h4{color:var(--primary-700)}.attendance-chip-list{display:flex;flex-wrap:wrap;gap:.45rem}.attendance-chip{border-radius:999px;border:1px solid rgb(248 113 113 / .42);background:#fef2f2e0;color:var(--primary-700);padding:.28rem .65rem;font-size:.85rem;font-weight:700}.booking-log-list{display:grid;gap:.55rem}.booking-log-item{border:1px solid var(--neutral-200);border-radius:.8rem;background:linear-gradient(140deg,#fff,#f8fafc);padding:.58rem .62rem}.booking-log-item strong{color:var(--neutral-900)}.booking-log-item p{color:var(--neutral-600);font-size:.9rem}@media (max-width: 980px){.supervisor-grid,.scanner-search-bar{grid-template-columns:1fr}.supervisor-hero-top .btn{width:100%}.supervisor-session-grid{grid-template-columns:1fr}.supervisor-session-pill-row{display:grid;grid-template-columns:1fr 1fr}.supervisor-session-edit-btn{grid-column:1 / -1}}@media (max-width: 640px){.supervisor-shell{padding:.75rem}.supervisor-hero{padding:.62rem .65rem;border-radius:.95rem}.supervisor-brand{gap:.55rem}.supervisor-logo{width:40px;border-radius:10px}.supervisor-brand p{font-size:.82rem}.supervisor-brand h1{font-size:.94rem}.scanner-search-bar{padding:.5rem}.scanner-search-input{min-height:46px;font-size:.95rem}.scanner-search-controls{width:100%;display:flex}.supervisor-empty-state{padding:.68rem}.supervisor-empty-state-head{align-items:flex-start}.supervisor-empty-state-head h3{font-size:.94rem;line-height:1.35}.supervisor-empty-state-subtitle,.supervisor-empty-state-hint{font-size:.84rem;line-height:1.45}.supervisor-session-pill-row{grid-template-columns:1fr}.supervisor-not-found-actions{display:grid;grid-template-columns:1fr}.supervisor-not-found-actions .btn{width:100%}.supervisor-quick-actions{flex-direction:column;align-items:stretch}.supervisor-quick-status{margin-inline-start:0;width:fit-content}.scanner-submit-btn{width:100%}.id-card-main{flex-direction:column;align-items:stretch}.id-student-photo-wrap{width:100%;min-width:0;height:190px}.id-avatar{width:64px;height:64px;margin:0 auto;font-size:1.55rem}}