:root{--mouse-x: 50vw;--mouse-y: 50vh;--font-body: "Inter", "Poppins", "Plus Jakarta Sans", "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Inter", "Poppins", "Segoe UI", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--ease-premium: cubic-bezier(.22, 1, .36, 1)}:root[data-theme=dark]{color-scheme:dark;--midnight-black: #03060f;--deep-navy: #071128;--brand-cyan: #21d7ff;--brand-emerald: #1cc7be;--brand-indigo: #5968ff;--brand-violet: #7c57ff;--brand-orange: #ffad66;--bg-main: #040915;--bg-base: #081226;--bg-elevated: #0f1d39;--bg-soft: #16284a;--surface: rgba(15, 30, 58, .72);--surface-strong: rgba(15, 30, 58, .9);--surface-light: rgba(185, 213, 255, .08);--text-strong: #f4f8ff;--text-primary: #d7e4ff;--text-secondary: #a8bcdf;--text-muted: #88a1cb;--text-faint: #7189b6;--text-light: #ffffff;--border-soft: rgba(162, 190, 236, .24);--border-strong: rgba(162, 190, 236, .38);--border-glow: rgba(89, 104, 255, .45);--danger: #ff6f8f;--hero-gradient: linear-gradient(128deg, #10295a 0%, #26327d 42%, #0f7e9a 100%);--btn-gradient: linear-gradient(132deg, #5968ff 0%, #7c57ff 100%);--btn-gradient-alt: linear-gradient(132deg, #0e8bac 0%, #16b3cc 100%);--ambient-gradient: linear-gradient(120deg, rgba(89, 104, 255, .24), rgba(33, 215, 255, .2), rgba(137, 87, 255, .22));--header-surface: linear-gradient(100deg, rgba(9, 19, 37, .84), rgba(12, 25, 48, .76));--header-shadow: 0 14px 30px rgba(2, 6, 23, .45), 0 0 24px rgba(89, 104, 255, .2);--logo-glow: 0 0 12px rgba(33, 215, 255, .24);--shadow-soft: 0 14px 30px rgba(2, 6, 18, .46), inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-mid: 0 26px 54px rgba(2, 6, 18, .62), 0 0 24px rgba(89, 104, 255, .2);--shadow-strong: 0 42px 80px rgba(1, 3, 12, .74), 0 0 40px rgba(33, 215, 255, .14);--grid-line: rgba(180, 210, 255, .05);--bg-core: linear-gradient(160deg, var(--midnight-black) 0%, var(--deep-navy) 44%, #0b1730 100%);--bg-ambient-a: rgba(89, 104, 255, .35);--bg-ambient-b: rgba(137, 87, 255, .2);--bg-ambient-c: rgba(22, 154, 184, .2);--mouse-glow: rgba(33, 215, 255, .1);--chip-bg: rgba(15, 23, 42, .55);--chip-hover: rgba(99, 102, 241, .24);--chip-hover-border: rgba(99, 102, 241, .5);--header-text-contrast: #ffffff;--card-title-contrast: #f8fafc;--glass-deep: rgba(2, 6, 23, .72)}:root[data-theme=light]{color-scheme:light;--midnight-black: #f6f9ff;--deep-navy: #eef4ff;--brand-cyan: #0fa8dc;--brand-emerald: #129cbf;--brand-indigo: #4f62ea;--brand-violet: #6c57de;--brand-orange: #f39d5f;--bg-main: #f4f8ff;--bg-base: #eef3fc;--bg-elevated: #ffffff;--bg-soft: #e6eefc;--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .9);--surface-light: rgba(62, 97, 165, .08);--text-strong: #122038;--text-primary: #1f3357;--text-secondary: #4a638c;--text-muted: #607ba7;--text-faint: #7f95b8;--text-light: #ffffff;--border-soft: rgba(111, 142, 192, .22);--border-strong: rgba(87, 121, 178, .38);--border-glow: rgba(79, 98, 234, .35);--danger: #e45f86;--hero-gradient: linear-gradient(128deg, #eaf1ff 0%, #dbe9ff 42%, #d3f2ff 100%);--btn-gradient: linear-gradient(132deg, #4f62ea 0%, #6b58d8 100%);--btn-gradient-alt: linear-gradient(132deg, #2f9fca 0%, #4f62ea 100%);--ambient-gradient: linear-gradient(120deg, rgba(98, 119, 242, .16), rgba(23, 168, 214, .12), rgba(138, 168, 246, .14));--header-surface: linear-gradient(100deg, rgba(255, 255, 255, .88), rgba(243, 248, 255, .82));--header-shadow: 0 12px 28px rgba(56, 84, 131, .12), 0 0 0 1px rgba(111, 142, 192, .1);--logo-glow: 0 0 10px rgba(79, 98, 234, .22);--shadow-soft: 0 12px 24px rgba(46, 73, 119, .12), inset 0 1px 0 rgba(255, 255, 255, .62);--shadow-mid: 0 22px 40px rgba(46, 73, 119, .16), 0 0 0 1px rgba(111, 142, 192, .08);--shadow-strong: 0 34px 62px rgba(46, 73, 119, .18), 0 0 0 1px rgba(111, 142, 192, .1);--grid-line: rgba(103, 135, 190, .08);--bg-core: linear-gradient(160deg, #f9fbff 0%, #f1f6ff 44%, #eaf2ff 100%);--bg-ambient-a: rgba(116, 141, 248, .2);--bg-ambient-b: rgba(146, 189, 255, .16);--bg-ambient-c: rgba(111, 205, 226, .14);--mouse-glow: rgba(79, 98, 234, .08);--chip-bg: rgba(235, 242, 255, .92);--chip-hover: rgba(79, 98, 234, .14);--chip-hover-border: rgba(79, 98, 234, .35);--header-text-contrast: #1b3159;--card-title-contrast: #1a2d50;--glass-deep: rgba(232, 240, 255, .78)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);line-height:1.5;background:radial-gradient(1120px 620px at -6% -18%,var(--bg-ambient-a) 0%,transparent 58%),radial-gradient(860px 480px at 106% -10%,var(--bg-ambient-b) 0%,transparent 62%),radial-gradient(900px 520px at 84% 112%,var(--bg-ambient-c) 0%,transparent 66%),var(--bg-core);background-attachment:fixed;transition:background .38s var(--ease-premium),color .28s var(--ease-premium)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at 50% 40%,black 34%,transparent 86%);animation:gridShift 14s linear infinite}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(420px 220px at 10% 14%,var(--bg-ambient-a),transparent 70%),radial-gradient(400px 220px at 88% 22%,var(--bg-ambient-c),transparent 68%),linear-gradient(115deg,transparent 18%,rgba(33,215,255,.06) 36%,transparent 58%),linear-gradient(300deg,transparent 22%,rgba(124,87,255,.08) 50%,transparent 76%);filter:blur(4px);animation:streakDrift 11s ease-in-out infinite alternate}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(240px 240px at var(--mouse-x) var(--mouse-y),var(--mouse-glow),transparent 72%)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.02em;transition:color .28s var(--ease-premium)}p,small,label{color:var(--text-secondary);transition:color .28s var(--ease-premium)}::selection{background:#5968ff6b;color:#fff}button,input,select,textarea{font:inherit}button{touch-action:manipulation;border:1px solid var(--border-soft);color:var(--text-primary);background:linear-gradient(160deg,var(--surface-strong),var(--surface));transition:transform .22s var(--ease-premium),box-shadow .22s var(--ease-premium),border-color .22s var(--ease-premium),filter .22s var(--ease-premium),background .28s var(--ease-premium),color .28s var(--ease-premium)}button:hover{border-color:var(--border-strong);box-shadow:0 0 0 1px #5968ff2e,0 14px 26px #0208142e}button:active{transform:translateY(1px) scale(.985)}input,textarea,select{-webkit-appearance:none;appearance:none;border-radius:var(--radius-sm);background:linear-gradient(160deg,var(--surface-strong),var(--surface));border:1px solid var(--border-soft);color:var(--text-primary);box-shadow:inset 0 1px #ffffff0a;transition:border-color .24s var(--ease-premium),box-shadow .24s var(--ease-premium),transform .24s var(--ease-premium),background .28s var(--ease-premium),color .28s var(--ease-premium)}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--brand-cyan) 70%,var(--brand-indigo) 30%);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-cyan) 18%,transparent),inset 0 1px #ffffff0f;outline:none}:focus-visible{outline:2px solid var(--border-glow);outline-offset:2px}.responsive-card-shell,.dashboard-shell,.staff-shell,.role-wrap,.auth-wrap,.otp-wrap,.staff-auth-wrap,.card,.side-card,.ops-card,.mobile-cart,.voice-panel,.success-wrap,.splash-wrap,.ticket,.alert,.queue-row,.lang-menu,.rail-header,.rail-footer,table,.modal,.popup,.dashboard-panel,.analytics-widget,.train-status,.profile-panel,.admin-panel{position:relative;overflow:hidden;border:1px solid var(--border-soft);background:linear-gradient(165deg,var(--surface-strong),var(--surface));backdrop-filter:blur(16px) saturate(128%);box-shadow:var(--shadow-soft);transition:background .32s var(--ease-premium),border-color .32s var(--ease-premium),box-shadow .32s var(--ease-premium)}.responsive-card-shell:before,.dashboard-shell:before,.staff-shell:before,.role-wrap:before,.auth-wrap:before,.otp-wrap:before,.staff-auth-wrap:before,.card:before,.side-card:before,.ops-card:before,.mobile-cart:before,.voice-panel:before,.success-wrap:before,.splash-wrap:before,.ticket:before,.alert:before,.queue-row:before,.lang-menu:before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--ambient-gradient);opacity:.2;mix-blend-mode:screen}.responsive-card-shell:after,.dashboard-shell:after,.staff-shell:after,.role-wrap:after,.auth-wrap:after,.otp-wrap:after,.staff-auth-wrap:after,.card:after,.side-card:after,.ops-card:after,.mobile-cart:after,.voice-panel:after,.success-wrap:after,.splash-wrap:after,.ticket:after,.alert:after,.queue-row:after,.lang-menu:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid color-mix(in srgb,var(--border-soft) 75%,#ffffff 25%);border-radius:inherit;box-shadow:inset 0 1px #ffffff14}.dashboard-shell>*,.staff-shell>*,.role-wrap>*,.auth-wrap>*,.otp-wrap>*,.staff-auth-wrap>*,.card>*,.side-card>*,.ops-card>*,.mobile-cart>*,.voice-panel>*,.success-wrap>*,.splash-wrap>*,.ticket>*,.alert>*,.queue-row>*,.lang-menu>*{position:relative;z-index:1}.cta,.submit,.primary,.resolve,.escalate,.side-card button,.mobile-cart button{background:var(--btn-gradient)!important;color:#fff!important;border-color:color-mix(in srgb,var(--brand-indigo) 55%,var(--brand-cyan) 45%)!important;box-shadow:0 14px 26px color-mix(in srgb,var(--brand-indigo) 26%,transparent),0 0 22px color-mix(in srgb,var(--brand-cyan) 20%,transparent)}.cta:hover,.submit:hover,.primary:hover,.resolve:hover,.escalate:hover,.side-card button:hover,.mobile-cart button:hover{transform:translateY(-2px);filter:brightness(1.06)}:root[data-theme=light] .trip-card,:root[data-theme=light] .hero-card,:root[data-theme=light] .top-header,:root[data-theme=light] .staff-header,:root[data-theme=light] .mobile-cart,:root[data-theme=light] .next-card{background:linear-gradient(138deg,#e7efff,#dcedff)!important;border-color:#6f8ec042!important;box-shadow:var(--shadow-soft)!important}:root[data-theme=light] .trip-card *,:root[data-theme=light] .hero-card *,:root[data-theme=light] .top-header *,:root[data-theme=light] .staff-header *,:root[data-theme=light] .next-card *{color:var(--text-primary)!important;text-shadow:none!important}:root[data-theme=light] .top-header p,:root[data-theme=light] .staff-header p,:root[data-theme=light] .trip-card p,:root[data-theme=light] .hero-card p,:root[data-theme=light] .next-card p{color:var(--text-secondary)!important}:root[data-theme=light] .chip,:root[data-theme=light] .ghost{background:var(--chip-bg)!important;border-color:var(--border-soft)!important;color:var(--text-primary)!important}:root[data-theme=light] .chip:hover,:root[data-theme=light] .ghost:hover{background:var(--chip-hover)!important;border-color:var(--chip-hover-border)!important}:root[data-theme=light] .lang-menu,:root[data-theme=light] .voice-panel,:root[data-theme=light] .mobile-tabs{background:linear-gradient(165deg,#ffffffeb,#f1f7ffdb)!important}:root[data-theme=light] .mobile-tabs .tab{color:var(--text-muted)!important}:root[data-theme=light] .mobile-tabs .tab.active{color:var(--text-primary)!important;text-shadow:none!important}:root[data-theme=light] .left-sidebar,:root[data-theme=light] .right-panel,:root[data-theme=light] .staff-side{background:linear-gradient(170deg,#f3f8ffeb,#eaf2ffd6)!important}:root[data-theme=light] .left-sidebar .side-tab,:root[data-theme=light] .staff-side .side-tab{color:var(--text-secondary)!important}:root[data-theme=light] .left-sidebar .side-tab:hover,:root[data-theme=light] .staff-side .side-tab:hover{color:var(--text-primary)!important;background:#4f62ea1a!important;border-color:#4f62ea33!important}:root[data-theme=light] .left-sidebar .side-tab.active,:root[data-theme=light] .staff-side .side-tab.active{color:#fff!important;background:linear-gradient(135deg,#4f62eae6,#2f9fcac7)!important}:root[data-theme=light] .card small,:root[data-theme=light] .side-card small,:root[data-theme=light] .ops-card small{color:var(--text-muted)!important}:root[data-theme=light] .card strong,:root[data-theme=light] .side-card h3,:root[data-theme=light] .row strong,:root[data-theme=light] .queue-row strong,:root[data-theme=light] .timeline-row strong,:root[data-theme=light] .food-row strong{color:var(--card-title-contrast)!important}:root[data-theme=light] .ticket,:root[data-theme=light] .alert,:root[data-theme=light] .queue-row,:root[data-theme=light] .stat-grid div{background:linear-gradient(165deg,#fafdffeb,#eef6ffdb)!important}:root[data-theme=light] .status{color:#2e4f80!important;background:#87a5dc3d!important;border-color:#6e8dc673!important}:root[data-theme=light] .status.done{color:#226954!important;background:#53c4a133!important;border-color:#26a07e6b!important}:root[data-theme=light] .status.warn{color:#885f20!important;background:#f0bf6c3d!important;border-color:#d49a416b!important}:root[data-theme=light] .otp-box,:root[data-theme=light] .otp-boxes input{background:linear-gradient(160deg,#fafdfffa,#f1f8fff0)!important;color:var(--text-primary)!important}:root[data-theme=light] .error{color:#cc4f75!important}:root[data-theme=light] .status-badge,:root[data-theme=light] .danger{color:#fff!important}.page-shell{min-height:calc(100vh - 140px);width:100%;animation:shellIn .48s var(--ease-premium)}.responsive-card-shell{width:min(100%,460px);margin:0 auto}body,body:before,body:after,.rail-header,.rail-footer,.card,.side-card,input,select,textarea,button{transition-duration:.32s;transition-timing-function:var(--ease-premium)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:color-mix(in srgb,var(--bg-base) 72%,transparent)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-indigo) 82%,white 18%),color-mix(in srgb,var(--brand-cyan) 76%,white 24%));border-radius:999px;border:2px solid color-mix(in srgb,var(--bg-base) 72%,transparent)}::-webkit-scrollbar-thumb:hover{filter:brightness(1.08)}@keyframes shellIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes gridShift{0%{transform:translateY(0)}to{transform:translateY(34px)}}@keyframes streakDrift{0%{transform:translateZ(0);opacity:.85}to{transform:translate3d(0,-10px,0);opacity:1}}@keyframes softFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (min-width: 768px) and (max-width: 1024px){.responsive-card-shell{width:min(100%,720px)}}@media (min-width: 1025px){.responsive-card-shell{width:min(100%,980px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}