:root{--bg:#f5f7fa;--panel:#fff;--text:#17202c;--muted:#778291;--line:#e7ebf0;--nav:#101827;--nav2:#172238;--accent:#2367d1;--accent2:#eaf2ff;--green:#17885b;--greenbg:#e9f8f1;--orange:#ae6911;--orangebg:#fff4df;--red:#bd3d3d;--redbg:#fff0f0;--shadow:0 12px 30px rgba(18,35,56,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:var(--nav);color:#d9e1ed;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 26px}.brand-mark{height:39px;width:39px;border-radius:11px;background:linear-gradient(145deg,#2a78ec,#1f57ad);display:grid;place-items:center;font-weight:800;color:#fff;font-size:21px}.brand strong{display:block;color:#fff;font-size:16px}.brand span,.user-card span{display:block;color:#7f8da3;font-size:11px;margin-top:2px}nav{display:flex;flex-direction:column;gap:4px}.nav-item{width:100%;border:0;background:transparent;color:#9caabe;text-align:left;border-radius:9px;padding:11px 12px;display:flex;align-items:center;gap:10px}.nav-item span{width:20px;text-align:center}.nav-item b,.nav-item i{font-style:normal;font-size:11px;margin-left:auto;background:#25314a;color:#b8c4d5;padding:2px 7px;border-radius:99px}.nav-item i{background:#a33f39;color:#fff}.nav-item:hover,.nav-item.active{background:var(--nav2);color:#fff}.nav-item.active{box-shadow:inset 3px 0 0 #4f8ff4}.sidebar-bottom{margin-top:auto}.user-card{margin:14px 6px 0;border-top:1px solid #263147;padding:16px 5px 0;display:flex;gap:9px;align-items:center}.user-card strong{font-size:12px;color:#fff}.avatar{height:34px;width:34px;border-radius:50%;background:#2b5d9d;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff}.logout{display:block;color:#76859b;font-size:11px;margin:9px 46px}main{min-width:0}.topbar{height:94px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:5}.topbar h1{font-size:21px;margin:0 0 4px}.topbar p{margin:0;color:var(--muted);font-size:12px}.primary,.btn,.link-btn{border:1px solid var(--line);border-radius:8px;padding:9px 13px}.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:650}.wide{width:100%}.subtle{background:#f5f9ff;border-color:#dfe9f9;color:#245fae}.link-btn{background:none;color:var(--accent);border:0;padding:0}#content{padding:26px 30px 60px;max-width:1600px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.kpi-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.kpi-icon{height:29px;width:29px;border-radius:8px;background:var(--accent2);color:var(--accent);display:grid;place-items:center}.kpi strong{display:block;font-size:27px;margin:9px 0 1px}.kpi small{color:var(--muted)}.grid-2{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px}.panel-head{padding:17px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h2{font-size:14px;margin:0}.panel-body{padding:10px 18px 16px}table{width:100%;border-collapse:collapse}th{text-align:left;color:#8a95a5;font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:11px 8px;border-bottom:1px solid var(--line)}td{font-size:12px;padding:12px 8px;border-bottom:1px solid #f0f2f5}tbody tr:hover{background:#fafbfd}.clickable{cursor:pointer}.car{display:flex;align-items:center;gap:9px}.car-thumb{width:44px;height:31px;border-radius:6px;background:linear-gradient(145deg,#dce3ec,#f0f3f7);display:grid;place-items:center;font-size:17px}.car strong{display:block;font-size:12px}.car small{color:var(--muted)}.badge{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:10px;font-weight:700}.sale{color:var(--green);background:var(--greenbg)}.prep{color:var(--orange);background:var(--orangebg)}.reserved{color:#6d51bd;background:#f0ebff}.transit{color:#3a6fa8;background:#eaf3fb}.sold{color:#52606f;background:#edf0f3}.claim{color:var(--red);background:var(--redbg)}.neutral{color:#596579;background:#eef1f5}.activity{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #f1f3f5}.dot{margin-top:5px;width:8px;height:8px;background:#5e8fdf;border-radius:50%;flex:0 0 auto}.activity p{font-size:12px;margin:0 0 3px}.activity span{font-size:10px;color:var(--muted)}.section-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:7px;font-size:11px;color:#59677a}.filter.active{background:#eef4fe;border-color:#c9dbf7;color:#235eae}.search{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 11px;width:245px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vehicle-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.15s}.vehicle-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.vehicle-img{height:138px;background:linear-gradient(145deg,#e0e6ee,#f7f8fa);display:grid;place-items:center;font-size:54px;position:relative}.vehicle-img .badge{position:absolute;left:11px;top:11px}.vehicle-card .body{padding:14px}.vehicle-card h3{font-size:14px;margin:0 0 4px}.vehicle-card p{font-size:11px;color:var(--muted);margin:0 0 12px}.vehicle-actions{display:flex;gap:7px;margin-top:12px}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px;overflow:auto}.lane{background:#eef1f5;border-radius:11px;padding:10px;min-height:470px}.lane-head{display:flex;justify-content:space-between;padding:5px 4px 12px}.lane-head strong{font-size:12px}.lane-head span{font-size:10px;color:#7f8b99}.lead-card{background:#fff;border:1px solid #e3e7ec;border-radius:9px;padding:11px;margin-bottom:8px}.lead-card strong{font-size:12px}.lead-card p{font-size:10px;color:#748091;margin:4px 0 10px}.lead-footer{display:flex;justify-content:space-between;font-size:9px;color:#8a95a1}.lead-source{padding:2px 6px;background:#eef4ff;color:#3a69a8;border-radius:99px}.inline-stage select{width:100%;margin-top:9px;padding:6px;border:1px solid var(--line);border-radius:6px;font-size:10px}.list-row{display:grid;grid-template-columns:1.2fr 1fr .8fr .8fr auto;gap:14px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line);font-size:12px}.list-row.header{color:#8792a0;font-size:10px;text-transform:uppercase;background:#fafbfc}.list-row.five{grid-template-columns:1.25fr 1.4fr .7fr .8fr .7fr}.muted{color:var(--muted);font-size:12px}.alert{padding:11px 13px;border-radius:8px;margin-bottom:14px;font-size:12px}.alert.success{background:#e9f8f1;color:#176a4a}.alert.error{background:#fff0f0;color:#a13636}.modal{display:none;position:fixed;z-index:30;inset:0;background:rgba(13,22,36,.55);padding:28px;align-items:center;justify-content:center}.modal.show{display:flex}.modal-card{width:min(620px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:22px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.24)}.modal-card h2{margin-top:2px}.modal-close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:25px;color:#7f8997}.modal-card label,.login-card label{display:block;font-size:11px;color:#596579;margin:11px 0}.modal-card input,.modal-card select,.modal-card textarea,.login-card input,.full-input{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.modal-card textarea{min-height:90px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.eyebrow{font-size:9px;color:var(--accent);font-weight:800}.vehicle-detail-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.vehicle-detail-head h2{margin:3px 0}.vehicle-detail-head p{margin:0;color:var(--muted);font-size:12px}.big-badge{font-size:11px;padding:7px 11px}.detail-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:16px}.vehicle-hero{height:250px;background:linear-gradient(145deg,#dce3ec,#f8f9fb);display:grid;place-items:center;font-size:76px;border-radius:12px 12px 0 0}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.detail-grid div{background:#fff;padding:14px}.detail-grid span{display:block;font-size:9px;color:#85909e}.detail-grid strong{font-size:12px}.mt{margin-top:16px}.mt-sm{margin-top:9px}.doc-row,.mini-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f0f2f5}.doc-row strong,.mini-row strong{display:block;font-size:12px}.doc-row span,.mini-row span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.empty-small{padding:15px 0;color:var(--muted);font-size:11px}.login-page{min-height:100vh;background:linear-gradient(145deg,#101827,#1e2d45);display:grid;place-items:center;padding:20px}.login-wrap{width:min(420px,96vw)}.login-brand{display:flex;align-items:center;gap:11px;color:#fff;margin:0 0 18px 4px}.login-brand span{display:block;color:#9aabc2;font-size:11px}.login-card{background:#fff;padding:25px;border-radius:14px;box-shadow:0 25px 60px rgba(0,0,0,.22)}.login-card h1{font-size:22px;margin:0 0 5px}.login-card p{font-size:12px;color:var(--muted);margin:0 0 17px}
@media(max-width:1050px){.app-shell{grid-template-columns:78px 1fr}.brand>div:last-child,.nav-item{font-size:0}.nav-item{justify-content:center}.nav-item span{font-size:16px}.nav-item b,.nav-item i,.user-card>div:last-child,.logout{display:none}.sidebar{padding-left:10px;padding-right:10px}.brand{justify-content:center;padding-left:0;padding-right:0}.user-card{justify-content:center}.kpi-grid{grid-template-columns:repeat(2,1fr)}.vehicle-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 15px;height:76px}.topbar p{display:none}#content{padding:16px 13px}.kpi-grid,.grid-2,.vehicle-grid,.detail-layout{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.section-toolbar{display:block}.search{width:100%;margin-top:9px}.form-grid{grid-template-columns:1fr}.pipeline{grid-template-columns:repeat(4,260px)}.list-row{grid-template-columns:1fr 1fr}.list-row>*:nth-child(n+3){display:none}}
.lookup-row{display:flex;align-items:stretch;gap:8px}.lookup-row input{min-width:90px;flex:1}.lookup-row button{flex-shrink:0}.lookup-message{font-size:12px;line-height:1.5;min-height:18px}.lookup-error{color:#b42318!important}.lookup-warning{color:#92400e;background:#fffbeb;padding:10px;border-radius:8px;font-size:12px}.lookup-preview{background:#f3f7fc;border:1px solid #dde6f2;border-radius:9px;padding:14px;margin:12px 0 18px;font-size:12px}.lookup-preview[hidden]{display:none}.lookup-preview dl,.technical-details{margin:12px 0}.lookup-preview dl>div,.technical-details>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid #e6eaf0}.lookup-preview dt,.technical-details dt{color:var(--muted);font-size:12px}.lookup-preview dd,.technical-details dd{margin:0;text-align:right;overflow-wrap:anywhere;font-size:12px;font-weight:600}.source-note{font-size:11px;line-height:1.6}#vehicleForm small{display:block;font-weight:400;color:var(--muted);font-size:10px;margin-top:4px}button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:480px){.lookup-row{flex-direction:column}.lookup-row button{width:100%}}
/* New vehicle: compact dealer workflow in a side panel. */
.vehicle-drawer{padding:0;justify-content:flex-end;align-items:stretch;background:rgba(18,28,45,.36);backdrop-filter:blur(4px)}.vehicle-drawer .modal-card{width:min(800px,100%);max-width:800px;height:100dvh;max-height:none;border-radius:0;margin:0;overflow-y:auto;padding:32px 42px 28px;box-shadow:-12px 0 50px rgba(20,37,62,.13)}.vehicle-drawer-header{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:24px}.vehicle-drawer-header h2{font-size:24px;margin:0 0 7px;letter-spacing:-.025em}.vehicle-drawer-header p{font-size:12px;line-height:1.6;color:var(--muted);margin:0;padding-right:20px}.vehicle-drawer-icon{flex:0 0 50px;width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#3b86f6,#245ade);display:grid;place-items:center;color:white;box-shadow:0 4px 12px #296ae02a}.vehicle-drawer-icon svg{width:28px;height:28px}.vehicle-drawer .modal-close{top:18px;right:18px;font-size:25px;font-weight:300;color:#8c96a2}.vehicle-form-card{border:1px solid #dde3eb;border-radius:14px;background:#fff;padding:22px 24px;margin:0 0 18px}.vehicle-form-card h3,.vehicle-form-card>summary{font-size:12px;font-weight:700;color:#4c5869;margin:0 0 18px;text-transform:uppercase;letter-spacing:.04em}.vehicle-form-card summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:0;list-style:none}.vehicle-form-card summary:after{content:'⌄';font-size:15px;color:#8a96a7}.vehicle-form-card[open] summary{margin-bottom:18px}.vehicle-form-card[open] summary:after{content:'⌃'}.vehicle-start-fields{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.vehicle-drawer label{font-size:12px;font-weight:600;color:#475365}.vehicle-drawer .vehicle-start-fields label>span,.vehicle-drawer .form-grid label>span{color:#c74b4b}.vehicle-drawer input:not([type=radio]):not([type=hidden]),.vehicle-drawer textarea,.vehicle-drawer select{border:1px solid #dce2eb;border-radius:9px;width:100%;padding:12px 13px;font-size:14px;background:#fff;color:#263649;box-shadow:inset 0 1px 2px #142a4105}.vehicle-drawer input:focus,.vehicle-drawer textarea:focus{outline:2px solid #3781ec;outline-offset:0;border-color:transparent}.vehicle-drawer input::placeholder{color:#b4becb}.vehicle-unit{display:flex;align-items:center;border:1px solid #dce2eb;border-radius:9px;margin-top:6px}.vehicle-drawer .vehicle-unit input{border:0!important;margin:0;min-width:0;box-shadow:none}.vehicle-unit>span{padding-right:13px;color:#8b97a6;font-size:12px}.vehicle-unit:focus-within{outline:2px solid #3781ec}.vehicle-unit input:focus{outline:0!important}.vehicle-lookup-actions{display:flex;align-items:center;gap:18px;margin-top:15px}.vehicle-lookup-actions .btn{font-size:12px;font-weight:600}.vehicle-lookup-actions .link-btn{font-size:12px}.vehicle-drawer .lookup-message{font-size:11px;line-height:1.7;margin:12px 0 0}.vehicle-status-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vehicle-status-card{position:relative;margin:0!important}.vehicle-status-card input{position:absolute;opacity:0;width:1px;height:1px}.vehicle-status-card>span{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 8px;border:1px solid #dce2eb;border-radius:9px;color:#4e5b6a;background:#fff;font-size:12px;cursor:pointer}.vehicle-status-card i{font-style:normal;font-size:15px}.vehicle-status-card input:checked+span{border-color:#2f79e8;box-shadow:inset 0 0 0 1px #2f79e8;background:#f0f6ff;color:#225caa}.vehicle-status-card input:focus-visible+span{outline:2px solid #2367d1;outline-offset:3px}.vehicle-other-statuses{display:flex;gap:20px;margin-top:14px}.vehicle-other-statuses label{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;color:#7a8696}.vehicle-other-statuses input{margin:0;accent-color:#2367d1}.vehicle-found{display:flex;align-items:center;gap:12px;border:1px solid #cce8da;background:#f2fbf6;border-radius:12px;padding:16px 20px;margin-bottom:18px}.vehicle-found[hidden]{display:none}.vehicle-found>span{height:29px;width:29px;border-radius:50%;display:grid;place-items:center;color:#17885b;background:#dff3e8}.vehicle-found strong{font-size:14px;display:block}.vehicle-found small{display:block;color:#6c887b;font-size:11px;margin-top:3px}.vehicle-found button{margin-left:auto;font-size:11px}.vehicle-source-tag{background:#f3f6fa;color:#7d8999;font-size:9px;font-weight:500;letter-spacing:0;text-transform:none;border-radius:5px;padding:4px 7px;margin-left:auto}.vehicle-form-card h3{display:flex;align-items:center;gap:8px}.vehicle-eu-dates{display:grid;grid-template-columns:1fr 1fr;gap:20px}.vehicle-eu-dates span{display:block;font-size:11px;color:#7c899a;margin-bottom:9px}.vehicle-eu-dates strong{font-size:17px;font-weight:650;color:#263649}.vehicle-source-note{font-size:10px;line-height:1.6;color:#8b97a7;margin:14px 0 0}.vehicle-source-tag.eu-overdue{background:#fff0da;color:#98600f}.vehicle-technical-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0}.vehicle-technical-grid dt{font-size:10px;color:#8693a4;margin-bottom:6px}.vehicle-technical-grid dd{font-size:12px;font-weight:600;margin:0;overflow-wrap:anywhere}.vehicle-data-placeholder{grid-column:1/-1;color:#8a96a5;font-size:11px;line-height:1.6}.vehicle-editable small{display:block;font-size:10px;line-height:1.5;color:#8b97a7;font-weight:400;margin-top:6px}.vehicle-drawer .form-grid{gap:14px 16px}.vehicle-notes-section textarea{resize:vertical}.vehicle-create-footer{padding:4px 0 0}.vehicle-create-footer button{padding:15px;border-radius:10px;box-shadow:0 4px 12px #296ae01f}.vehicle-create-footer p{text-align:center;color:#8b96a6;font-size:10px;margin:12px 0 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.vehicle-drawer .modal-card{padding:24px 18px}.vehicle-drawer-header{gap:11px}.vehicle-drawer-header h2{font-size:21px}.vehicle-drawer-icon{flex-basis:44px;width:44px;height:44px;border-radius:12px}.vehicle-form-card{padding:18px}.vehicle-start-fields{grid-template-columns:1fr}.vehicle-status-options{gap:6px}.vehicle-status-card>span{padding:12px 5px;font-size:10px;gap:5px}.vehicle-found{padding:13px}.vehicle-found strong{font-size:12px}.vehicle-eu-dates{gap:12px}.vehicle-eu-dates strong{font-size:15px}}