:root{--bg:#0a0d13;--panel:#111620;--panel-2:#151b26;--line:#242c39;--text:#f2f4f7;--muted:#8b95a7;--accent:#ff7043;--green:#41cfa8;--blue:#7e96ff;--danger:#ff5f68}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font:14px/1.5 Manrope,sans-serif;background:radial-gradient(circle at 8% 4%,rgba(126,150,255,.08),transparent 28%),radial-gradient(circle at 95% 20%,rgba(255,112,67,.07),transparent 22%),var(--bg);min-height:100vh}.grain{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));background:rgba(10,13,19,.84);backdrop-filter:blur(15px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #495367;border-radius:9px;font:500 12px DM Mono;color:var(--accent);background:#151a24}.topbar nav{display:flex;align-items:center;gap:25px}.topbar nav a,.link-button{color:var(--muted);text-decoration:none;font:500 13px Manrope;border:0;background:none;padding:0;cursor:pointer}.topbar nav a:hover,.link-button:hover{color:var(--text)}.shell{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:56px 0 80px}.eyebrow{font:500 10px DM Mono;letter-spacing:.16em;color:var(--accent)}h1,h2,p{margin-top:0}h1{font-size:34px;letter-spacing:-.045em;line-height:1.15;margin:9px 0 8px}h2{font-size:18px;letter-spacing:-.025em;margin:6px 0 0}.page-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.page-head p{color:var(--muted);margin:0}.page-head.compact{margin-bottom:22px}.page-head.compact h1{margin-bottom:6px}.live{display:flex;gap:8px;align-items:center;font:500 11px DM Mono;color:var(--green);border:1px solid rgba(65,207,168,.2);background:rgba(65,207,168,.06);padding:7px 11px;border-radius:99px}.live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;margin-bottom:18px;overflow:hidden;background:var(--panel)}.metrics article{padding:23px 25px;border-right:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:end}.metrics article:last-child{border:0}.metrics span{color:var(--muted);font-size:12px;grid-column:1/-1}.metrics strong{font:500 30px DM Mono;letter-spacing:-.05em;margin-top:12px}.metrics small{color:#657084;font-size:10px}.panel{background:linear-gradient(145deg,rgba(21,27,38,.9),rgba(15,20,29,.94));border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel>header{min-height:71px;padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel>header a{color:var(--accent);font-size:12px;text-decoration:none}.panel select,.filter select{color:var(--text);background:#0d1118;border:1px solid var(--line);border-radius:7px;padding:8px 28px 8px 10px}.chart-panel{margin-bottom:18px}.chart-wrap{height:310px;padding:20px;position:relative}.chart-wrap>p{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inline-form{display:flex;gap:8px;padding:16px 20px;border-bottom:1px solid var(--line)}input{font:inherit;color:var(--text);background:#0d1118;border:1px solid #30394a;border-radius:7px;padding:10px 12px;outline:0;min-width:0}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(126,150,255,.1)}.inline-form input{flex:1}.primary,.secondary,.danger{border-radius:7px;padding:9px 14px;font:600 12px Manrope;cursor:pointer}.primary{border:1px solid #ff825d;color:#160c08;background:var(--accent)}.secondary{border:1px solid #394456;color:var(--text);background:#1a2230}.danger{border:1px solid rgba(255,95,104,.25);color:var(--danger);background:rgba(255,95,104,.06)}.key-row{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(36,44,57,.8)}.key-row:last-child{border:0}.key-row>div{display:grid;grid-template-columns:1fr auto;gap:2px 12px}.key-row strong{font-size:13px}.key-row code,.activity-list code{font:400 11px DM Mono;color:var(--muted)}.key-row small{color:#687386;font-size:10px;grid-column:1/-1}.revoked{font:500 10px DM Mono;color:#687386;text-transform:uppercase}.activity-list>a{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;padding:13px 20px;border-bottom:1px solid rgba(36,44,57,.8);text-decoration:none;color:var(--text)}.activity-list>a:last-child{border:0}.activity-list>a:hover,.key-row:hover{background:rgba(255,255,255,.015)}.activity-list div{display:flex;flex-direction:column}.activity-list strong{font-size:12px}.activity-list small{font-size:10px;color:#687386}.status{display:inline-grid;place-items:center;min-width:36px;padding:3px 5px;border-radius:5px;font:500 10px DM Mono;color:var(--muted);background:#202735}.status-2{color:var(--green);background:rgba(65,207,168,.1)}.status-4,.status-5{color:var(--danger);background:rgba(255,95,104,.1)}.secret-reveal{border:1px solid rgba(255,112,67,.35);background:rgba(255,112,67,.06);border-radius:10px;padding:16px 18px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.secret-reveal div{display:flex;flex-direction:column;gap:6px;min-width:0}.secret-reveal code{font:500 13px DM Mono;overflow-wrap:anywhere}.empty{text-align:center;color:var(--muted);padding:28px 18px;margin:0}.muted{color:var(--muted);font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#697487;font:500 10px DM Mono;letter-spacing:.08em;text-transform:uppercase;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:13px 16px;border-bottom:1px solid rgba(36,44,57,.7);font-size:12px;white-space:nowrap;color:#b5bdca}tbody tr{cursor:pointer}tbody tr:hover{background:rgba(255,255,255,.018)}td strong,td small{display:block}td small{color:#697487;margin-top:2px;font:10px DM Mono}.pagination{padding:14px 18px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.pagination a{color:var(--accent);text-decoration:none}.back{color:var(--muted);font-size:11px;text-decoration:none}.detail-grid{display:grid;gap:16px}.metadata{padding:20px;display:grid;grid-template-columns:repeat(4,1fr)}.metadata span{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-left:20px}.metadata span:first-child{padding-left:0}.metadata span:last-child{border:0}.metadata small{color:var(--muted);margin-bottom:5px}.metadata strong{font:500 12px DM Mono}.payload pre{margin:0;padding:20px;overflow:auto;max-height:550px;color:#c4cad4;font:11px/1.7 DM Mono;white-space:pre-wrap;overflow-wrap:anywhere;background:#0c1017}.alert{padding:11px 14px;border-radius:8px;margin-bottom:15px;background:#182131;border:1px solid #29364b}.alert.error{color:#ff9ca2;border-color:rgba(255,95,104,.25);background:rgba(255,95,104,.08)}.login-shell{width:min(1100px,calc(100% - 48px));padding:0;display:grid;min-height:100vh;align-items:center}.login-panel{display:grid;grid-template-columns:1.1fr .8fr;gap:9vw;align-items:center}.login-copy h1{font-size:66px;line-height:1.02;margin:18px 0 25px}.login-copy h1 em{font-style:normal;color:var(--accent)}.login-copy p{color:var(--muted);font-size:16px;max-width:470px}.login-card{padding:34px;background:rgba(17,22,32,.92);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:16px}.login-card h2{font-size:23px}.login-card p,.login-card small{color:var(--muted)}.login-card label{font-size:11px;font-weight:600;margin-bottom:-9px}.login-card input{width:100%;font-family:DM Mono;letter-spacing:.1em}.wide{width:100%;padding:12px;display:flex;justify-content:space-between}.login-card small{text-align:center;font-size:9px}.key-illustration{height:52px;width:120px;display:flex;align-items:center}.key-illustration span{width:55px;height:35px;border:2px solid #59657a;border-radius:7px;position:relative}.key-illustration span:after{content:"Y";position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font:500 14px DM Mono}.key-illustration i{height:17px;width:18px;border-top:2px solid #59657a;border-bottom:2px solid #59657a}.key-illustration i:last-child{width:12px;border-right:2px solid #59657a;border-radius:0 3px 3px 0}@media(max-width:850px){.shell{width:min(100% - 28px,1240px);padding-top:32px}.two-col{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.metrics article{border-right:0;border-bottom:1px solid var(--line)}.login-panel{grid-template-columns:1fr;gap:30px;padding:55px 0}.login-copy h1{font-size:46px}.metadata{grid-template-columns:1fr 1fr;gap:18px}.metadata span{padding-left:0;border:0}.topbar{padding:0 16px}.topbar nav{gap:14px}.brand>span:last-child{display:none}}@media(max-width:520px){.page-head{align-items:flex-start;gap:15px}.live{display:none}h1{font-size:28px}.login-copy h1{font-size:40px}.login-card{padding:24px}.inline-form{flex-direction:column}.secret-reveal{align-items:flex-start;flex-direction:column}.chart-wrap{height:270px}.topbar nav a:first-child{display:none}.metadata{grid-template-columns:1fr}.panel>header{padding:15px}.key-row{padding:14px}.key-row>div{grid-template-columns:1fr}.key-row code{margin-top:3px}}