:root{--bg:#0f1115;--panel:#171a21;--panel2:#1e222b;--line:#2a2f3a;--txt:#e8eaee;--mute:#8d95a3;--ok:#2bbf6a;--bad:#e2231a;--warn:#f5b301;--blue:#4da3ff;--violet:#7c3aed;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--blue)}h1,h2,h3{margin:0 0 .6rem}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}
.center{min-height:100vh;display:grid;place-items:center;padding:1rem}
.box{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.6rem}
.brand{font-weight:900;font-size:1.6rem;letter-spacing:.5px}.brand .a{color:var(--bad)}.brand .b{color:var(--ok)}
.sub{color:var(--mute);margin:.2rem 0 1.2rem}
label{display:block;font-size:.85rem;color:var(--mute);margin:.8rem 0 .25rem}
input,select,textarea{width:100%;padding:.65rem .8rem;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--txt);font:inherit}
textarea{min-height:84px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--violet);border-color:transparent}
.btn{display:inline-block;padding:.6rem 1rem;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--txt);font:inherit;font-weight:600;cursor:pointer}
.btn:hover{border-color:var(--mute)}.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.primary{background:var(--violet);border-color:var(--violet)}.btn.ok{background:var(--ok);border-color:var(--ok);color:#06210f}
.btn.danger{background:transparent;border-color:var(--bad);color:#ff8a84}.btn.full{width:100%;margin-top:1.1rem}.btn.small{padding:.35rem .65rem;font-size:.85rem}
.msg{margin-top:.9rem;padding:.6rem .8rem;border-radius:10px;font-size:.9rem}.msg.err{background:#3a1715;color:#ffb4af}.msg.ok{background:#12301f;color:#9be7bb}.hidden{display:none!important}
header.top{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;padding:.8rem 1.2rem;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
header.top .grow{flex:1}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.5px}
.badge.admin{background:#1b3a5c;color:#9fcbff}.badge.coo{background:#3a2a5c;color:#cdb4ff}.badge.ceo{background:#5c4a12;color:#ffd96b}
.badge.ok{background:#12301f;color:#9be7bb}.badge.bad{background:#3a1715;color:#ffb4af}.badge.warn{background:#3d3210;color:#ffd96b}
main{max-width:1100px;margin:0 auto;padding:1.2rem}
.tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.tab{padding:.5rem .9rem;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--mute);cursor:pointer;font:inherit;font-weight:600}
.tab.active{background:var(--violet);border-color:var(--violet);color:#fff}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem;margin-bottom:.8rem}
.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.row .grow{flex:1;min-width:160px}.meta{color:var(--mute);font-size:.85rem}
.grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem}
.stat .n{font-size:1.9rem;font-weight:800}.stat .l{color:var(--mute);font-size:.85rem}
.perms{display:grid;gap:.3rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:.4rem 0}.perms label{display:flex;gap:.5rem;align-items:center;margin:0;color:var(--txt);font-size:.9rem}.perms input{width:auto}
table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--mute);font-weight:600}
.scroll{overflow-x:auto}.qr{display:block;margin:1rem auto;width:200px;height:200px;background:#fff;border-radius:12px;padding:8px}.secret{word-break:break-all;font-family:ui-monospace,monospace;font-size:.85rem;color:var(--mute);text-align:center}
.toast{position:fixed;left:50%;bottom:1.2rem;transform:translateX(-50%);background:var(--panel2);border:1px solid var(--line);padding:.7rem 1.1rem;border-radius:12px;z-index:50;max-width:92vw}
.toast.err{border-color:var(--bad)}.toast.ok{border-color:var(--ok)}.empty{color:var(--mute);text-align:center;padding:2rem}