:root{--void:#090a08;--paper:#f0ece2;--panel:#12140f;--panel2:#171a13;--line:rgba(240,236,226,.12);--line2:rgba(240,236,226,.2);--muted:#858a7f;--faint:#5e635a;--orange:#ff4d18;--lime:#9fe870;--cyan:#5bc4d5;--red:#ff7163;--amber:#ffb03b;--mono:"Space Mono",monospace;--sans:"DM Sans",sans-serif}
*{box-sizing:border-box}html{background:var(--void)}body{margin:0;min-height:100vh;color:var(--paper);font-family:var(--sans);background:radial-gradient(800px 500px at 90% -5%,rgba(91,196,213,.11),transparent 66%),radial-gradient(700px 500px at 0 58%,rgba(255,77,24,.1),transparent 66%),var(--void)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(9,10,8,.86);backdrop-filter:blur(18px)}.nav{max-width:1360px;height:68px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:16px}.brand{font-size:19px;font-weight:700;letter-spacing:-.05em}.brand b{color:var(--orange)}.console-tag{padding:5px 7px;border:1px solid rgba(255,77,24,.36);color:#ff8c69;font:8px var(--mono);letter-spacing:.12em}
.links{margin-left:auto;display:flex;align-items:center;gap:20px;color:#858a80;font:9px var(--mono)}.links a:hover,.links button:hover{color:#fff}.links button{border:0;background:transparent;color:inherit;padding:0}
main{position:relative;z-index:1;max-width:1360px;margin:auto;padding:48px 28px 72px}.hero{display:grid;grid-template-columns:1fr auto;align-items:end;gap:32px;margin-bottom:32px}.eyebrow{color:#ff8c69;font:8px var(--mono);letter-spacing:.17em}.hero h1{margin:12px 0 0;font-size:clamp(2.7rem,6vw,5.8rem);line-height:.88;letter-spacing:-.075em;font-weight:600}.hero h1 em{font-style:normal;color:#747a70}.identity{text-align:right;color:#9aa095;font:10px var(--mono)}.identity>span{display:block;margin-bottom:11px}.identity div{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line)}.identity i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.identity b{text-transform:uppercase;font-weight:400}
.notice{display:none;margin-bottom:16px;padding:12px 14px;border:1px solid rgba(255,113,99,.4);background:rgba(255,113,99,.07);color:#ffc4bc;font:9px var(--mono)}.notice.show{display:block}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:16px}.metrics article{min-height:130px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(18,20,15,.7)}.metrics span{color:#72786e;font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.metrics strong{display:block;margin:20px 0 8px;font:700 clamp(1.7rem,3vw,2.8rem) var(--mono);letter-spacing:-.06em}.metrics article:first-child strong{color:#ff7147}.metrics small{color:#5f655b;font:8px var(--mono)}
.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:14px;margin-bottom:14px}.panel{border:1px solid var(--line);background:rgba(18,20,15,.88);overflow:hidden}.panel-head{min-height:68px;padding:14px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-head span{display:block;color:#656b61;font:7px var(--mono);letter-spacing:.13em}.panel-head h2{margin:6px 0 0;font-size:17px;letter-spacing:-.025em}.panel-head>small{color:#5f655b;font:7px var(--mono)}
.chart-wrap{position:relative;padding:17px 17px 4px}.chart-wrap canvas{display:block;width:100%;height:260px}.empty{display:none;position:absolute;inset:17px;place-items:center;text-align:center;color:#666c62;font:9px var(--mono)}.chart-foot{display:flex;justify-content:space-between;padding:10px 17px 16px;color:#6d7369;font:8px var(--mono)}.chart-foot span{display:flex;align-items:center;gap:7px}.chart-foot i{width:13px;height:2px;background:var(--orange)}.chart-foot b{font-weight:400}
.create-panel form{padding:17px}.create-panel label[for]{display:block;margin-bottom:7px;color:#7a8075;font:8px var(--mono);letter-spacing:.1em}.create-panel input[type=text],.create-panel input:not([type]){width:100%;padding:11px 12px;border:1px solid var(--line2);outline:0;background:#0b0c09;color:#fff;font:10px var(--mono)}.create-panel input:focus{border-color:var(--orange)}fieldset{margin:17px 0 0;padding:0;border:0}legend{margin-bottom:8px;color:#7a8075;font:8px var(--mono);letter-spacing:.1em}.scope{display:flex;align-items:flex-start;gap:10px;padding:11px;border:1px solid var(--line);margin-bottom:7px;background:rgba(255,255,255,.015);cursor:pointer}.scope input{margin-top:2px;accent-color:var(--orange)}.scope span{display:block}.scope b{display:block;font:9px var(--mono);font-weight:400}.scope small{display:block;margin-top:4px;color:#62685e;font-size:10px}
.primary,.secondary,.mini{border:1px solid var(--line2);padding:10px 12px;background:transparent;color:#b7bdb1;font:8px var(--mono);letter-spacing:.03em}.primary{width:100%;margin-top:12px;border-color:var(--orange);background:var(--orange);color:#fff;font-weight:700}.primary:hover{background:#ff6b3d}.secondary:hover,.mini:hover{border-color:#858b80;color:#fff}.mini.danger:hover{border-color:var(--red);color:var(--red)}button:disabled{cursor:not-allowed;opacity:.35}.hint{margin:0;padding:0 17px 18px;color:#666c62;font:8px/1.6 var(--mono)}
.keys-panel{margin-bottom:14px}.keys{display:grid}.key-row{display:grid;grid-template-columns:minmax(170px,1.2fr) minmax(160px,1fr) minmax(160px,1fr) minmax(200px,auto);gap:18px;align-items:center;padding:16px 17px;border-bottom:1px solid var(--line)}.key-row:last-child{border-bottom:0}.key-name{min-width:0}.key-name b{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.current{padding:3px 5px;border:1px solid rgba(159,232,112,.34);color:var(--lime);font:6px var(--mono);letter-spacing:.1em}.key-name code{display:block;margin-top:6px;color:#70766c;font:8px var(--mono)}.scope-badges{display:flex;flex-wrap:wrap;gap:5px}.badge{padding:4px 6px;border:1px solid rgba(91,196,213,.28);color:var(--cyan);font:7px var(--mono)}.key-meta{color:#686e64;font:8px/1.6 var(--mono)}.key-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.key-edit{grid-column:1/-1;display:none;padding:14px;border:1px solid var(--line);background:#0c0d0a}.key-row.editing .key-edit{display:grid;grid-template-columns:1fr auto auto auto;align-items:end;gap:9px}.key-edit label{color:#71776d;font:7px var(--mono)}.key-edit input[type=text]{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid var(--line2);background:#080906;color:#fff;font:9px var(--mono);outline:0}.edit-scope{display:flex;align-items:center;gap:6px;height:35px;padding:0 9px;border:1px solid var(--line);color:#8c9287;font:8px var(--mono)}.edit-scope input{accent-color:var(--orange)}
.security{display:grid;grid-template-columns:150px 1fr;gap:22px;padding:17px;border:1px dashed rgba(240,236,226,.16);color:#73796f}.security span{font:8px var(--mono);letter-spacing:.12em}.security p{margin:0;max-width:900px;font:9px/1.7 var(--mono)}
.secret-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:rgba(4,5,3,.91);backdrop-filter:blur(18px)}.secret-overlay[hidden]{display:none}.secret-card{width:min(580px,100%);padding:30px;border:1px solid var(--line2);background:#11130f;box-shadow:0 45px 140px #000}.secret-card h2{margin:11px 0 0;font-size:31px;letter-spacing:-.045em}.secret-card p{color:#8a9085;font-size:13px}.secret-value{margin-top:20px;padding:15px;border:1px solid rgba(255,77,24,.45);background:#090a08;color:#ff9a7a;font:10px/1.6 var(--mono);word-break:break-all}.secret-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.secret-actions .secondary{margin-top:12px}
.toast{position:fixed;z-index:120;right:20px;bottom:20px;max-width:360px;padding:12px 14px;border:1px solid var(--line2);background:#181b14;color:#d8ddd3;font:9px var(--mono);box-shadow:0 15px 50px #000;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{border-color:rgba(255,113,99,.5);color:#ffb0a5}
footer{position:relative;z-index:1;display:flex;justify-content:space-between;max-width:1360px;margin:auto;padding:22px 28px;border-top:1px solid var(--line);color:#5d6359;font:8px var(--mono)}.loading main{opacity:.42;pointer-events:none}
@media(max-width:900px){.layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.key-row{grid-template-columns:1fr 1fr}.key-actions{justify-content:flex-start}.key-edit{grid-column:1/-1}.key-row.editing .key-edit{grid-template-columns:1fr 1fr 1fr}.key-edit>label:first-child{grid-column:1/-1}}
@media(max-width:600px){.nav{padding:0 16px}.console-tag,.links a{display:none}main{padding:34px 16px 50px}.hero{grid-template-columns:1fr}.identity{text-align:left}.metrics{grid-template-columns:1fr 1fr}.metrics article{min-height:116px;padding:14px}.key-row{grid-template-columns:1fr}.key-row.editing .key-edit{grid-template-columns:1fr}.key-edit>label:first-child{grid-column:auto}.security{grid-template-columns:1fr}.secret-actions{grid-template-columns:1fr}.secret-actions .secondary{margin-top:0}footer{padding:18px 16px;gap:16px;flex-direction:column}}