:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#102033;background:#f3f7fb;--navy:#071d36;--cyan:#00a9c7;--green:#20b486;--muted:#64748b;--card:#fff;--line:#dbe7f0}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button{border:0;border-radius:12px;background:var(--cyan);color:#fff;padding:.85rem 1.1rem;font-weight:800;cursor:pointer}button:disabled{opacity:.5}.ghost{background:#edf4f8;color:#102033}.danger{background:#e5484d}.success{background:var(--green)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 5vw;background:#071d36f2;color:#fff;position:sticky;top:0;z-index:10}.brand{font-weight:900;text-decoration:none;font-size:1.25rem}.topbar nav{display:flex;gap:1rem}.topbar nav a{text-decoration:none;color:#d8e9f2}main{min-height:80vh}.hero{padding:5rem 5vw 3rem;background:linear-gradient(135deg,#071d36,#0b3b5a 65%,#007b91);color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#8defff;font-weight:800}.hero h1{font-size:clamp(2.5rem,7vw,5rem);margin:.2rem 0}.hero p{font-size:1.2rem;color:#d8e9f2}.searchbar{display:flex;gap:.75rem;margin:1rem 0;max-width:820px}.searchbar input,.global input,.admin-card input{flex:1;border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}.global{max-width:820px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:1.5rem 5vw}.stat{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.25rem;box-shadow:0 10px 30px #0b355612}.stat span{display:block;color:var(--muted);font-size:.9rem}.stat strong{font-size:1.6rem;color:var(--navy)}.content{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;padding:1rem 5vw 4rem}.filters{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.25rem;align-self:start;position:sticky;top:90px}.filters label{display:block;font-weight:700;margin:.75rem 0}.filters select{width:100%;margin-top:.35rem;padding:.75rem;border:1px solid var(--line);border-radius:12px}.results{min-width:0}.vehicle-table{width:100%;border-collapse:separate;border-spacing:0 .5rem}.vehicle-table th{text-align:left;color:var(--muted);font-size:.85rem}.vehicle-table td{background:#fff;padding:1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vehicle-table td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}.vehicle-table td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}.vehicle-table tr{cursor:pointer}.plate{display:inline-block;background:#f7fbff;border:2px solid #102033;border-radius:10px;padding:.45rem .75rem;font-family:monospace;font-weight:900;letter-spacing:.08em;color:#102033}.plate.small{font-size:.9rem}.cards{display:none}.vehicle-card,.admin-card,.detail,.admin{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.5rem;box-shadow:0 10px 30px #0b355610}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1.5rem}.state{background:#fff;border:1px dashed var(--line);border-radius:18px;padding:2rem;text-align:center;color:var(--muted)}.error,.error-text{color:#c33136}.success-text{color:var(--green);font-weight:800}.detail,.admin,.admin-card{max-width:1100px;margin:2rem auto}.detail-head{margin:1.5rem 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.field{border:1px solid var(--line);border-radius:16px;padding:1rem}.field span{display:block;color:var(--muted);font-size:.85rem}.field strong{word-break:break-word}.admin-card{max-width:420px}.admin-card form{display:grid;gap:1rem}.toggle,.actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.json{background:#071d36;color:#dbfaff;border-radius:16px;padding:1rem;overflow:auto}footer{text-align:center;color:var(--muted);padding:2rem}@media (max-width:860px){.stats{grid-template-columns:repeat(2,1fr)}.content{display:block}.filters{position:static;margin-bottom:1rem}.vehicle-table{display:none}.cards{display:grid;gap:1rem}.grid{grid-template-columns:1fr}.searchbar{flex-direction:column}.topbar{align-items:flex-start}.hero{padding-top:3rem}}