:root{--bg:#0e0a16;--panel:#171221;--panel2:#1b1428;--line:#302638;--line2:#3b3049;--text:#f6f2fb;--muted:#a99eb7;--orange:#ff9d17;--orange2:#ffb94c;--green:#56dba0;--red:#ff7f89;--purple:#7547d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}small{font-size:12px}h1,h2,p{margin-top:0}h1{font-size:36px;letter-spacing:-1.3px;line-height:1.18;margin-bottom:10px}h2{font-size:19px;letter-spacing:-.4px;margin-bottom:0}.sub{color:var(--muted);line-height:1.65;font-size:14px}.eyebrow{font-size:10px;color:var(--orange);letter-spacing:2px;font-weight:800;margin-bottom:11px}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{color:var(--orange);font-size:28px;transform:scaleX(1.15);display:block}.brand strong{display:block;font-size:24px;letter-spacing:-1px;line-height:1}.brand small{color:var(--orange);letter-spacing:6px;font-size:9px;margin-left:2px}.brand.large strong{font-size:30px}.brand.large .brand-symbol{font-size:35px}.auth-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 16px;position:relative;overflow:hidden}.glow{position:absolute;z-index:-1;width:650px;height:600px;top:-250px;right:-200px;background:radial-gradient(circle,#5c168d66,transparent 65%)}.auth-card{width:min(100%,460px);background:#181120e8;border:1px solid var(--line2);border-radius:18px;padding:36px;box-shadow:0 28px 100px #0006}.auth-card .brand{margin-bottom:30px}.auth-card .sub{margin-bottom:24px}.auth-footer{margin-top:25px;text-align:center;font-size:11px;color:#82768f}.stack{display:flex;flex-direction:column;gap:17px}.stack label{color:#d1c6dc;font-size:12px;font-weight:650}.stack input,.stack select{margin-top:7px;width:100%;outline:0;border:1px solid #41334c;background:#110d18;color:white;padding:13px 14px;border-radius:9px;font-size:13px;transition:border .15s}.stack input:focus,.stack select:focus{border-color:var(--orange)}.stack input::placeholder{color:#73677e}.stack select{cursor:pointer}.stack select option{background:#21172c}.btn{border:1px solid transparent;border-radius:9px;padding:12px 17px;display:inline-flex;align-items:center;gap:12px;justify-content:center;font-weight:750;font-size:12px;min-height:42px;white-space:nowrap}.btn span{font-size:16px}.btn.primary{background:linear-gradient(120deg,#ffac31,#ff8b06);color:#251302;box-shadow:0 4px 20px #ff9f171a}.btn.primary:hover{filter:brightness(1.08)}.btn.outline{border-color:#514054;background:#2c2138;color:#f5e9ff}.btn.full{width:100%}.btn.mini{padding:8px 12px;min-height:32px;background:#42304a;color:#fff;border-color:#685270}.fineprint{color:#7e718b;font-size:11px;margin-top:20px;margin-bottom:0}.alert{padding:12px 15px;border-radius:9px;margin:12px 0 20px;font-size:12px}.alert.success{background:#0d382b;border:1px solid #226a52;color:#a5ffd8}.alert.danger{background:#471d2d;border:1px solid #903747;color:#ffbcc3}.alert.small{margin-top:12px}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.sidebar{background:#130f1b;border-right:1px solid #2b2335;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:30px 20px}.sidebar .brand{padding-left:12px}.sidebar-label{font-size:10px;letter-spacing:2px;color:#706881;margin:56px 0 13px 15px;font-weight:800}.nav{display:flex;flex-direction:column;gap:6px}.nav a{border-radius:8px;padding:12px 13px;color:#aaa1b5;display:flex;align-items:center;gap:12px;font-weight:570;font-size:13px}.nav a:hover,.nav a.selected{background:#33223c;color:#ffb440}.nav-icon{font-size:19px;width:21px;text-align:center}.sidebar-bottom{margin-top:auto}.mini-badge{padding:10px;border-radius:8px;background:#211a2a;font-size:11px;color:#96899f}.mini-badge:first-letter{color:var(--green)}.logout{border:0;background:none;color:#a99eb7;font-size:12px;margin:22px 10px}.logout:hover{color:#fff}.main{min-width:0}.topbar{height:71px;border-bottom:1px solid #282031;display:flex;align-items:center;justify-content:space-between;padding:0 42px;color:#b2a6be;font-size:12px}.topbar b{color:#eee5f5;font-weight:600}.slash{margin:0 12px;color:#524258}.top-right{display:flex;align-items:center;gap:15px}.pill{font-size:10px;color:#f7ba5a;background:#38261d;border:1px solid #654320;padding:6px 10px;border-radius:30px;font-weight:750}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(130deg,#b04e29,#5d268f);font-weight:800}.inner{width:min(1280px,100%);margin:auto;padding:35px 42px 25px}.heading-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.heading-row h1 em{font-style:normal;color:var(--orange)}.heading-row .sub{margin:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat{padding:19px 19px 17px}.stat>span{color:#b2a6bf;font-size:11px}.stat>div{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.stat strong{font-size:33px;letter-spacing:-1px;line-height:1}.stat small{color:#82758f}.stat-symbol{font-size:23px;color:#dca056;background:#3f2d32;padding:4px 12px;border-radius:10px}.stat-symbol.green{color:#64d7a8;background:#153c30}.stat-symbol.muted{color:#bfb2d4;background:#393047}.stat-symbol.red{color:#ff868b;background:#422633}.two-col{display:grid;grid-template-columns:1.03fr .97fr;gap:20px;margin-bottom:20px}.two-col>section,.client-card{padding:24px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.section-title .eyebrow{margin-bottom:5px}.round-icon{display:grid;place-items:center;height:39px;width:39px;border:1px solid #684a28;background:#493021;border-radius:9px;color:var(--orange);font-size:22px}.content-included{display:flex;gap:12px;background:#292032;border:1px solid #413149;border-radius:9px;padding:13px}.content-included>span{color:var(--green);font-weight:bold}.content-included strong{font-size:12px;display:block}.content-included small{color:var(--muted);display:block;margin-top:2px}.steps>div{display:flex;gap:13px;position:relative;margin-top:24px}.steps>div>span{width:30px;height:30px;flex:none;display:grid;place-items:center;background:#3a2745;color:#ffa435;border-radius:9px;font-size:12px;font-weight:800}.steps p{margin:0}.steps p b{display:block;font-size:13px}.steps p small{display:block;margin-top:4px;color:var(--muted);line-height:1.6}.info-line{border-top:1px solid var(--line);padding-top:19px;margin-top:23px;color:#a497b1;font-size:12px}.info-line code{display:block;margin-top:5px;color:#d0b4ef;overflow-wrap:anywhere}.client-card{margin-bottom:20px}.count{font-size:11px;color:#9d8fb0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{color:#887b96;text-align:left;font-size:10px;letter-spacing:1px;padding:12px 8px;border-bottom:1px solid var(--line)}td{padding:16px 8px;border-bottom:1px solid #2b2334;color:#d4cbdc}td strong,td small{display:block}td strong{font-size:12px}td small{color:#84758d;margin-top:4px}.tag{border-radius:30px;padding:5px 10px;font-weight:700;font-size:10px;display:inline-block}.tag.good{background:#1a4134;color:#71e7b2}.tag.warning{background:#483822;color:#efc16b}.tag.bad{background:#47232f;color:#fc929f}.actions{display:flex;gap:5px;flex-wrap:wrap}.smallbtn{border:1px solid #514158;background:#2c2235;color:#dacde5;font-size:10px;border-radius:6px;padding:7px 8px}.smallbtn:hover{background:#453450}.smallbtn.danger-link{color:#fca4ac}.empty{text-align:center;color:var(--muted);padding:35px}.empty>span{display:block;font-size:35px;color:var(--orange);margin-bottom:8px}.empty b{display:block;color:#e6deed}.empty p{font-size:12px}.media-card{display:flex;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.media-card>span{font-size:19px;color:var(--orange);width:39px;height:39px;border-radius:9px;background:#3b2b34;display:grid;place-items:center}.media-card>div{flex:1}.media-card strong,.media-card small{display:block}.media-card strong{font-size:12px}.media-card small{color:var(--muted);margin-top:3px}.media-card>b{font-size:18px;color:#d4b9ea}.hint{font-size:11px;line-height:1.6;color:#8e819c;margin:18px 0 0}.hint code{overflow-wrap:anywhere}.new-access{padding:22px;border-color:#745a38;margin-bottom:20px;background:linear-gradient(140deg,#251a2e,#22192b)}.credential-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0}.credential{background:#110d18;border:1px solid #483747;border-radius:8px;padding:12px;min-width:0}.credential small{display:block;color:#9585a6;font-size:9px;letter-spacing:1px}.credential strong{display:block;font-size:12px;overflow-wrap:anywhere;margin:7px 0 10px}.copy{background:none;border:0;color:var(--orange);font-size:11px;padding:0}.url-label{font-size:10px;letter-spacing:1px;font-weight:800;color:#a99db5}.url-box{display:flex;gap:15px;justify-content:space-between;align-items:center;border:1px solid #5c4459;border-radius:8px;background:#100d17;padding:11px 12px;margin-top:7px}.url-box code{font-size:12px;overflow-wrap:anywhere;color:#d9cef0}.footer{font-size:11px;color:#756a82;padding-top:4px;text-align:center}.lower{margin-bottom:18px}section[id]{scroll-margin-top:24px}@media(max-width:1120px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.inner{padding:30px 24px}.topbar{padding:0 24px}}@media(max-width:750px){.layout{grid-template-columns:1fr}.sidebar{height:auto;position:static;display:block;padding:14px 16px 9px}.sidebar .brand strong{font-size:20px}.sidebar .brand small{font-size:8px}.sidebar-label,.sidebar-bottom{display:none}.nav{display:flex;flex-direction:row;overflow-x:auto;padding:10px 0 2px;gap:3px}.nav a{white-space:nowrap;font-size:11px;padding:9px}.nav-icon{font-size:14px;width:auto}.topbar{height:53px;padding:0 16px}.topbar .crumb,.topbar .slash{display:none}.inner{padding:22px 15px}.heading-row{align-items:flex-start;flex-direction:column}.heading-row h1{font-size:29px}.stats{gap:9px}.stat{padding:14px}.stat strong{font-size:26px}.stat-symbol{padding:3px 8px}.two-col>section,.client-card{padding:18px}.credential-grid{grid-template-columns:1fr}.url-box{flex-direction:column;align-items:flex-start}.url-box .btn{align-self:flex-end}.auth-card{padding:26px 22px}}@media(max-width:350px){.stats{grid-template-columns:1fr}}
