*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8edf5;background:#0b1220}body{margin:0;min-height:100vh}a{color:#9fc3ff}header,main{width:min(1180px,calc(100% - 32px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0 20px}h1{font-size:clamp(1.6rem,4vw,2.3rem);margin:.2rem 0}h2{margin:.2rem 0;font-size:1.3rem}.eyebrow{color:#7fb0ff;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:700;margin:0}.muted,th{color:#9aa9bf}.card,.toolbar{border:1px solid #26344a;background:#121c2d;border-radius:14px}.login{min-height:100vh;display:grid;place-items:center}.form-card,.created{width:min(480px,100%);padding:28px;margin:18px auto}.created{text-align:center}.created img{display:block;max-width:100%;height:auto;margin:20px auto;border:10px solid white;border-radius:10px}form{display:grid;gap:18px;margin-top:24px}label{display:grid;gap:7px;font-weight:650;font-size:.9rem}input,button,.button{font:inherit;border-radius:9px;min-height:46px}input{background:#0b1424;color:#fff;border:1px solid #3a4a63;padding:0 13px}input:focus,button:focus,a:focus{outline:3px solid #8eb9ff;outline-offset:2px}button,.button{display:inline-flex;align-items:center;justify-content:center;border:0;background:#dce9ff;color:#10213b;padding:0 18px;font-weight:750;cursor:pointer;text-decoration:none}.secondary{background:transparent;color:#dce7f8;border:1px solid #3a4a63}.danger{background:#ef4444;color:#fff}.danger-link{color:#ff9b9b}.buttons{display:flex;gap:10px;flex-wrap:wrap}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;margin-bottom:18px}.toolbar div{display:grid;gap:3px}.toolbar span{color:#aebed2}.table-card{overflow:hidden}.section-head{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #26344a}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:15px 18px;border-bottom:1px solid #202d40;white-space:nowrap}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}code{font-size:.86rem}.status{display:inline-block;border:1px solid #476b91;border-radius:999px;padding:4px 9px;text-transform:capitalize}.protected{color:#9fc7ff;background:#142b47}.active{color:#9ee6b2;background:#123421;border-color:#376f47}.revoked{color:#ffc4c4;background:#3a1919;border-color:#834545}@media(max-width:650px){header{padding-top:20px}.toolbar{align-items:stretch;flex-direction:column}.table-card{margin:0 -16px;border-radius:0;border-left:0;border-right:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
:root{color-scheme:dark}body{line-height:1.5}main{padding-bottom:32px}h3{font-size:1.1rem;margin:0 0 12px}nav{max-width:1180px;margin:0 auto 24px;display:flex;gap:8px;padding:0 16px;flex-wrap:wrap}nav a{padding:12px 18px;text-decoration:none;border:1px solid #3a4a63;border-radius:8px;color:#b7c5d9}nav a[aria-current]{background:#dce9ff;color:#10213b;border-color:#dce9ff}.page-title,.user-title{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.page-title{margin:24px 0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{padding:20px;border:1px solid #35465f;border-radius:12px;background:#121c2d;display:grid;gap:10px}.metric span{color:#b7c5d9;font-size:.9rem}.metric strong{font-size:1.6rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.section{padding:24px;margin:20px 0}.chart{display:block;width:100%;max-height:260px}.filters{display:flex;align-items:end;flex-wrap:wrap;margin:0 0 24px}.filters label{flex:1;min-width:160px}.filters button,.filters a{flex-shrink:0}.filters select{min-height:46px;padding:8px 12px;border:1px solid #3a4a63;border-radius:8px;background:#0b1424;color:#fff;font:inherit}.user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.user{padding:24px;min-width:0}.user h3{margin:0;overflow-wrap:anywhere}.status{font-size:.8rem}.user dl,.section dl{margin:20px 0}.user dl div,.section dl div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #26344a;padding:10px 0;flex-wrap:wrap}dt{color:#b7c5d9}dd{margin:0;font-variant-numeric:tabular-nums}.notice{padding:16px;background:#382c17;border:1px solid #96783c;border-radius:8px}.activity p{padding:12px 0;border-bottom:1px solid #26344a;overflow-wrap:anywhere}.empty{padding:24px;color:#b7c5d9}.muted{color:#b7c5d9}footer{max-width:1180px;margin:24px auto;padding:0 16px 32px;color:#b7c5d9;font-size:.85rem}.skip{position:absolute;left:16px;top:-100px;background:#dce9ff;color:#10213b;padding:12px;z-index:5}.skip:focus{top:12px}button:hover,.button:hover{filter:brightness(1.08)}.user .buttons a{min-height:46px}input,select{max-width:100%}main p{overflow-wrap:anywhere}@media(max-width:850px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.user-grid{grid-template-columns:1fr}}@media(max-width:420px){.metric{padding:14px}.metric strong{font-size:1.25rem}.section,.user{padding:18px}.page-title{align-items:start}.page-title span{font-size:.8rem}nav{gap:6px}nav a{padding:10px 12px;font-size:.9rem}header h1{font-size:1.5rem}header form{margin:0}.filters{gap:12px}.filters label{width:100%}.filters button,.filters a{flex:1}.section dl div,.user dl div{gap:4px}dd{width:100%}.form-card{padding:20px}.buttons a,.buttons button{flex:1}}