*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#17243a;font:15px/1.5 Aptos,Segoe UI,Arial,sans-serif}.topbar{height:76px;background:#071d3b;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 4%;box-shadow:0 5px 20px #10284a22}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:42px;height:42px;border:1px solid #8eb8ed;border-radius:12px;display:grid;place-items:center;font-size:24px;font-weight:800;color:#9bc7ff}.brand strong{display:block;letter-spacing:1.3px}.brand small{display:block;color:#a9c2e3;font-size:10px;letter-spacing:2px}.topright{display:flex;gap:18px;align-items:center;color:#d5e4f8}.logout{color:#fff;text-decoration:none;border:1px solid #607b9d;padding:7px 13px;border-radius:8px}.nav{background:#0d2c54;padding:0 4%;display:flex;gap:5px;flex-wrap:wrap}.nav a{color:#dbeaff;text-decoration:none;padding:13px 14px;font-size:13px}.nav a:hover{background:#194576}.wrap{max-width:1250px;margin:28px auto;padding:0 22px;min-height:70vh}h1{font-size:27px;margin:0 0 22px;color:#0b2b50}h2{font-size:18px;color:#12365e}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.card,.panel{background:white;border:1px solid #e3eaf3;border-radius:15px;padding:20px;box-shadow:0 8px 24px #193b6410}.metric{font-size:30px;font-weight:750;color:#0d4d89}.muted{color:#6d7c90;font-size:13px}.btn,button{display:inline-block;background:#0d4c86;color:white;border:0;border-radius:8px;padding:10px 16px;text-decoration:none;font:inherit;cursor:pointer}.btn.secondary,button.secondary{background:#e8f0f9;color:#123d68}.btn.danger,button.danger{background:#a92b36}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field label{display:block;font-weight:650;margin-bottom:5px;color:#2b4058}.field input,.field select,.field textarea{width:100%;border:1px solid #ccd8e6;border-radius:8px;padding:11px;background:#fff;font:inherit;color:#17243a}.field textarea{min-height:100px}.full{grid-column:1/-1}.tablewrap{overflow:auto;background:white;border:1px solid #e1e8f1;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #edf1f6;font-size:13px}th{background:#edf4fb;color:#183c62;position:sticky;top:0}.badge{padding:4px 9px;border-radius:30px;background:#e3f5ea;color:#17663a;font-size:12px}.badge.revoked,.badge.cancelled{background:#fde8e8;color:#a52a32}.badge.expired{background:#fff2d7;color:#815300}.alert{padding:12px 15px;border-radius:9px;margin-bottom:16px;background:#e7f5ed;color:#17613a}.alert.error{background:#ffeded;color:#9c2525}.loginbox{max-width:470px;margin:8vh auto}.loginbox .panel{padding:30px}.hint{font-size:12px;color:#6b7a8e}footer{text-align:center;color:#8391a4;padding:20px;font-size:12px}.serial{font-weight:750;color:#0b4c87;white-space:nowrap}.search{display:flex;gap:8px;margin-bottom:15px}.search input{flex:1;padding:10px;border:1px solid #ccd8e6;border-radius:8px}@media(max-width:650px){.formgrid{grid-template-columns:1fr}.topbar{padding:0 15px}.topright span{display:none}.nav{padding:0 8px}.nav a{padding:10px 8px;font-size:12px}.wrap{padding:0 12px}}