:root{color-scheme:dark;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;background:#0b1521;color:#e9f2fa}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,#174052 0,transparent 37%),#0b1521}
a{color:#69ddc6;text-decoration:none}a:hover{text-decoration:underline}
.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem max(1.5rem,calc((100vw - 1200px)/2));border-bottom:1px solid #284253;background:#0b1825e8}
.brand{font-size:1.1rem;font-weight:800;color:#76e1c9;letter-spacing:.04em}.brand span{display:block;font-size:.82rem;font-weight:500;color:#d0e1ed;letter-spacing:0}
nav{display:flex;align-items:center;gap:1rem}nav form{margin:0}
main{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 5rem}
.hero{margin-bottom:2.1rem}.eyebrow{color:#69ddc6;letter-spacing:.15em;font-size:.75rem;font-weight:750}
h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.1;letter-spacing:-.04em;margin:.55rem 0 1rem;color:#fff}
h2{font-size:1.2rem;color:#fff;margin:0 0 1rem}.hero p{font-size:1.08rem;color:#b9cbda;max-width:62ch}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1.2rem;margin-bottom:1.2rem}
.card{background:#122638;border:1px solid #315162;border-radius:17px;padding:1.5rem;margin-bottom:1.2rem;box-shadow:0 16px 50px #02091035}
.card p{color:#c4d4e0}.narrow{max-width:540px}.small{font-size:.9rem;color:#a8bbc9!important}
label{display:block;font-size:.87rem;font-weight:650;color:#bed2df;margin-bottom:1rem}
input{display:block;margin-top:.35rem;width:100%;border-radius:9px;border:1px solid #456273;background:#0d1d2c;color:#fff;padding:.75rem .9rem;font:inherit}
input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #70e6cd;outline-offset:3px}
button,.button{display:inline-block;border:1px solid #4d6c7c;border-radius:9px;padding:.76rem 1.1rem;color:#eaf4fb;background:#254455;font:inherit;font-weight:700;cursor:pointer;text-align:center}
button:hover,.button:hover{background:#305a67;text-decoration:none}.primary{background:#65ddc5;border-color:#65ddc5;color:#082536}.primary:hover{background:#8cebd8}
.secondary{background:#203a4d;color:#dcebf3}.text-button{background:none;border:0;padding:.25rem;color:#adcad5;font-weight:500}
.badge{display:inline-block;color:#9af0dc;background:#1a544e;border:1px solid #397c70;border-radius:99px;font-size:.78rem;font-weight:750;padding:.25rem .7rem}
.notice{border:1px solid #63cbb6;border-left:4px solid #63cbb6;border-radius:12px;background:#153b42;padding:1rem 1.3rem;margin:1rem 0 1.5rem}.notice p{color:#d3e7e8;margin:.5rem 0}
.key{display:block;padding:1rem;background:#091d24;border-radius:8px;overflow-wrap:anywhere;user-select:all;color:#b2fbe9}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{border-bottom:1px solid #304b5b;padding:.9rem .6rem;vertical-align:top}th{color:#89a9ba;font-size:.8rem;text-transform:uppercase;letter-spacing:.09em}td{font-size:.9rem}
.inline-form{display:inline-flex;gap:.45rem;align-items:end;margin:.2rem .35rem .2rem 0}.inline-form label{margin:0;font-size:.72rem}.inline-form input{max-width:5.5rem;padding:.45rem}.small-button{padding:.48rem .6rem;font-size:.8rem}
.search{display:flex;align-items:end;gap:.6rem}.search label{flex:1;margin:0}.search button{height:3rem}
.audit{list-style:none;padding:0;margin:0}.audit li{border-bottom:1px solid #304b5b;padding:.55rem 0;color:#bed2df}.audit time{color:#8fb1bc}
footer{text-align:center;border-top:1px solid #284253;padding:1.4rem;color:#8ea7b4;font-size:.8rem}
@media(max-width:700px){.top{padding:1rem}.brand span{max-width:160px}main{padding:2rem 1rem}.card{padding:1.1rem}.search{display:block}.search button{margin-top:.75rem}}