:root{--bg:#0f1220;--panel:#0f1428;--border:#232846;--text:#e8ecff;--link:#a8c3ff;--chip:#0f1531;--muted:#97a6d3}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:radial-gradient(1200px 500px at 50% -200px,#1a2042 0%,#0f1220 60%,#0f1220 100%);color:var(--text);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, 'Noto Sans';}
a,a:visited{color:var(--link)}
header{position:sticky;top:0;z-index:10;backdrop-filter: blur(8px);background:rgba(6,10,28,.55);
  border-bottom:1px solid var(--border);padding:16px 18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
header .title{font-size:18px;margin:0}
header .spacer{flex:1 1 auto}
.btn{appearance:none;border:1px solid var(--border);border-radius:12px;background:#0f1531;color:#fff;padding:8px 12px;
  cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
main{max-width:1200px;margin:0 auto;padding:20px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.footer{color:#9aa3cc;font-size:12px;text-align:center;padding:24px}
.small{font-size:12px;color:#c1c8e8}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #212748;padding:10px 10px;text-align:left;vertical-align:middle}
.table th{color:#bcd0ff;font-weight:600;background:#101636;position:sticky;top:0}
.table tr:hover{background:#0f1431}
.searchbar{display:flex;gap:10px;align-items:center;margin:6px 0 0}
.searchbar input{flex:1;background:#0f1531;border:1px solid var(--border);color:#eaf0ff;border-radius:10px;padding:10px 12px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--border);background:#0f1531;border-radius:999px;padding:2px 8px;font-size:11px;color:#cfe1ff}
.license-ok{color:#92f2bb}