:root{color-scheme:dark;--bg:#080c0e;--surface:#101719;--surface2:#162023;--surface3:#1d292d;--line:#293a40;--strong:#3d535a;--text:#f1f5f4;--muted:#97a8aa;--faint:#637578;--green:#66d295;--greenDim:#163724;--cyan:#54c9dc;--amber:#efb64c;--amberDim:#382b13;--red:#ef6c72;--redDim:#391b1e;--blue:#72a2ee;--violet:#a88be6;--sidebar:250px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--bg);color:var(--text)}body{letter-spacing:0}button,input,select,textarea{font:inherit;letter-spacing:0}.hidden{display:none!important}.mobile{display:none!important}.eyebrow{margin:0 0 5px;color:var(--green);font:800 9px/1.2 ui-monospace,monospace;text-transform:uppercase}.eyebrow.red{color:var(--red)}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--cyan);background:#0b1518;color:var(--cyan);font:900 12px/1 ui-monospace,monospace}
.boot{position:fixed;inset:0;z-index:100;display:grid;place-content:center;gap:18px;background:var(--bg)}.boot span{display:grid;place-items:center;width:68px;height:68px;border:1px solid var(--cyan);color:var(--cyan);font:900 19px/1 ui-monospace,monospace}.boot i{width:130px;height:2px;background:var(--line);overflow:hidden}.boot i:after{content:"";display:block;width:35%;height:100%;background:var(--cyan);animation:load 1s infinite alternate}@keyframes load{to{transform:translateX(190%)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}
.login{position:relative;min-height:100vh;overflow:hidden}.login-world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.login-shade{position:absolute;inset:0;background:rgba(3,8,10,.64)}.login-brand{position:absolute;z-index:2;top:44px;left:clamp(28px,6vw,90px);display:flex;align-items:center;gap:12px}.login-brand strong{font-size:18px}.login-brand small{padding-left:12px;border-left:1px solid #ffffff40;color:#cad3d3}.login-copy{position:relative;z-index:2;width:min(720px,calc(100% - 48px));padding-top:clamp(190px,25vh,270px);margin-left:clamp(28px,6vw,90px)}.login-copy h1{margin:0;max-width:720px;font-size:clamp(48px,6vw,82px);line-height:.98}.login-copy>p:not(.eyebrow){max-width:600px;margin:24px 0;color:#c2cdce;font-size:17px;line-height:1.6}.login-copy>small{display:flex;gap:8px;align-items:center;margin-top:14px;color:#bdc9ca}.login-copy>small svg{width:15px}
.button{min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--strong);border-radius:5px;background:var(--surface2);color:var(--text);text-decoration:none;cursor:pointer}.button svg{width:17px}.button.primary{border-color:var(--green);background:var(--green);color:#08140d;font-weight:900}.button.quiet{background:transparent}.button.danger{border-color:var(--red);background:var(--redDim);color:#ffb3b7}.button.wide{width:min(520px,100%)}.icon{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--muted);cursor:pointer;text-decoration:none}.icon:hover{border-color:var(--cyan);color:var(--cyan)}.icon svg{width:17px}
.password-gate{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 390px}.password-gate>section{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,8vw,120px);border-right:1px solid var(--line)}.gate-number{color:var(--faint);font:900 80px/1 ui-monospace,monospace}.password-gate h1{margin:15px 0 5px;font-size:48px}.password-gate p{color:var(--muted)}.password-gate form{width:min(560px,100%);display:grid;gap:14px;margin-top:28px}.password-gate label,.dialog label{display:grid;gap:7px;color:var(--muted);font-size:10px}.password-gate input,.dialog input,input,select{min-height:42px;padding:9px 11px;border:1px solid var(--strong);border-radius:4px;outline:none;background:#0a1012;color:var(--text)}input:focus,select:focus{border-color:var(--cyan)}.password-gate section>a{margin-top:22px;color:var(--faint)}.password-gate>aside{display:grid;align-content:center;gap:1px;background:#0c1214}.password-gate>aside>div{min-height:130px;display:grid;grid-template-columns:38px 1fr;gap:7px 12px;align-content:center;padding:24px;border-bottom:1px solid var(--line)}.password-gate>aside svg{grid-row:span 2;color:var(--cyan)}.password-gate>aside span{color:var(--faint);font-size:10px}
.app{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0c1214}.sidebar-brand{height:78px;display:flex;align-items:center;gap:10px;padding:0 17px;border-bottom:1px solid var(--line)}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand small{margin-top:3px;color:var(--faint);font-size:8px;text-transform:uppercase}.authority{display:grid;grid-template-columns:30px 1fr 8px;gap:9px;align-items:center;margin:14px;padding:11px;border:1px solid #2d6041;background:var(--greenDim)}.authority svg{width:20px;color:var(--green)}.authority small,.authority strong{display:block}.authority small{color:#8ab99a;font-size:7px}.authority strong{font:800 11px/1 ui-monospace,monospace;color:var(--green)}.authority b,.api-live i{width:7px;height:7px;border-radius:50%;background:var(--green)}nav{flex:1;overflow:auto;padding:4px 10px}nav p{margin:16px 9px 6px;color:var(--faint);font:700 8px/1 ui-monospace,monospace;text-transform:uppercase}nav button{width:100%;min-height:40px;display:grid;grid-template-columns:23px 1fr auto;gap:8px;align-items:center;padding:0 10px;border:0;border-radius:4px;background:transparent;color:var(--muted);text-align:left;cursor:pointer}nav button:hover,nav button.active{background:var(--surface2);color:var(--text)}nav button.active{box-shadow:inset 2px 0 var(--cyan)}nav button svg{width:17px}nav button b{color:var(--cyan);font:700 9px/1 ui-monospace,monospace}.sidebar-user{min-height:66px;display:grid;grid-template-columns:35px 1fr;gap:10px;align-items:center;padding:12px;border-top:1px solid var(--line)}.sidebar-user img{width:35px;height:35px;border-radius:50%}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user small{color:var(--green);font-size:8px}.workspace{min-height:100vh;margin-left:var(--sidebar)}.topbar{position:sticky;z-index:10;top:0;height:74px;display:flex;align-items:center;gap:13px;padding:0 25px;border-bottom:1px solid var(--line);background:rgba(8,12,14,.95);backdrop-filter:blur(12px)}.topbar h1{margin:0;font-size:20px}.top-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.api-live{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #315d41;border-radius:4px;background:var(--greenDim);color:var(--green);font:800 8px/1 ui-monospace,monospace}.content{--accent:var(--cyan);width:min(1550px,100%);margin:0 auto;padding:23px 25px 60px}.content[data-view="forge"],.content[data-view="licenses"],.content[data-view="subscriptions"]{--accent:var(--amber)}.content[data-view="security"]{--accent:var(--red)}
.view-intro{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:17px;padding:3px 0 13px 13px;border-left:3px solid var(--accent);border-bottom:1px solid var(--line)}.view-intro h2{margin:0;font-size:24px}.view-intro p{margin:5px 0 0;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:9px;margin-bottom:12px}.metric{min-height:104px;padding:14px;border:1px solid var(--line);border-top:2px solid var(--accent);background:var(--surface)}.metric span{color:var(--muted);font-size:9px;text-transform:uppercase}.metric strong{display:block;margin-top:16px;font:900 25px/1 ui-monospace,monospace}.metric small{display:block;margin-top:7px;color:var(--faint);font-size:9px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:11px;align-items:start}.panel{grid-column:span 12;border:1px solid var(--line);border-top-color:var(--accent);background:var(--surface)}.span8{grid-column:span 8}.span7{grid-column:span 7}.span6{grid-column:span 6}.span5{grid-column:span 5}.span4{grid-column:span 4}.panel-head{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:13px}.panel-head p{margin:4px 0 0;color:var(--faint);font-size:9px}.panel-body{padding:14px}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:10px;background:var(--surface3);color:var(--muted);font-size:9px;text-transform:capitalize}.status.active,.status.premium,.status.redeemed,.status.online{background:var(--greenDim);color:var(--green)}.status.free,.status.unused{background:var(--amberDim);color:var(--amber)}.status.revoked,.status.failed,.status.expired{background:var(--redDim);color:var(--red)}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px}th{padding:10px 12px;border-bottom:1px solid var(--line);color:var(--faint);font-size:8px;text-align:left;text-transform:uppercase}td{padding:11px 12px;border-bottom:1px solid var(--line);color:var(--muted);white-space:nowrap}td strong{color:var(--text)}tbody tr:hover{background:var(--surface2)}.table-action{padding:4px 7px;border:1px solid var(--line);background:transparent;color:var(--cyan);cursor:pointer}.toolbar{display:flex;gap:8px}.toolbar input{width:260px}.toolbar select{width:155px}.activity-list{display:grid}.activity-row{min-height:55px;display:grid;grid-template-columns:100px 100px 120px 1fr;gap:10px;align-items:center;padding:9px 13px;border-bottom:1px solid var(--line);font-size:10px}.activity-row time{color:var(--faint);font-family:ui-monospace,monospace}.activity-row b{color:var(--cyan)}.activity-row span{color:var(--muted)}.bar-chart{height:185px;display:flex;align-items:end;gap:7px;padding:20px}.bar-chart i{flex:1;min-width:5px;background:var(--cyan)}
.forge-layout{display:grid;grid-template-columns:420px minmax(0,1fr);gap:12px}.field-list{display:grid;gap:11px}.field-list label{display:grid;gap:6px;color:var(--muted);font-size:10px}.duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.duration-grid button{min-height:45px;padding:7px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.duration-grid button.active{border-color:var(--amber);background:var(--amberDim);color:var(--amber)}.key-output{display:grid;gap:7px}.key-row{display:grid;grid-template-columns:1fr 34px;gap:7px;align-items:center;padding:10px;border:1px solid var(--line);background:#090f11}.key-row code{overflow:hidden;text-overflow:ellipsis;color:var(--green)}.key-row button{height:30px;border:0;background:var(--surface3);color:var(--cyan);cursor:pointer}.empty{min-height:180px;display:grid;place-content:center;justify-items:center;color:var(--faint);text-align:center}.empty svg{width:30px;margin-bottom:8px}.danger-zone{border-color:#71373b}.danger-zone .panel-head{background:var(--redDim)}.danger-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.danger-action{min-height:92px;padding:13px;border:1px solid #71373b;background:transparent;color:var(--text);text-align:left;cursor:pointer}.danger-action strong,.danger-action small{display:block}.danger-action small{margin-top:6px;color:var(--muted)}
.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recovery-grid .panel-body>p{min-height:38px;line-height:1.5}.recovery-grid .button{margin-top:10px}
.dialog{width:min(980px,calc(100vw - 30px));max-height:88vh;padding:0;border:1px solid var(--strong);border-radius:6px;background:var(--surface);color:var(--text);box-shadow:0 30px 90px #000}.dialog::backdrop{background:rgba(0,0,0,.8)}.dialog form>header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.dialog h2{margin:0}.dialog-body,#server-detail{padding:15px;overflow:auto}.dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:13px;border-top:1px solid var(--line)}.danger-dialog{width:min(560px,calc(100vw - 30px))}.toasts{position:fixed;z-index:100;right:18px;bottom:18px;width:min(390px,calc(100vw - 36px));display:grid;gap:8px}.toast{display:grid;grid-template-columns:18px 1fr 18px;gap:8px;padding:12px;border:1px solid var(--strong);border-left:3px solid var(--green);background:var(--surface2);box-shadow:0 15px 50px #000}.toast.error{border-left-color:var(--red)}.toast p{margin:0;color:var(--muted);font-size:10px}.toast button{border:0;background:transparent;color:var(--faint)}.red{color:var(--red)}.green{color:var(--green)}.amber{color:var(--amber)}.mono{font-family:ui-monospace,monospace}
@media(max-width:1120px){.metric-grid{grid-template-columns:repeat(3,1fr)}.span8,.span7,.span6,.span5,.span4{grid-column:span 12}.forge-layout{grid-template-columns:1fr}}
@media(max-width:800px){.mobile{display:grid!important}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.scrim.open{position:fixed;inset:0;z-index:19;background:#000a}.workspace{margin-left:0}.content{padding:17px 12px 48px}.topbar{padding:0 12px}.api-live{display:none}.password-gate{grid-template-columns:1fr}.password-gate>aside{display:none}.toolbar{width:100%;flex-direction:column}.toolbar input,.toolbar select{width:100%}.view-intro{align-items:start;flex-direction:column}.danger-actions,.recovery-grid{grid-template-columns:1fr}}
@media(max-width:520px){.login-copy{margin-left:20px;padding-top:160px}.login-copy h1{font-size:43px}.metric-grid{grid-template-columns:1fr 1fr}.duration-grid{grid-template-columns:1fr 1fr}.activity-row{grid-template-columns:80px 75px 1fr}.activity-row>:last-child{display:none}}