:root{--navy:#101d35;--orange:#ff8a00;--muted:#f3f6fa}body{background:#eef2f7;font-family:Inter,system-ui,Arial,sans-serif}.app{display:flex;min-height:100vh}.sidebar{width:270px;background:var(--navy);color:white;position:fixed;height:100vh;overflow:auto}.brand{padding:22px;border-bottom:1px solid rgba(255,255,255,.08)}.brand span{display:block;color:#aab6ca;font-size:12px}.sidebar nav a{display:flex;gap:10px;color:#d8e0ee;text-decoration:none;padding:12px 18px;border-left:4px solid transparent}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.08);border-left-color:var(--orange);color:#fff}.main{margin-left:270px;flex:1}.topbar{height:64px;background:white;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:0 24px;position:sticky;top:0;z-index:10}.content{padding:24px}.card-soft{border:0;border-radius:18px;box-shadow:0 8px 24px rgba(16,29,53,.08)}.metric{border-radius:18px;background:white;padding:20px;box-shadow:0 8px 24px rgba(16,29,53,.08)}.metric .num{font-size:28px;font-weight:800;color:var(--navy)}.metric .label{color:#697386}.btn-main{background:var(--orange);border:0;color:white}.btn-main:hover{background:#e67a00;color:white}.table thead th{background:#f7f9fc;color:#334}.login-page{background:linear-gradient(135deg,#101d35,#263c66);min-height:100vh;display:flex;align-items:center;justify-content:center}.login-box{background:white;border-radius:24px;padding:34px;width:390px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.detail-title{font-size:28px;font-weight:800}.plate{font-weight:800;color:#101d35;text-decoration:none}.report-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:992px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0}.topbar{padding:0 12px}.content{padding:14px}}
@media print{.sidebar,.topbar,.no-print,.report-actions{display:none!important}.main{margin:0}.content{padding:0}.card-soft{box-shadow:none;border:1px solid #ddd}}