:root{
  --bg:#f3f5f7;--panel:#fff;--text:#15191e;--muted:#6b7480;--line:#e0e5ea;
  --dark:#111820;--red:#8b3131;--green:#1d7a4b;--amber:#9c6800;
}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.sidebar{background:var(--dark);color:#fff;padding:24px 18px}.brand{font-size:22px;font-weight:800;margin-bottom:28px}
.brand span{color:#d9b0b0}.sidebar nav a{display:block;padding:12px 14px;border-radius:10px;margin:5px 0;color:#d9dfe5}
.sidebar nav a:hover,.sidebar nav a.active{background:#28323c;color:#fff}.content{padding:28px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.topbar h1{margin:0;font-size:29px}
.topbar p{margin:4px 0 0;color:var(--muted)}.user{font-weight:700}.grid{display:grid;gap:18px}
.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:1.2fr .8fr}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 18px rgba(20,30,40,.04)}
.kpi .number{font-size:30px;font-weight:800;margin-top:8px}.muted{color:var(--muted)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:14px}
th{color:var(--muted)}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}
.green{background:#dff3e8;color:#16613c}.amber{background:#fff0cc;color:#805500}.red{background:#f8dddd;color:#842d2d}
.btn{display:inline-flex;border:0;border-radius:10px;padding:11px 15px;background:var(--red);color:#fff;font-weight:700;cursor:pointer}
.btn.secondary{background:#e9edf1;color:#1a222a}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{
width:100%;padding:11px 12px;border:1px solid #cdd6df;border-radius:9px;background:#fff}
.full{grid-column:1/-1}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#111820,#2a3540)}
.login-card{width:min(430px,92vw);background:#fff;padding:30px;border-radius:18px}.alert{padding:12px 14px;border-radius:10px;background:#f8dddd;color:#842d2d;margin-bottom:15px}
.success{padding:12px 14px;border-radius:10px;background:#dff3e8;color:#16613c;margin-bottom:15px}
@media(max-width:950px){.app{grid-template-columns:1fr}.content{padding:18px}.kpis,.two,.form-grid{grid-template-columns:1fr}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.wide{max-width:760px}.topbar{display:flex;justify-content:space-between;align-items:center}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#fff0c7;font-weight:700}.badge.red{background:#ffdcdc;color:#9c0000}@media(max-width:800px){.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}

/* AF Business Suite 2.1 */
.brand small{display:block;margin-top:5px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#8e9aa5}.sidebar nav .logout{margin-top:22px;border-top:1px solid #2b3641;border-radius:0;padding-top:18px}.user-chip{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-weight:700;text-align:right}.user-chip span{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-top:2px}.kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi-note{font-size:12px;color:var(--muted);margin-top:4px}.section-gap{margin-top:18px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-head h2{margin:0}.card-head a{color:var(--red);font-weight:700;font-size:14px}.page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.vehicle-hero{background:linear-gradient(135deg,#111820,#263440);color:#fff;border-radius:18px;padding:25px;display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.vehicle-hero h2{font-size:30px;margin:4px 0}.vehicle-hero p{margin:0;color:#cbd3da}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#d9b0b0}.hero-stat{text-align:right}.hero-stat span{display:block;font-size:12px;color:#aeb9c2}.hero-stat strong{display:block;margin-top:5px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.tabs a{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700}.compact{gap:10px}.inline-form{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.inline-form input,.inline-form select{padding:10px 11px;border:1px solid #cdd6df;border-radius:9px;min-width:130px}.small-text{font-size:12px;margin-top:3px}.vehicle-list,.pipeline,.mini-list,.doc-list{display:grid;gap:10px}.vehicle-card,.mini-list a,.doc-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.15s}.vehicle-card:hover,.mini-list a:hover,.doc-item:hover{border-color:#aab5bf;transform:translateY(-1px)}.vehicle-card strong,.vehicle-card span,.mini-list strong,.mini-list span,.doc-item strong,.doc-item span{display:block}.vehicle-card span,.mini-list span,.doc-item span{color:var(--muted);font-size:12px;margin-top:4px}.vehicle-meta{text-align:right}.pipeline-card{border:1px solid var(--line);border-radius:14px;padding:15px}.pipeline-top{display:flex;justify-content:space-between;gap:12px}.pipeline-top strong,.pipeline-top span{display:block}.pipeline-top span{font-size:12px;color:var(--muted);margin-top:3px}.progress{height:7px;background:#edf0f3;border-radius:999px;overflow:hidden;margin:13px 0}.progress span{display:block;height:100%;background:var(--red)}.pipeline-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 14px}.pipeline-card dl div{background:#f7f8fa;border-radius:9px;padding:9px}.pipeline-card dt{font-size:11px;color:var(--muted)}.pipeline-card dd{margin:4px 0 0;font-size:13px;font-weight:700}.blue{background:#dfeafb;color:#285b9f}.btn.small{padding:7px 10px;font-size:12px}
@media(max-width:1150px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.vehicle-hero{align-items:flex-start;flex-direction:column;gap:18px}.hero-stat{text-align:left}.pipeline-card dl{grid-template-columns:1fr}.inline-form>*{width:100%}.kpis{grid-template-columns:1fr 1fr}.vehicle-card{align-items:flex-start}.vehicle-meta{text-align:left}}
@media(max-width:520px){.kpis{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:12px}.user-chip{font-size:12px}.content{padding:13px}.card{padding:15px}.vehicle-hero{padding:18px}.vehicle-hero h2{font-size:24px}}
.action-row,.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.btn.danger{background:#b42318}.table-wrap{overflow:auto}.notice{background:#fff8e7;border-color:#efdca8;color:#634c12}.top-gap{margin-top:14px}.result-box{margin-top:18px;padding:15px;border-radius:12px;background:#f5f7f9;border:1px solid var(--line)}.result-box pre{white-space:pre-wrap;word-break:break-word;max-height:350px;overflow:auto}.card select{max-width:100%}