:root{--navy:#071b35;--orange:#ff7a1a;--gold:#ffc247;--muted:#6b7c93;--soft:#f5f8fc;--line:#e7edf5;--green:#1fbf75}*{box-sizing:border-box}body{background:var(--soft);color:#122033;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input{font:inherit}.login-page{color:#fff;background:linear-gradient(135deg,#06152a,#0e3768);grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-hero{background:radial-gradient(circle at 20% 20%,#ff7a1a59,#0000 28%);flex-direction:column;justify-content:center;padding:90px;display:flex}.login-hero h1{max-width:760px;font-size:58px;line-height:1.05}.login-hero p{color:#dbe7f5;font-size:18px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--orange);font-size:13px;font-weight:900}.login-card{color:#122033;background:#fff;border-radius:30px;place-self:center;width:min(430px,90%);padding:36px;box-shadow:0 35px 90px #00000059}.login-card h2{margin-top:0;font-size:32px}label{text-transform:uppercase;color:var(--muted);margin:16px 0 8px;font-size:12px;font-weight:900;display:block}input{border:1px solid var(--line);border-radius:16px;width:100%;padding:15px 16px}.primary{background:linear-gradient(135deg,var(--orange),#f24900);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:14px 24px;font-weight:900;box-shadow:0 16px 35px #ff7a1a47}.form-error{color:#b42318;background:#fff0f0;border-radius:14px;margin:14px 0;padding:13px}.app-shell{grid-template-columns:290px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;gap:22px;padding:24px;display:flex}.brand{color:#fff;align-items:center;gap:12px;font-size:22px;font-weight:900;text-decoration:none;display:flex}.brand span{background:linear-gradient(135deg,var(--orange),var(--gold));border-radius:13px;padding:10px}.role-card{background:#ffffff14;border-radius:20px;align-items:center;gap:12px;padding:16px;display:flex}.role-card small{color:#b9c9dc;margin-top:4px;display:block}.sidebar nav{gap:8px;display:grid}.sidebar nav a,.logout{color:#dce8f6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.sidebar nav a.active,.sidebar nav a:hover,.logout:hover{color:#fff;background:#ffffff1f}.logout{margin-top:auto}.content{padding:42px}.page-title h1{margin:4px 0 30px;font-size:42px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.kpi,.tracking-result,.search-panel,.vehicle-card,.workflow article{border:1px solid var(--line);background:#fff;border-radius:24px;padding:26px;box-shadow:0 16px 45px #091f3d14}.kpi span{color:var(--orange);font-size:34px;font-weight:900}.kpi p{color:var(--muted)}.search-panel{grid-template-columns:1fr auto;gap:14px;margin-bottom:22px;display:grid}.row{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 0;display:flex}.fleet-grid{grid-template-columns:1.5fr .8fr;gap:22px;display:grid}.map-mock{color:#fff;background:radial-gradient(circle at 70% 40%,#ff7a1a6b,#0000 22%),linear-gradient(135deg,#0d3768,#08213f);border-radius:28px;align-items:end;min-height:460px;padding:28px;display:flex}.vehicle-card{gap:6px;margin-bottom:14px;display:grid}.vehicle-card span{color:var(--green);font-weight:800}.workflow{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.workflow article{font-weight:900}@media (width<=980px){.login-page,.app-shell,.kpi-grid,.fleet-grid,.workflow{grid-template-columns:1fr}.sidebar{position:static}.login-hero{padding:40px}.login-hero h1{font-size:38px}.content{padding:24px}}