body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7fb;background:var(--bg-base,#f6f7fb);color:var(--text-primary,#0f172a);font-family:Poppins,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(
    --brand-font,"Poppins","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif
  )}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-logo-fly{animation:loginFlyIn .9s cubic-bezier(.22,.61,.36,1) both,loginFloat 7s ease-in-out 1s infinite;filter:drop-shadow(0 12px 20px rgba(11,27,77,.25));transform-origin:center}@keyframes loginFlyIn{0%{filter:drop-shadow(0 4px 12px rgba(11,27,77,.12));opacity:0;transform:translateY(-28px) scale(1.18) rotate(-6deg)}55%{opacity:1;transform:translateY(6px) scale(.98) rotate(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}@keyframes loginFloat{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.01)}to{transform:translateY(0) scale(1)}}*{box-sizing:border-box}img{height:auto;max-width:100%}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.show-mobile{display:none!important}}.scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible}@media (hover:none) and (pointer:coarse){a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,.1)}}.swal-alas-popup{background:#fff!important;background:var(--card-bg,#fff)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-subtle,#e5e7eb)!important;border-radius:16px!important;box-shadow:0 24px 60px #0f172a2e!important;padding:24px 28px!important}.swal-alas-title{color:#0f172a!important;color:var(--text-primary,#0f172a)!important;font-size:18px!important;font-weight:700!important;letter-spacing:.01em!important}.swal-alas-html{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:14px!important;line-height:1.55!important}.swal-alas-actions{gap:10px!important;margin-top:20px!important}.swal-alas-cancel,.swal-alas-confirm{border:none!important;border-radius:10px!important;font-size:14px!important;font-weight:600!important;padding:10px 18px!important;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease!important}.swal-alas-confirm{background:#2563eb!important;background:var(--primary-color,#2563eb)!important;box-shadow:0 10px 20px #2563eb40!important;color:#fff!important}.swal-alas-confirm:hover{box-shadow:0 14px 28px #2563eb4d!important;transform:translateY(-1px)!important}.swal-alas-cancel{background:#eef2f7!important;color:#1f2937!important}.swal-alas-cancel:hover{background:#e2e8f0!important;transform:translateY(-1px)!important}.swal-alas-popup .swal2-icon{border-width:3px!important;margin:18px auto 14px!important}.swal-alas-popup .swal2-icon.swal2-success .swal2-success-ring{border-color:#10b98159!important}.swal-alas-popup .swal2-icon.swal2-success [class^=swal2-success-line]{background-color:#10b981!important}.swal-alas-popup .swal2-icon.swal2-warning{border-color:#f59e0b!important;color:#f59e0b!important}.swal-alas-popup .swal2-icon.swal2-error{border-color:#ef4444!important}.swal-alas-popup .swal2-icon.swal2-error [class^=swal2-x-mark-line]{background-color:#ef4444!important}.swal-alas-popup .swal2-icon.swal2-question{border-color:#1d4ed8!important;color:#1d4ed8!important}.neo-sidebar{display:flex;flex-direction:column;font-family:Poppins,Segoe UI,system-ui,-apple-system,sans-serif;height:100vh;left:0;max-height:100vh;overflow:hidden;padding:14px 12px 10px;position:fixed;top:0;transition:transform .3s ease,background .3s ease;width:250px;width:var(--sidebar-width);z-index:1000}[data-theme=light] .neo-sidebar{background:#fff;border-right:1px solid #0f172a0f;box-shadow:1px 0 16px #0f172a0a;color:#1e293b}[data-theme=dark] .neo-sidebar{background:linear-gradient(195deg,#0c1222,#060a14);border-right:1px solid #94a3b814;box-shadow:4px 0 30px #00000059;color:#94a3b8}.sidebar-top{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-bottom:12px;padding:0 4px 10px}[data-theme=light] .sidebar-top{border-bottom:1px solid #0f172a0f}[data-theme=dark] .sidebar-top{border-bottom:1px solid #94a3b81a}.brand{align-items:center;cursor:pointer;display:flex;gap:10px}.brand-logo{display:block;height:30px;object-fit:contain;width:auto}.brand-name{font-size:15px;font-weight:700;letter-spacing:.02em}[data-theme=light] .brand-name{color:#0f172a}[data-theme=dark] .brand-name{color:#f1f5f9}.brand-tagline{font-size:11px;opacity:.8}[data-theme=dark] .brand-tagline,[data-theme=light] .brand-tagline{color:#64748b}.pill-button{border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 13px;transition:all .2s ease}[data-theme=light] .pill-button{background:#f1f5f9;border:1px solid #0f172a14;color:#475569}[data-theme=light] .pill-button:hover{background:#e2e8f0;color:#1e293b}[data-theme=dark] .pill-button{background:#94a3b814;border:1px solid #94a3b81f;color:#94a3b8}[data-theme=dark] .pill-button:hover{background:#94a3b826;color:#e2e8f0}.pill-button.ghost{box-shadow:none}[data-theme=light] .pill-button.ghost{background:#0000;border:1px solid #0f172a14;color:#64748b}[data-theme=light] .pill-button.ghost:hover{background:#f1f5f9;color:#1e293b}[data-theme=dark] .pill-button.ghost{background:#94a3b80f;border:1px solid #94a3b81a;color:#94a3b8}[data-theme=dark] .pill-button.ghost:hover{background:#94a3b824;color:#e2e8f0}.top-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.theme-button svg{fill:currentColor;height:14px;width:14px}.menu-scroll{display:flex;flex:1 1 auto;flex-direction:column;gap:14px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:2px 0 10px}.menu-scroll::-webkit-scrollbar{width:3px}.menu-scroll::-webkit-scrollbar-track{background:#0000}[data-theme=light] .menu-scroll::-webkit-scrollbar-thumb{background:#0f172a14;border-radius:999px}[data-theme=dark] .menu-scroll::-webkit-scrollbar-thumb{background:#94a3b826;border-radius:999px}.menu-section{display:flex;flex-direction:column;gap:4px}.section-title{font-size:9.5px;font-weight:600;letter-spacing:.12em;padding:0 10px 2px;text-transform:uppercase}.section-title:before{display:none}[data-theme=light] .section-title{color:#94a3b8}[data-theme=dark] .section-title{color:#475569}.menu-group{display:flex;flex-direction:column;gap:2px}.menu-link{align-items:center;background:#0000;border:none;border-radius:8px;display:flex;gap:10px;padding:6px 10px;position:relative;text-decoration:none;transition:all .2s ease}[data-theme=light] .menu-link{color:#475569}[data-theme=light] .menu-link:hover{background:#f1f5f9;color:#1e293b}[data-theme=light] .menu-link.active{background:#f1f5f9;box-shadow:inset 3px 0 0 #2563eb;color:#0f172a}[data-theme=dark] .menu-link{color:#94a3b8}[data-theme=dark] .menu-link:hover{background:#94a3b814;color:#e2e8f0}[data-theme=dark] .menu-link.active{background:#ffffff0f;box-shadow:inset 3px 0 0 #94a3b8;color:#f1f5f9}.menu-icon-w{align-items:center;border-radius:7px;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.menu-icon-w .bi{font-size:14px;line-height:1}[data-theme=light] .ic-blue{background:#2563eb14;color:#2563eb}[data-theme=light] .ic-teal{background:#0d948814;color:#0d9488}[data-theme=light] .ic-green{background:#16a34a14;color:#16a34a}[data-theme=light] .ic-amber{background:#b4530914;color:#b45309}[data-theme=light] .ic-purple{background:#7c3aed14;color:#7c3aed}[data-theme=light] .ic-indigo{background:#4f46e514;color:#4f46e5}[data-theme=light] .ic-slate{background:#4755690f;color:#475569}[data-theme=light] .menu-link.active .ic-blue{background:#2563eb24;color:#1d4ed8}[data-theme=light] .menu-link.active .ic-teal{background:#0d948824;color:#0f766e}[data-theme=light] .menu-link.active .ic-green{background:#16a34a24;color:#15803d}[data-theme=light] .menu-link.active .ic-amber{background:#b4530924;color:#92400e}[data-theme=light] .menu-link.active .ic-purple{background:#7c3aed24;color:#6d28d9}[data-theme=light] .menu-link.active .ic-indigo{background:#4f46e524;color:#4338ca}[data-theme=light] .menu-link.active .ic-slate{background:#4755691a;color:#334155}[data-theme=dark] .ic-blue{background:#60a5fa1f;color:#60a5fa}[data-theme=dark] .ic-teal{background:#5eead41a;color:#5eead4}[data-theme=dark] .ic-green{background:#4ade801a;color:#4ade80}[data-theme=dark] .ic-amber{background:#fbbf241a;color:#fbbf24}[data-theme=dark] .ic-purple{background:#a78bfa1a;color:#a78bfa}[data-theme=dark] .ic-indigo{background:#818cf81a;color:#818cf8}[data-theme=dark] .ic-slate{background:#94a3b814;color:#94a3b8}[data-theme=dark] .menu-link.active .ic-blue{background:#60a5fa33;color:#93bbfd}[data-theme=dark] .menu-link.active .ic-teal{background:#5eead42e;color:#99f6e4}[data-theme=dark] .menu-link.active .ic-green{background:#4ade802e;color:#86efac}[data-theme=dark] .menu-link.active .ic-amber{background:#fbbf242e;color:#fcd34d}[data-theme=dark] .menu-link.active .ic-purple{background:#a78bfa2e;color:#c4b5fd}[data-theme=dark] .menu-link.active .ic-indigo{background:#818cf82e;color:#a5b4fc}[data-theme=dark] .menu-link.active .ic-slate{background:#94a3b824;color:#cbd5e1}.menu-link.active .menu-icon-w,.menu-link:hover .menu-icon-w{filter:brightness(1.1)}.menu-copy{display:flex;flex-direction:column;min-width:0}.menu-label{font-size:12.5px;font-weight:500;letter-spacing:.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .menu-link.active .menu-label{color:#0f172a;font-weight:600}[data-theme=dark] .menu-link.active .menu-label{color:#f1f5f9;font-weight:600}.menu-hint{font-size:11px}[data-theme=light] .menu-hint{color:#94a3b8}[data-theme=dark] .menu-hint{color:#475569}.sidebar-footer{flex-shrink:0;margin-top:auto;padding:12px 0 0}[data-theme=light] .sidebar-footer{border-top:1px solid #0f172a0f}[data-theme=dark] .sidebar-footer{border-top:1px solid #94a3b81a}.profile-card{background:#0000;border:none;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:12px}.profile-card>div:first-child{align-items:center;display:flex;gap:10px}.avatar{align-items:center;border-radius:10px;color:#fff;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}[data-theme=light] .avatar{background:#1e293b;box-shadow:0 2px 6px #0f172a26}[data-theme=dark] .avatar{background:linear-gradient(135deg,#334155,#475569);box-shadow:0 2px 8px #0000004d}.profile-copy{flex:1 1;min-width:0}.profile-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .profile-name{color:#1e293b}[data-theme=dark] .profile-name{color:#e2e8f0}.profile-role{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .profile-role{color:#94a3b8}[data-theme=dark] .profile-role{color:#64748b}.profile-card .pill-button{justify-content:center;width:100%}.sidebar-backdrop{display:none}@media (max-width:1100px){.neo-sidebar{inset:0 auto 0 0;max-width:86%;position:fixed;transform:translateX(-104%);transition:transform .28s ease;width:280px;z-index:1000}.neo-sidebar.open{transform:translateX(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s ease;z-index:999}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.sidebar-top{flex-wrap:wrap}.top-actions{justify-content:space-between;margin-top:6px;width:100%}.pill-button{flex:1 1;min-width:0}}@media (max-width:768px){.neo-sidebar{padding:16px 10px 14px;width:260px}.brand-logo{height:32px}.menu-link{padding:8px 12px}.menu-icon-w{height:30px;width:30px}.menu-icon-w .bi{font-size:14px}.menu-label{font-size:12.5px}.profile-card{padding:10px}}@media (max-width:480px){.neo-sidebar{max-width:300px;padding:14px 8px 12px;width:90%}.brand-logo{height:28px}.pill-button{font-size:11px;padding:5px 10px}.section-title{font-size:9px}.menu-link{gap:10px;padding:7px 10px}.menu-icon-w{height:28px;width:28px}.menu-icon-w .bi{font-size:13px}.menu-label{font-size:11.5px}.avatar{height:32px;width:32px}.profile-name{font-size:12px}}.modern-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,var(--surface-1) 0,var(--surface-2) 100%);border-bottom:1px solid var(--border-subtle);box-shadow:0 6px 20px #0f172a14;left:280px;left:var(--sidebar-width,280px);position:fixed;right:0;top:0;z-index:100}@media (max-width:1100px){.modern-header{display:none}}.header-container{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 36px}.header-left{flex:1 1;min-width:0}.page-indicator{gap:14px}.page-icon,.page-indicator{align-items:center;display:flex}.page-icon{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:12px;box-shadow:0 8px 20px #0ea5e94d;color:#041018;flex-shrink:0;height:44px;justify-content:center;width:44px}.page-info{min-width:0}.breadcrumbs{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px;margin-bottom:4px}.breadcrumb-link{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:var(--accent)}.breadcrumb-separator{margin:0 2px;opacity:.4}.breadcrumb-current{color:var(--text-primary);font-weight:600}.page-title{color:var(--text-strong);font-size:22px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{align-items:center;display:flex;flex-shrink:0;gap:20px}.header-info{display:flex;gap:12px}.info-item{align-items:flex-end;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:10px;display:flex;flex-direction:column;gap:2px;min-width:120px;padding:8px 16px}.info-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.info-value{color:var(--text-strong);font-size:13px;font-weight:600;white-space:nowrap}.header-stats{border-right:1px solid var(--border-subtle);display:flex;gap:20px;padding-right:20px}.stat-item{gap:10px}.stat-icon,.stat-item{align-items:center;display:flex}.stat-icon{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:10px;color:var(--accent);flex-shrink:0;height:36px;justify-content:center;width:36px}.stat-icon.status-active{background:#22c55e14;border-color:#22c55e33;color:var(--success)}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:11px}.stat-value{font-size:14px;font-weight:700}.header-actions{display:flex;gap:8px}.header-btn{align-items:center;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:40px}.header-btn:hover{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 8px 16px #0ea5e926;color:var(--accent);transform:translateY(-2px)}.notification-badge{align-items:center;background:linear-gradient(135deg,#f43f5e,#fb7185);border:2px solid var(--surface-1);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}@media (max-width:768px){.header-container{padding:12px 20px}.page-icon{height:36px;width:36px}.page-title{font-size:18px}.header-actions{gap:6px}.header-btn{height:36px;width:36px}}.mobile-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);box-shadow:0 6px 20px #0f172a1a;display:none;height:64px;left:0;position:fixed;right:0;top:0;z-index:900}.mobile-header,[data-theme=dark] .mobile-header{background:linear-gradient(180deg,var(--surface-1) 0,var(--surface-2) 100%)}.mobile-header-content{align-items:center;display:flex;gap:16px;height:100%;justify-content:space-between;max-width:100%;padding:0 16px}.mobile-menu-btn{align-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;border-radius:12px;box-shadow:0 4px 16px #0ea5e94d;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:5px;height:44px;justify-content:center;padding:0;transition:all .2s ease;width:44px}.mobile-menu-btn:hover{box-shadow:0 6px 20px #0ea5e966;transform:scale(1.05)}.mobile-menu-btn:active{transform:scale(.95)}.mobile-menu-btn span{background:#041018;border-radius:999px;display:block;height:2.5px;transition:all .2s ease;width:20px}[data-theme=dark] .mobile-menu-btn span{background:#fff}.mobile-menu-btn.open span:first-child{transform:translateY(7.5px) rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.mobile-brand{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.mobile-logo{display:block;flex-shrink:0;height:36px;object-fit:contain;width:auto}.mobile-page-title{color:var(--text-strong);font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-status{align-items:center;display:flex;flex-shrink:0;gap:8px}.mobile-time{font-feature-settings:"tnum";color:var(--text-primary);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.status-dot{animation:pulse-dot 2s infinite;background:var(--success);border-radius:50%;box-shadow:0 0 0 3px #22c55e33;height:8px;width:8px}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 #22c55eb3}50%{box-shadow:0 0 0 6px #22c55e00}}@media (max-width:1100px){.mobile-header{display:block}}@media (max-width:480px){.mobile-header{height:60px}.mobile-header-content{gap:12px;padding:0 12px}.mobile-menu-btn{height:40px;width:40px}.mobile-logo{height:32px}.mobile-page-title{font-size:15px}.mobile-time{font-size:12px}}.modern-footer{background:linear-gradient(180deg,var(--surface-1) 0,var(--surface-2) 100%);border-top:1px solid var(--border-subtle);bottom:0;box-shadow:0 -6px 20px #0f172a14;left:280px;left:var(--sidebar-width,280px);position:fixed;right:0;z-index:100}@media (max-width:1100px){.modern-footer{display:none}}.footer-container{margin:0 auto;max-width:1400px;padding:20px 36px}@media (max-width:1100px){.footer-container{padding:18px 28px}}@media (max-width:768px){.footer-container{padding:16px 20px}}.footer-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer-copyright{color:var(--text-muted);font-size:12px;margin:0}.tech-badges{display:flex;flex-wrap:wrap;gap:8px}.tech-badge{align-items:center;background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.tech-badge svg{opacity:.7}@media (max-width:768px){.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}.tech-badges{justify-content:flex-start;width:100%}.footer-copyright{font-size:11px}}@media (max-width:480px){.tech-badge{font-size:10px;padding:5px 10px}.tech-badge svg{height:10px;width:10px}}[data-theme=dark] .modern-footer{background:linear-gradient(180deg,var(--surface-1) 0,var(--surface-2) 100%)}:root{--brand-font:"Poppins","Segoe UI",system-ui,-apple-system,sans-serif;--sidebar-width:250px;--accent:#1e40af;--accent-2:#3b82f6;--accent-strong:#1e3a8a;--accent-soft:#1e40af26;--success:#22c55e;--warning:#f59e0b;--danger:#f43f5e;--info:#1e40af;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--shadow-soft:0 2px 8px #0f172a0f;--shadow-strong:0 4px 16px #0f172a14;--table-head-bg:#0f172a0a;--table-row-hover:#1e40af0f;--bg-base:#f4f6fa;--page-gradient:#f4f6fa;--surface-1:#fff;--surface-2:#f8f9fc;--surface-3:#f0f2f8;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#475569;--text-strong:#0b1220;--border-subtle:#0f172a14;--border-strong:#1e40af3d;--card-bg:var(--surface-1);--card-soft:var(--surface-2)}[data-theme=light]{--bg-base:#f4f6fa;--page-gradient:#f4f6fa;--surface-1:#fff;--surface-2:#f8f9fc;--surface-3:#f0f2f8;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#475569;--text-strong:#0b1220;--border-subtle:#0f172a14;--border-strong:#0ea5e93d;--card-bg:var(--surface-1);--card-soft:var(--surface-2)}[data-theme=dark]{--bg-base:#050913;--page-gradient:radial-gradient(circle at 10% 20%,#0ea5e91a,#0000 25%),radial-gradient(circle at 90% 10%,#1e40af1f,#0000 25%),#0c1324;--surface-1:#0f172a;--surface-2:#111a2f;--surface-3:#142034;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#94a3b8;--text-strong:#f8fafc;--border-subtle:#94a3b833;--border-strong:#0ea5e973;--table-head-bg:#ffffff08;--table-row-hover:#0ea5e914;--shadow-soft:0 20px 60px #00000073;--shadow-strong:0 32px 82px #0009;--card-bg:var(--surface-1);--card-soft:var(--surface-2)}*,:after,:before{box-sizing:border-box}body{background:#f4f6fa;background:var(--bg-base);color:#0f172a;color:var(--text-primary);font-family:Poppins,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--brand-font);margin:0}.admin-shell{background:#f4f6fa;background:var(--bg-base);position:relative}.admin-main,.admin-shell{display:flex;min-height:100vh}.admin-main{background:#f4f6fa;background:var(--page-gradient);flex:1 1;flex-direction:column;margin-left:250px;margin-left:var(--sidebar-width,280px);min-width:0;overflow-x:hidden}@media (max-width:1100px){.admin-main{margin-left:0}}.admin-content{grid-gap:24px;box-sizing:border-box;display:grid;flex:1 1;gap:24px;margin:0 auto;max-width:1400px;min-width:0;overflow-x:hidden;overflow-y:auto;padding:110px 36px 80px;width:100%}@media (max-width:1100px){.admin-content{padding:90px 28px 40px}}@media (max-width:768px){.admin-content{padding:90px 18px 36px}}@media (max-width:480px){.admin-content{padding:84px 12px 28px}}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.eyebrow{color:#475569;color:var(--text-muted);font-size:11px;letter-spacing:.16em;margin:0 0 4px;text-transform:uppercase}h1,h2,h3,h4{color:#0b1220;color:var(--text-strong);margin:0}.page-lead{color:#475569;color:var(--text-muted);margin:6px 0 0;max-width:780px}.surface-card{background:linear-gradient(145deg,#fff,#f8f9fc);background:linear-gradient(145deg,var(--card-bg),var(--card-soft));border:1px solid #0f172a14;border:1px solid var(--border-subtle);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0f172a14,inset 0 1px 0 #ffffff05;box-shadow:var(--shadow-strong),inset 0 1px 0 #ffffff05;padding:22px}.card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.muted{color:#475569;color:var(--text-muted)}.pill{align-items:center;background:#0f172a0a;background:var(--table-head-bg);border:1px solid #0f172a14;border:1px solid var(--border-subtle);border-radius:999px;color:#0f172a;color:var(--text-primary);display:inline-flex;font-size:12px;gap:8px;padding:6px 12px}.pill.success{background:#22c55e1f;border-color:#22c55e59;color:#befae0}.badge{align-items:center;background:#0f172a0a;background:var(--table-head-bg);border:1px solid #0f172a14;border:1px solid var(--border-subtle);border-radius:999px;color:#0f172a;color:var(--text-primary);display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.badge.success{background:#22c55e26;border-color:#22c55e59;color:#bbf7d0}.badge.muted{background:#94a3b81a}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.form-row{display:flex;flex-wrap:wrap;gap:12px}input,select,textarea{background:#fff;background:var(--surface-1);border:1px solid #0f172a14;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text-primary);font-size:14px;outline:none;padding:12px;transition:border .18s ease,box-shadow .18s ease,background .18s ease;width:100%}input:focus,select:focus,textarea:focus{background:#f8f9fc;background:var(--surface-2);border-color:#3b82f6;border-color:var(--accent-2);box-shadow:0 0 0 3px #22d3ee2e}button{background:linear-gradient(135deg,#1e40af,#3b82f6);background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;border-radius:14px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0f172a0f;box-shadow:var(--shadow-soft);color:#041018;cursor:pointer;font-size:14px;font-weight:700;padding:10px 14px;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,filter .16s ease}button:hover{box-shadow:0 4px 16px #0f172a14;box-shadow:var(--shadow-strong);transform:translateY(-1px)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}button.ghost{background:#ffffff0f;border:1px solid #0f172a14;border:1px solid var(--border-subtle);box-shadow:none;color:#0f172a;color:var(--text-primary)}button.danger{background:linear-gradient(135deg,#f43f5e,#f97316);color:#0f172a}[data-theme=light] button{box-shadow:0 2px 8px #0f172a0f;box-shadow:var(--shadow-soft)}[data-theme=light] button:hover{box-shadow:0 4px 16px #0f172a14;box-shadow:var(--shadow-strong)}.table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #0f172a14;border:1px solid var(--border-subtle);border-radius:14px;border-radius:var(--radius-md);margin-top:16px;overflow-x:auto;overflow-y:visible;width:100%}table{background:#fff;background:var(--surface-1);border-collapse:collapse;min-width:640px;width:100%}td,th{border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border-subtle);padding:12px 14px;text-align:left}th{background:#0f172a0a;background:var(--table-head-bg);color:#475569;color:var(--text-muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}tbody tr:hover{background:#1e40af0f;background:var(--table-row-hover)}.table-actions{display:flex;flex-wrap:wrap;gap:8px}.muted-text{color:#475569;color:var(--text-muted)}.stack{grid-gap:12px;display:grid;gap:12px}@media (max-width:1200px) and (min-width:1101px){.admin-content{max-width:100%;padding:110px 28px 80px}table{min-width:520px}}@media (max-width:768px){.admin-content{gap:20px;padding:90px 18px 36px}.surface-card{padding:18px}.page-header{align-items:flex-start;flex-direction:column}h1{font-size:24px}h2{font-size:20px}button{width:100%}.table-actions{flex-direction:column;width:100%}.table-actions button{width:100%}}@media (max-width:480px){.admin-content{gap:16px;padding:84px 12px 28px}.surface-card{border-radius:12px;padding:16px}h1{font-size:20px}h2{font-size:18px}}@media (max-width:920px){.admin-shell{flex-direction:row}.admin-main{margin-left:0;width:100%}.menu-button{align-items:center;display:inline-flex;justify-content:center}.admin-sidebar{bottom:0;box-shadow:8px 0 24px #0f172a40;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:260px;z-index:100}.admin-sidebar.open{transform:translateX(0)}.sidebar-overlay{background:#0f172a73;display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:8}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.admin-header{padding:0 16px}.header-title{font-size:18px}.header-user{flex-wrap:wrap;gap:8px;justify-content:flex-end;text-align:right}}@media (max-width:1024px){.form-row{flex-direction:column}.form-row>*{width:100%}}@media (hover:none){.menu-link,button,input,select,textarea{min-height:44px}}@media screen and (max-width:768px){input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{font-size:16px}table button{font-size:12px;min-width:80px;padding:6px 10px}table td,table th{font-size:13px;padding:10px 8px}}@media screen and (max-width:480px){table button{font-size:11px;min-width:70px;padding:5px 8px}table td,table th{font-size:12px;padding:8px 6px}}.scroll-container,.table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.scroll-container::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar{height:8px}.scroll-container::-webkit-scrollbar-thumb,.table-wrapper::-webkit-scrollbar-thumb{background:#0f172a14;background:var(--border-subtle);border-radius:4px}.scroll-container::-webkit-scrollbar-track,.table-wrapper::-webkit-scrollbar-track{background:#0000}@media (max-width:768px){.vehicle-config-page{padding:16px 12px!important}.vehicle-config-page h1{font-size:20px!important}.vehicle-config-page>div:nth-child(2){gap:6px!important;padding-bottom:2px}.vehicle-config-page button{font-size:12px!important;padding:10px 12px!important}}@media (max-width:480px){.vehicle-config-page{padding:12px 8px!important}.vehicle-config-page h1{font-size:18px!important}}.page-hero{align-items:center;background:radial-gradient(circle at 20% 20%,#2563eb14,#0000 40%),radial-gradient(circle at 80% 10%,#3b82f614,#0000 42%),#fff;background:radial-gradient(circle at 20% 20%,#2563eb14,#0000 40%),radial-gradient(circle at 80% 10%,#3b82f614,#0000 42%),var(--card-bg);border:1px solid #0f172a14;border:1px solid var(--border-subtle);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0f172a0f;box-shadow:var(--shadow-soft);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;overflow:hidden;padding:28px;position:relative}.page-hero:before{background:radial-gradient(circle,#3b82f614 0,#0000 60%);height:500px;right:-10%;top:-50%;width:500px}.page-hero:after,.page-hero:before{content:"";pointer-events:none;position:absolute}.page-hero:after{background:radial-gradient(circle,#0ea5e90f 0,#0000 60%);bottom:-30%;height:300px;left:-10%;width:300px}.hero-content{flex:1 1;gap:18px;min-width:0;z-index:1}.hero-content,.hero-icon{align-items:center;display:flex}.hero-icon{background:linear-gradient(135deg,#1e40af,#3b82f6);background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:16px;box-shadow:0 12px 32px #0ea5e959;color:#041018;flex-shrink:0;height:64px;justify-content:center;width:64px}.hero-text{flex:1 1;min-width:0}.hero-stats{display:flex;flex-shrink:0;gap:16px;z-index:1}.stat-card{align-items:center;background:#fff;background:var(--surface-1);border:1px solid #0f172a14;border:1px solid var(--border-subtle);border-radius:14px;box-shadow:0 4px 16px #0f172a14;display:flex;gap:14px;min-width:140px;padding:16px 20px;transition:all .2s ease}.stat-card:hover{box-shadow:0 8px 24px #0f172a1f;transform:translateY(-2px)}.stat-icon-wrapper{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.stat-icon-wrapper.success{background:#16a34a1f;color:#22c55e}.stat-icon-wrapper.warning{background:#eab30824;color:#eab308}.stat-icon-wrapper.info{background:#3b82f626;color:#3b82f6}.stat-value{color:#0b1220;color:var(--text-strong);font-size:24px;font-weight:800;line-height:1}.stat-label{color:#475569;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.05em;margin-top:4px;text-transform:uppercase}@media (max-width:1100px){.page-hero{align-items:flex-start;flex-direction:column;padding:24px 20px}.hero-stats{justify-content:space-between;width:100%}.stat-card{flex:1 1;min-width:0;padding:14px 16px}.stat-icon-wrapper{height:38px;width:38px}.stat-value{font-size:22px}}@media (max-width:768px){.page-hero{padding:20px 16px}.hero-icon{height:52px;width:52px}.hero-icon svg{height:24px;width:24px}.hero-stats{flex-direction:column;gap:10px;width:100%}.stat-card{padding:14px 18px;width:100%}.stat-icon-wrapper{height:38px;width:38px}.stat-icon-wrapper svg{height:15px;width:15px}.stat-value{font-size:20px}.stat-label{font-size:11px}}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--surface-2)!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{background:var(--surface-1)!important;border-color:var(--accent-2)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-secondary)!important}[data-theme=dark] table{background:var(--surface-1)!important}[data-theme=dark] th{background:var(--table-head-bg)!important;color:var(--text-secondary)!important}[data-theme=dark] td{border-bottom-color:var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=dark] tbody tr:hover{background:var(--table-row-hover)!important}[data-theme=dark] .btn-secondary,[data-theme=dark] button.ghost{background:var(--surface-2)!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=dark] .swal-alas-popup,[data-theme=dark] .swal2-popup{background:var(--surface-1)!important;color:var(--text-primary)!important}[data-theme=dark] .swal-alas-title,[data-theme=dark] .swal2-title{color:var(--text-strong)!important}[data-theme=dark] .swal-alas-html,[data-theme=dark] .swal2-html-container{color:var(--text-secondary)!important}[data-theme=dark] .swal2-html-container input,[data-theme=dark] .swal2-html-container select,[data-theme=dark] .swal2-html-container textarea{background:var(--surface-2)!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=dark] .swal2-html-container div,[data-theme=dark] .swal2-html-container label,[data-theme=dark] .swal2-html-container p,[data-theme=dark] .swal2-html-container span{color:inherit!important}[data-theme=dark] .swal2-html-container div[style*=background]{background:var(--surface-2)!important}[data-theme=dark] .card-section,[data-theme=dark] .panel-section{background:var(--surface-1)!important;border-color:var(--border-subtle)!important}[data-theme=dark] .card-header h4,[data-theme=dark] .panel-header h4{color:var(--text-strong)!important}[data-theme=dark] .topology-editor,[data-theme=dark] .topology-editor>div{background:var(--surface-1)!important;color:var(--text-primary)!important}[data-theme=dark] label{color:var(--text-primary)!important}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#94a3b84d}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--surface-1)}[data-theme=dark] .stations-page input[style],[data-theme=dark] .stations-page select[style]{background:var(--surface-2)!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=dark] .stations-page div[style*="background: white"],[data-theme=dark] .stations-page div[style*='background:"#fff"'],[data-theme=dark] .surface-card div[style*="background: rgb(255"],[data-theme=dark] .surface-card div[style*="background: white"],[data-theme=dark] .surface-card div[style*='background: "#fff"']{background:var(--surface-2)!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-strong)!important}[data-theme=dark] .surface-card thead th{background:var(--table-head-bg)!important}[data-theme=dark] div[style*="#f8fafc"],[data-theme=dark] div[style*="#f9fafb"]{background:var(--surface-2)!important}[data-theme=dark] .map-picker-wrap{background:var(--surface-1)!important}[data-theme=dark] .topo-cell,[data-theme=dark] .topo-seat{background:var(--surface-2)!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=dark] a{color:var(--accent-2)}[data-theme=dark] .stations-page span[style*='color: "#475569"'],[data-theme=dark] .stations-page span[style*='color: "#64748b"'],[data-theme=dark] .stations-page span[style*='color: "#6b7280"']{color:var(--text-secondary)!important}