:root{color-scheme:dark;--bg:#0e0d12;--panel:#18171d;--panel2:#201e27;--line:#302d38;--text:#f5f3f8;--muted:#a19da9;--accent:#b783ff;--pink:#f47abf;--green:#71d9a6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#6c3f8c40,transparent 31%),var(--bg);color:var(--text);font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.overline{margin:0 0 8px;color:#ca9cff;font-size:10px;font-weight:800;letter-spacing:.13em}.subtitle{color:var(--muted);line-height:1.5}.login{display:grid;min-height:100vh;place-items:center;padding:24px}.login-card{width:min(390px,100%);padding:36px;border:1px solid #ffffff18;border-radius:22px;background:linear-gradient(145deg,#25222d,#16151b);box-shadow:0 25px 90px #0008;text-align:center}.logo{width:76px;height:76px;object-fit:contain}.login h1{margin:16px 0 5px;font-size:30px;letter-spacing:-.04em}.login form{text-align:left;margin-top:25px}.login label{display:block;margin:15px 0;color:#c7c2cc;font-size:12px;font-weight:650}.login input,#modal-fields input,#modal-fields select{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:10px;outline:0;background:#111016;padding:12px;color:var(--text)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b783ff24}.primary{border:0;border-radius:10px;background:linear-gradient(100deg,var(--accent),var(--pink));padding:11px 15px;color:white;font-weight:750;box-shadow:0 9px 25px #a75eda3d}.primary span{margin-left:10px;font-size:17px}.login .primary{display:flex;justify-content:space-between;width:100%;margin-top:22px}.error{min-height:18px;color:#ff91b3;font-size:12px}.login small{color:#77717f;font-size:11px}.shell{display:grid;grid-template-columns:225px 1fr;min-height:100vh}aside{display:flex;flex-direction:column;padding:24px 13px;border-right:1px solid var(--line);background:#121116}.brand{display:flex;align-items:center;gap:10px;padding:0 9px}.brand img{width:38px;height:38px;object-fit:contain}.brand span{font-size:13px;font-weight:850;letter-spacing:.13em}.brand small{display:block;margin-top:4px;color:#9b70d2;font-size:8px;letter-spacing:.2em}nav{margin-top:46px}.tab{display:block;width:100%;margin:4px 0;border:1px solid transparent;border-radius:9px;background:transparent;padding:11px 12px;color:#a49eaa;text-align:left;font-weight:650}.tab:hover{background:#ffffff09;color:#fff}.tab.active{border-color:#b783ff35;background:linear-gradient(90deg,#b783ff2b,#f47abf12);color:#fff}.side-footer{margin-top:auto;padding:10px}.online{display:flex;align-items:center;gap:7px;color:#a9a3ad;font-size:11px}.online i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #71d9a6}.quiet{width:100%;margin-top:19px;border:0;background:transparent;color:#a39ba8;text-align:left;font-size:11px}.main{min-width:0}.main header{display:flex;justify-content:space-between;align-items:center;height:70px;padding:0 clamp(22px,5vw,64px);border-bottom:1px solid #26232d;background:#12111699;backdrop-filter:blur(16px)}.crumb{color:#7d7585;font-size:10px;font-weight:800;letter-spacing:.1em}.crumb b{margin:0 9px;color:#4d4554}.account{display:flex;align-items:center;gap:8px;color:#c8c1cc;font-size:11px}.account i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--pink));font-style:normal;font-weight:800}.content{width:min(1200px,100%);margin:auto;padding:48px clamp(22px,5vw,64px)}.title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:30px}.title-row h1{margin:0;font-size:34px;letter-spacing:-.05em}.title-row .subtitle{margin:8px 0 0}.buttons{display:flex;gap:8px}.secondary{border:1px solid var(--line);border-radius:10px;background:#201e26;padding:10px 14px;color:#d4ced9;font-weight:650}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats article,.card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#1d1b23,#15141a);box-shadow:0 15px 40px #0002}.stats article{padding:18px}.stats small{color:#918999;font-size:9px;font-weight:800;letter-spacing:.09em}.stats strong{display:block;margin:8px 0 3px;font-size:30px;letter-spacing:-.06em}.stats span{color:#807989;font-size:11px}.status-card{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding:24px}.status-card h2,.card-head h2{margin:0;font-size:17px}.status-card p:not(.overline),.card-head p{margin:6px 0 0;color:var(--muted);font-size:12px}.app-error{margin:16px clamp(22px,5vw,64px) 0;border:1px solid #ff769a55;border-radius:10px;background:#70213829;padding:11px;color:#ffb3c6;font-size:12px}.key{margin-bottom:14px;border:1px solid #bd78ef;border-radius:12px;background:#381e48;padding:14px;color:#ffe0f5;font-family:ui-monospace,Consolas;font-size:12px;word-break:break-all}.table-card{overflow:hidden}.card-head{display:flex;justify-content:space-between;padding:21px 23px;border-bottom:1px solid var(--line)}.badge{border-radius:20px;background:#2b2733;padding:6px 9px;color:#bcb3c5;font-size:10px}.table-wrap{overflow:auto}table{width:100%;min-width:620px;border-collapse:collapse}th{padding:13px 22px;border-bottom:1px solid var(--line);color:#847b8c;font-size:9px;letter-spacing:.1em;text-align:left}td{padding:16px 22px;border-bottom:1px solid #27242d;color:#ccc5d0;font-size:12px}.status{border-radius:20px;background:#2e75502b;padding:5px 8px;color:#86e6b4;font-size:10px;font-weight:750;text-transform:capitalize}.status.revoked,.status.disabled{background:#7b31482b;color:#ff9bb8}.revoke{border:1px solid #6e354c;border-radius:7px;background:#341724;padding:6px 8px;color:#ffa0ba;font-size:10px}.empty td{text-align:center;color:#89808f;padding:34px}dialog{border:0;background:transparent;padding:0;color:var(--text)}dialog::backdrop{background:#08070baa;backdrop-filter:blur(5px)}dialog form{position:relative;width:min(420px,calc(100vw - 30px));border:1px solid #453752;border-radius:18px;background:#1a1820;padding:28px;box-shadow:0 30px 80px #000a}dialog h2{margin:0;font-size:24px}.close{position:absolute;right:14px;top:11px;border:0;background:transparent;color:#afa6b6;font-size:25px}menu{display:flex;justify-content:flex-end;gap:8px;margin:25px 0 0;padding:0}@media(max-width:760px){.shell{display:block}aside{position:relative;height:auto}.side-footer{display:none}nav{display:flex;margin:16px 0 0}.tab{font-size:11px}.content{padding-top:30px}.stats{grid-template-columns:1fr 1fr}.title-row{align-items:flex-start;flex-direction:column}.account span{display:none}.status-card{align-items:flex-start;flex-direction:column;gap:15px}}
