/* API-backed production shell. These rules intentionally sit after the legacy visual layer. */
:root{--accent:#1261e6;--accent-2:#063b9a;--bg:#f5f7fb;--text:#000;--muted:#141414;--line:#e0e5ec;--line-strong:#cfd6df;--sidebar-w:224px}
html,body{background:#f5f7fb!important;color:#000!important;font-size:13px;min-height:100%}
body{background:linear-gradient(180deg,#fbfcff 0,#f5f7fb 270px)!important}
button,input,select,textarea{font-size:12px} input,select,textarea{color:#000}
.loading-screen{min-height:100vh;display:grid;place-items:center}.spinner{width:34px;height:34px;border:3px solid #dbe3ef;border-top-color:#1261e6;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);background:#fff}.login-visual{position:relative;overflow:hidden;background:linear-gradient(135deg,#05112b,#0a2a68 62%,#1261e6);padding:64px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.login-visual:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-240px;top:-220px;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.025)}.login-brand{display:flex;gap:12px;align-items:center;position:relative;z-index:1}.login-brand-mark{width:44px;height:44px;border-radius:13px;background:#fff;color:#1261e6;display:grid;place-items:center;font-weight:900;font-size:18px}.login-visual h1{font-size:46px;line-height:1.05;letter-spacing:-.05em;max-width:670px;margin:0;position:relative;z-index:1}.login-visual p{font-size:14px;line-height:1.7;max-width:620px;color:#d9e5fb;position:relative;z-index:1}.login-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;position:relative;z-index:1}.login-flow span{padding:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:12px;font-size:11px}.login-panel{display:grid;place-items:center;padding:40px;background:#fff}.login-card{width:min(440px,100%)}.login-card h2{font-size:30px;letter-spacing:-.04em;margin:0}.login-card>p{color:#141414;line-height:1.6}.login-form{display:grid;gap:12px;margin-top:24px}.field{display:grid;gap:6px}.field label{font-size:11px;font-weight:750;color:#111}.field input,.field select,.field textarea{width:100%;min-height:42px;padding:10px 11px;border:1px solid #d9e0e9;border-radius:10px;background:#fff;outline:none}.field textarea{min-height:88px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1261e6;box-shadow:0 0 0 3px rgba(18,97,230,.08)}.login-submit{min-height:44px;border:0;border-radius:11px;background:linear-gradient(135deg,#1261e6,#063b9a);color:#fff;font-weight:800}.demo-box{margin-top:18px;padding:13px;border:1px solid #e2e7ee;border-radius:12px;background:#f8fafc}.demo-box strong,.demo-box span{display:block;font-size:11px}.demo-box span{margin-top:5px;color:#141414}.demo-roles{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.demo-roles button{border:1px solid #dce3ec;background:#fff;border-radius:8px;padding:6px 8px;font-size:11px;color:#000}
.app-shell{min-height:100vh}.sidebar{background:#07152d!important;color:#fff!important;border-right:0!important;width:var(--sidebar-w)!important;padding:16px 12px!important}.brand-row{padding:4px 6px 14px!important}.brand-mark{background:linear-gradient(135deg,#1261e6,#4d8cff)!important;color:#fff}.brand-name{color:#fff!important}.brand-sub{color:#9fb4d8!important}.org-lock{margin:0 3px 15px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.05)}.org-lock strong,.org-lock span{display:block}.org-lock strong{font-size:11px;color:#fff}.org-lock span{font-size:10px;color:#9fb4d8;margin-top:3px}.sidebar-label{color:#7189b1!important}.nav-btn{color:#a9b9d3!important}.nav-btn:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}.nav-btn.active{background:linear-gradient(90deg,rgba(18,97,230,.32),rgba(255,255,255,.06))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(96,158,255,.26)!important}.nav-btn.active:before{background:#5e9cff!important}.sidebar-footer{border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.profile-mini strong{color:#fff}.profile-mini span{color:#94a8ca!important}.sidebar-collapse{width:100%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#d8e4f8;border-radius:9px;padding:8px 10px;text-align:left;font-size:11px;margin-bottom:8px}.sidebar.collapsed{width:72px!important}.sidebar.collapsed .brand-copy,.sidebar.collapsed .org-lock,.sidebar.collapsed .sidebar-label,.sidebar.collapsed .nav-name,.sidebar.collapsed .nav-count,.sidebar.collapsed .profile-copy,.sidebar.collapsed .sidebar-collapse span{display:none}.sidebar.collapsed .nav-btn{justify-content:center}.sidebar.collapsed~.main{margin-left:72px!important}.main{margin-left:var(--sidebar-w)!important}.topbar{background:rgba(255,255,255,.93)!important;border-bottom:1px solid #e4e9ef!important;height:72px!important;padding:0 24px!important}.topbar h1,.eyebrow{color:#000!important}.eyebrow{font-size:10px!important}.global-search{background:#f6f8fb!important;border-color:#e1e6ed!important}.global-search input{color:#000!important}.content{max-width:1660px!important;padding:22px 24px 44px!important}.panel,.kpi-card,.vehicle-card,.finance-card{background:#fff!important;border-color:#e1e6ed!important;box-shadow:0 4px 18px rgba(15,34,68,.035)}.panel-head{border-color:#e7ebf0!important}.panel-head h3,.panel-head p,.kpi-label,.kpi-value,.kpi-foot,.row-title,.row-sub,.data-table td,.data-table th{color:#000!important}.panel-head p,.row-sub,.kpi-foot,.muted{color:#141414!important}.data-table th{background:#f8fafc!important;color:#111!important}.data-table td{border-color:#e8ecf1!important}.data-table tbody tr:hover{background:#f8fbff!important}.record-icon{background:#eef5ff!important;color:#1261e6!important}.table-link{color:#083d94!important}.primary-btn{background:linear-gradient(135deg,#1261e6,#073e9c)!important;color:#fff!important}.secondary-btn{background:#0d1b32!important;color:#fff!important;border-color:#0d1b32!important}.ghost-btn{background:#fff!important;color:#000!important;border-color:#d8e0e9!important}.danger-btn{background:#8d2030!important;color:#fff!important}.filter-input,.filter-select{background:#fff!important;border-color:#dce3ea!important;color:#000!important}.page-head h2,.page-head p{color:#000!important}.page-head p{color:#141414!important}.kpi-value{font-size:28px!important}.page-title-row{display:flex;align-items:center;gap:10px}.result-meta{font-size:11px;color:#141414;margin-left:auto}.clickable{cursor:pointer}.clickable:hover{background:#f6f9ff!important}.empty-state{padding:34px 18px;text-align:center;border:1px dashed #d6dee8;border-radius:12px;background:#fbfcfe}.empty-state strong,.empty-state span{display:block}.empty-state strong{font-size:13px}.empty-state span{font-size:11px;color:#141414;margin-top:6px}.status{font-size:10px!important}.status:before{display:none!important}.status.success{color:#0a694a!important;background:#eaf8f2!important;border-color:#c5eadc!important}.status.warning{color:#7b4c03!important;background:#fff7e8!important;border-color:#f3ddb5!important}.status.danger{color:#8b2430!important;background:#fff0f2!important;border-color:#f0cdd2!important}.status.info,.status.accent{color:#08469c!important;background:#edf5ff!important;border-color:#cfe2fb!important}.status.neutral{color:#222!important;background:#f3f5f7!important;border-color:#dde2e7!important}
.command-hero{display:grid;grid-template-columns:1.5fr .7fr;gap:12px;margin-bottom:14px}.command-main{padding:22px;border-radius:18px;background:linear-gradient(135deg,#071b42,#0b47a5 60%,#1261e6);color:#fff;overflow:hidden;position:relative}.command-main:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-60px;top:-100px;box-shadow:0 0 0 42px rgba(255,255,255,.035)}.command-main h2{font-size:27px;letter-spacing:-.04em;margin:3px 0 8px;color:#fff}.command-main p{font-size:12px;line-height:1.6;max-width:680px;color:#d9e7ff}.command-side{padding:16px;border:1px solid #e1e6ed;border-radius:18px;background:#fff}.command-side .metric{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #e8ecf1}.command-side .metric:last-child{border:0}.metric span,.metric strong{font-size:11px}.metric strong{font-size:15px}.workflow-line{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-bottom:14px}.workflow-node{padding:10px;border:1px solid #e1e6ed;border-radius:10px;background:#fff;min-height:70px}.workflow-node b,.workflow-node span{display:block;font-size:10px}.workflow-node b{color:#1261e6;margin-bottom:5px}.workflow-node span{color:#111}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.record-card{padding:14px;border:1px solid #e1e6ed;border-radius:13px;background:#fff}.record-card h3{margin:0;font-size:13px}.record-card p{font-size:11px;line-height:1.5;color:#141414}.record-card-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#141414;margin-top:12px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:14px}.detail-stack{display:grid;gap:12px}.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.info-box{padding:11px;border:1px solid #e2e7ed;border-radius:10px;background:#fbfcfe}.info-box span,.info-box strong{display:block;font-size:10px}.info-box span{color:#141414}.info-box strong{font-size:12px;margin-top:4px}.action-row{display:flex;gap:7px;flex-wrap:wrap}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.section-head h3{margin:0;font-size:13px}.section-head p{margin:4px 0 0;font-size:11px;color:#141414}.line-list{display:grid;gap:7px}.line-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px;border:1px solid #e4e8ee;border-radius:9px;background:#fff}.line-item strong,.line-item span{font-size:11px}.line-item span{color:#141414}.split-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid-runtime{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid-runtime .full{grid-column:1/-1}.modal-wrap{background:rgba(5,15,35,.52)!important}.modal-card{background:#fff!important;border-color:#d9e0e8!important;color:#000!important}.modal-head{border-color:#e3e8ef!important;background:#fff}.modal-head h2{color:#000!important}.modal-body{background:#fff!important}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #e3e8ef;background:#f8fafc}.close-x{border:1px solid #dce3ea;background:#fff;width:34px;height:34px;border-radius:9px}.toast-stack{position:fixed;right:16px;bottom:16px;z-index:300;display:grid;gap:8px}.runtime-toast{min-width:280px;max-width:420px;padding:12px 14px;border-radius:11px;background:#0d1b32;color:#fff;box-shadow:0 15px 40px rgba(0,0,0,.22);font-size:11px}.runtime-toast.error{background:#8d2030}.runtime-toast.success{background:#0a694a}.profile-button{display:flex;align-items:center;gap:8px;border:1px solid #e0e5eb;background:#fff;border-radius:11px;padding:5px 8px}.profile-button .avatar{width:31px;height:31px;border-radius:9px;background:#1261e6;color:#fff}.profile-button strong,.profile-button span{display:block;font-size:10px;color:#000;text-align:left}.profile-button span{color:#141414;margin-top:2px}.notifications-pop{position:absolute;top:62px;right:22px;width:min(380px,calc(100vw - 24px));max-height:420px;overflow:auto;border:1px solid #dce2e9;border-radius:13px;background:#fff;box-shadow:0 20px 50px rgba(8,25,55,.18);z-index:100;padding:8px}.note-item{padding:10px;border-bottom:1px solid #edf0f4}.note-item:last-child{border:0}.note-item strong,.note-item span{display:block;font-size:11px}.note-item span{margin-top:4px;color:#141414}.security-banner{padding:10px 12px;border:1px solid #d9e4f1;background:#f5f9ff;border-radius:10px;font-size:11px;color:#0d315f;margin-bottom:12px}.error-panel{padding:16px;border:1px solid #efc9cf;background:#fff6f7;border-radius:11px;color:#7d1e2c}.loading-inline{padding:26px;text-align:center;color:#141414;font-size:11px}.mobile-menu{display:none!important}
@media(max-width:1100px){.cards-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:repeat(2,1fr)}.command-hero,.detail-layout{grid-template-columns:1fr}.workflow-line{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-105%);transition:.2s}.sidebar.mobile-open{transform:none}.main,.sidebar.collapsed~.main{margin-left:0!important}.mobile-menu{display:grid!important}.topbar{padding:0 12px!important}.global-search{display:none!important}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.cards-grid{grid-template-columns:1fr}.split-2{grid-template-columns:1fr}}
@media(max-width:620px){.content{padding:14px 11px 28px!important}.topbar h1{font-size:16px!important}.profile-button strong,.profile-button span{display:none}.form-grid-runtime{grid-template-columns:1fr}.form-grid-runtime .full{grid-column:1}.info-grid{grid-template-columns:1fr 1fr}.workflow-line{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start!important}.line-item{grid-template-columns:1fr}.login-panel{padding:24px}.modal-card{width:100%!important;max-height:95vh!important}.modal-wrap{padding:8px!important}}