:root{--navy-900:#0e1f3d;--navy-800:#152b52;--navy-700:#1c3868;--azure-505:#2e6be0;--azure-500:#2e6be0;--azure-400:#4c86f0;--azure-100:#e1eafb;--sun-400:#ffc93c;--sun-500:#efa912;--free-500:#2e6be0;--free-100:#e1eafb;--progress-500:#d9821e;--progress-100:#fbead2;--attention-500:#e23f30;--attention-100:#fbdeda;--sidebar-w:268px;--sidebar-w-collapsed:84px;--bg-main:#f5f7fa;--bg-card:#fff;--color-text:#101b2c;--color-muted-text:#5b6b80;--line-color:#e3e9f1;--receipt-bg:#fffdf7}.dark{--bg-main:#070e1b;--bg-card:#0e1f3d;--color-text:#f5f7fa;--color-muted-text:#93a2b5;--line-color:#1e2d4a;--receipt-bg:#152b52}body{color:var(--color-text);font-family:Inter,sans-serif;transition:background-color .15s,color .15s;background:var(--bg-main)!important}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;height:100dvh;transition:grid-template-columns .25s;display:grid;overflow:hidden}.sidebar{background:var(--bg-card);border-right:1px solid var(--line-color);height:100%;transition:background-color .15s,border-color .15s;position:relative;overflow:hidden}.sidebar-inner{scrollbar-width:thin;scrollbar-color:var(--line-color) transparent;flex-direction:column;height:100%;padding:1.5rem 1rem;display:flex;overflow:hidden auto}.brand-row{transition:all .2s}.brand-text{color:var(--color-text)}.section-label{color:var(--color-muted-text);opacity:.8}.navlink{color:var(--color-muted-text);transition:all .15s;position:relative}.navlink:hover{color:var(--color-text);background:#2e6be012}.navlink.active{color:#fff;background:var(--azure-500)}.navlink.active .icon-chip{background:#fff3}.flyout-link{color:var(--color-muted-text);transition:all .15s;position:relative}.flyout-link:hover{color:var(--color-text);background:#2e6be012}.flyout-link.active{color:#fff;background:var(--azure-500)}.flyout-link.active .icon-chip{background:#fff3}.icon-chip{background:#101b2c0b;transition:all .15s}.nav-badge{background:var(--azure-100);color:var(--azure-500)}.navlink.active .nav-badge,.flyout-link.active .nav-badge{color:#fff;background:#ffffff40}.flyout-badge{background:var(--azure-100);color:var(--azure-500)}.collapse-btn{color:var(--color-muted-text);background:#101b2c0b;transition:all .15s}.collapse-btn:hover{color:var(--azure-500);background:#2e6be01a}.mobile-close{color:var(--color-muted-text);background:#101b2c0b;transition:all .15s}.mobile-close:hover{color:var(--azure-500);background:#2e6be01a}.nav-group{position:relative}.chevron{transition:transform .2s}.chevron-open{transform:rotate(90deg)}.submenu-wrap{grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}.submenu-wrap.open{grid-template-rows:1fr}.submenu-inner{overflow:hidden}.flyout-submenu{grid-template-rows:1fr;display:grid}.subnav-link{color:var(--color-muted-text);transition:all .15s}.subnav-link:hover{color:var(--color-text);background:#2e6be012}.subnav-link.active{color:var(--azure-500);background:var(--azure-100);font-weight:600}@media (width>=768px){.app-shell.collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.app-shell.collapsed .sidebar{overflow:visible}.app-shell.collapsed .sidebar-inner{padding:1.5rem .5rem;overflow:visible}.app-shell.collapsed .brand-text,.app-shell.collapsed .nav-label,.app-shell.collapsed .nav-badge,.app-shell.collapsed .section-label,.app-shell.collapsed .collapse-label,.app-shell.collapsed .submenu-wrap{display:none!important}.app-shell.collapsed .navlink{justify-content:center;padding-left:0;padding-right:0}.app-shell.collapsed .nav-flyout{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s;display:block;transform:translate(8px)}.app-shell.collapsed .nav-group:hover>.nav-flyout,.app-shell.collapsed .nav-group:focus-within>.nav-flyout{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}}.nav-flyout{background:var(--bg-card);border:1px solid var(--line-color);z-index:50;border-radius:14px;min-width:236px;max-height:calc(100dvh - 24px);padding:8px;display:none;position:absolute;top:0;left:calc(100% + 10px);overflow-y:auto;box-shadow:0 14px 36px #070e1b29}.flyout-heading{text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted-text);padding:6px 10px 8px;font-size:11px;font-weight:700}@media (width<=767px){.app-shell,.app-shell.collapsed{grid-template-columns:1fr}.sidebar{width:min(var(--sidebar-w), 86vw);z-index:60;height:100dvh;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 #0000}.sidebar.drawer-open{transform:translate(0);box-shadow:16px 0 48px #070e1b47}.sidebar-inner{padding:1.25rem .875rem}.nav-flyout{display:none!important}}.sidebar-overlay{z-index:55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#070e1b80;position:fixed;inset:0}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter-from,.fade-leave-to{opacity:0}.topbar{background:var(--bg-card);border-bottom:1px solid var(--line-color);transition:background-color .15s,border-color .15s}.card{background:var(--bg-card);border:1px solid var(--line-color);border-radius:18px;transition:background-color .15s,border-color .15s}.receipt{background:var(--receipt-bg);border:1px solid var(--line-color);border-radius:18px;transition:background-color .15s,border-color .15s;position:relative}.receipt:after{content:"";background-image:radial-gradient(circle at 9px 0, transparent 9px, var(--receipt-bg) 9.5px);background-repeat:repeat-x;background-size:18px 18px;height:18px;position:absolute;bottom:-9px;left:0;right:0}.receipt-dashed{border-top:1.5px dashed var(--line-color)}.stamp{border:2.5px solid var(--azure-500);color:var(--azure-500);letter-spacing:.14em;border-radius:8px;font-family:Inter,sans-serif;font-weight:700;transform:rotate(-8deg)}.bay-tile{cursor:pointer;transition:border-color .15s}.bay-tile:hover{border-color:var(--azure-400)}.chip{border:1.5px solid var(--line-color);background:var(--bg-card);color:var(--color-text);cursor:pointer;transition:all .15s}.chip.selected{background:var(--navy-800)!important;color:#fff!important;border-color:var(--navy-800)!important}.chip:not(.selected):hover{border-color:var(--azure-400)}.btn-primary{background:var(--azure-500);color:#fff;transition:all .15s}.btn-primary:hover{background:var(--navy-800)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.screen{display:none}.screen.active{animation:.35s both rise;display:block}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.donut{border-radius:9999px}.bar{transition:height .5s}:focus-visible:not([data-slot]){outline:2px solid var(--azure-500);outline-offset:2px}:root{--navy-900:#0e1f3d;--navy-800:#152b52;--azure-500:#2e6be0;--azure-400:#4c86f0;--surface-50:#f5f7fa;--ink-900:#101b2c;--ink-600:#5b6b80;--ink-400:#93a2b5;--line:#e3e9f1}.auth-brand-panel{background:radial-gradient(120% 60% at 15% 0%, #2e6be014, transparent 60%), var(--bg-card);border:1px solid var(--line-color)}