:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f5f3ff;background:#090914;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.glow{position:fixed;pointer-events:none;border-radius:50%;filter:blur(95px);z-index:-1}.glow-a{width:370px;height:370px;background:#5321ac5c;top:-160px;right:10%}.glow-b{width:330px;height:330px;background:#04c7d139;bottom:-180px;left:4%}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:21px;letter-spacing:1.3px}.brand-mark{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#7e48e8,#34dae4);color:white;box-shadow:0 8px 28px #692dc070}.brand-dot,.accent{color:#38d7de}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.8px;color:#50d5db}.muted{color:#a29db6;line-height:1.55}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,440px);padding:43px;background:linear-gradient(150deg,#19152e,#11101f);border:1px solid #42375f;border-radius:24px;box-shadow:0 28px 100px #0009}.login-card .eyebrow{margin-top:60px}.login-card h1{font-size:38px;letter-spacing:-1.6px;margin:12px 0 7px}.login-card p{margin:0 0 26px}.stack{display:grid;gap:19px}.stack label{display:grid;gap:8px;color:#d9d4e8;font-size:13px;font-weight:700}input,select{width:100%;background:#0d0c1b;border:1px solid #39334f;color:#faf8ff;border-radius:11px;min-height:46px;padding:11px 13px;outline:none}input:focus,select:focus{border-color:#44d7db;box-shadow:0 0 0 3px #36c8d326}input::placeholder{color:#68617f}.primary{min-height:46px;border:0;border-radius:11px;padding:11px 18px;background:linear-gradient(110deg,#7943e7,#5b35cc);color:#fff;font-weight:800;box-shadow:0 8px 24px #4e23bd40;display:inline-flex;align-items:center;justify-content:center;gap:20px}.primary:hover{filter:brightness(1.14)}.login-card .primary{margin-top:6px;justify-content:space-between}.login-foot{display:flex;align-items:center;gap:9px;border-top:1px solid #332b46;margin-top:35px;padding-top:22px;color:#89849e;font-size:12px}.status-dot{width:8px;height:8px;background:#43dcba;border-radius:50%;display:inline-block;box-shadow:0 0 12px #42dcb5}.app-shell{display:flex;min-height:100vh}.sidebar{width:239px;flex-shrink:0;background:#100e1e;border-right:1px solid #28233c;padding:24px 14px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 10px}.sidebar-label{font-size:10px;letter-spacing:2px;color:#706b86;font-weight:800;margin:49px 17px 15px}.nav{display:grid;gap:4px}.nav-item{width:100%;background:transparent;border:1px solid transparent;border-radius:10px;text-align:left;color:#aaa5bd;padding:12px 15px;font-weight:700;display:flex;align-items:center;gap:13px}.nav-item:hover,.nav-item.active{background:#2b2243;color:#f6f1ff;border-color:#493363}.nav-item.active{box-shadow:inset 3px 0 #52d9df}.nav-icon{font-size:20px;width:23px;text-align:center;color:#8c6fe0}.sidebar-bottom{margin-top:auto;border-top:1px solid #28233c;padding:20px 10px 0;display:grid;gap:17px}.online{color:#9c97ac;font-size:11px;display:flex;align-items:center;gap:8px}.ghost,.text-button{border:0;background:transparent;color:#aaa3c6;text-align:left;padding:0;font-weight:700}.ghost:hover,.text-button:hover{color:#50d9e1}.main-area{flex:1;min-width:0}.topbar{height:75px;border-bottom:1px solid #26213a;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#0d0c19bb}.crumb{font-size:13px;color:#77718d}.crumb span{padding:0 10px}.crumb b{color:#d9d5e8}.top-user{display:flex;align-items:center;gap:12px;font-size:13px;color:#d5d0e3}.pill{border:1px solid #4c3b75;background:#251b43;color:#bea6ff;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:900;letter-spacing:1px}.avatar{width:31px;height:31px;background:#3b286b;border-radius:50%;display:grid;place-items:center;color:#cbb6ff;font-weight:900}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.content{max-width:1440px;margin:auto;padding:36px 38px 65px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.page-head h1{font-size:36px;letter-spacing:-1.2px;margin:11px 0 5px}.page-head p{margin:0}.page-head .primary{white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:26px}.stat-card,.panel{background:linear-gradient(145deg,#171329,#11101d);border:1px solid #322944;border-radius:16px}.stat-card{padding:22px;display:grid;gap:7px;min-height:148px}.stat-card span{color:#a9a3b9;font-size:13px;font-weight:700}.stat-card strong{font-size:34px;letter-spacing:-1px}.stat-card small{color:#7c7890}.panel{padding:24px}.panel h2{margin:0;font-size:17px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.panel-head p{margin:4px 0 0;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:660px}th{color:#79738f;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:800;padding:12px 10px;border-bottom:1px solid #302a42}td{font-size:12px;color:#d1ccdf;padding:16px 10px;border-bottom:1px solid #272239;vertical-align:middle}tr:last-child td{border-bottom:0}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#eee9ff;font-size:12px}.state{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:30px;font-size:11px;font-weight:800;background:#243731;color:#63e3bb}.state.pending{background:#292540;color:#bca8f5}.state.expired,.state.revoked,.state.disabled{background:#3a2430;color:#ff9aa8}.state:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.actions{display:flex;gap:6px;flex-wrap:wrap}.small-btn{border:1px solid #433851;border-radius:7px;background:#211b31;color:#cfc6e5;padding:6px 8px;font-size:11px}.small-btn:hover{border-color:#59ced9;color:#fff}.columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr);gap:20px}.form-panel h2{margin-bottom:8px}.form-panel p{font-size:12px;margin-bottom:25px}.form-panel .primary{justify-content:center}.narrow{max-width:460px}.reseller-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #302a42;padding:16px 0}.reseller-row:first-child{border-top:0}.reseller-row strong{display:block;font-size:14px}.reseller-row small{display:block;color:#8e889f;margin-top:4px}.reseller-row .right{text-align:right}.reseller-row .right strong{color:#50d7de}.reseller-row .actions{justify-content:flex-end;margin-top:8px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.price-card{padding:25px;background:linear-gradient(145deg,#1c1632,#11101f);border:1px solid #3b2d56;border-radius:16px}.price-card .eyebrow{margin-bottom:20px}.price-card h2{font-size:22px;margin:0 0 7px}.price-card p{font-size:12px;color:#aaa4ba;margin:0 0 23px}.price-card .stack{gap:12px}.message{padding:12px 15px;border:1px solid #3d7c77;border-radius:9px;background:#14302f;color:#91f5dd;margin-bottom:22px;font-size:13px}.message.error{background:#3a202b;border-color:#864657;color:#ffb7c4}.login-card .message{margin:17px 0 0}.empty{color:#8f89a3;font-size:13px;padding:28px 4px}dialog{width:min(94vw,490px);border:1px solid #584176;background:#171329;color:#f6f2ff;border-radius:18px;padding:25px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#05040bd9;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;margin-bottom:24px}.dialog-head h2{margin:6px 0 0;font-size:23px}.close{background:none;color:#c9bfdb;border:0;font-size:27px;line-height:1}.cost-line{color:#61d9df;font-size:13px;margin-top:-10px;font-weight:700}.generated{margin-top:22px;padding:19px;border:1px solid #3c8b8f;background:#11292d;border-radius:12px}.generated span{color:#64d9df;font-size:10px;letter-spacing:1.5px;font-weight:900}.generated strong{display:block;font-family:monospace;font-size:21px;letter-spacing:1px;margin:14px 0;word-break:break-word}.generated p{font-size:12px;color:#aaa;line-height:1.5}.secondary{border:1px solid #5bc8cc;background:#17373b;color:#d8fbff;border-radius:8px;padding:9px 12px;font-weight:800}@media(max-width:980px){.sidebar{width:200px}.content{padding:28px 23px}.topbar{padding:0 23px}.pricing-grid{grid-template-columns:1fr}.columns{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{position:fixed;left:-250px;z-index:9;transition:left .2s;width:240px;box-shadow:16px 0 60px #0008}.sidebar.open{left:0}.menu-toggle{display:block}.topbar{height:62px;padding:0 16px}.top-user #username{display:none}.content{padding:25px 16px 55px}.page-head{align-items:start;flex-direction:column}.page-head h1{font-size:30px}.page-head .primary{width:100%}.stats{grid-template-columns:1fr;gap:11px}.stat-card{min-height:auto;padding:17px;grid-template-columns:1fr auto;align-items:center}.stat-card strong{grid-column:2;grid-row:1/3;font-size:27px}.stat-card small{grid-column:1}.panel{padding:17px}.login-card{padding:30px 23px}.login-card .eyebrow{margin-top:45px}.login-card h1{font-size:32px}.top-user{gap:6px}}
