:root{--bg:#0b1020;--panel:#141b2d;--panel-2:#0f1729;--text:#e8ecf7;--muted:#9eabc7;--line:#27324a;--primary:#7c5cff;--primary-2:#6344f5;--danger:#e45858;--soft:#1b2438;--success:#22c55e}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#0b1020,#0f172a);color:var(--text)}a{text-decoration:none;color:inherit}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;padding:13px 14px;background:#0b1222;border:1px solid var(--line);border-radius:14px;color:var(--text)}textarea{min-height:120px;resize:vertical}button{cursor:pointer}.layout{display:flex;min-height:100vh}.sidebar{width:270px;padding:22px;border-right:1px solid var(--line);background:rgba(7,12,24,.72);backdrop-filter:blur(18px);position:sticky;top:0;height:100vh}.brand{font-size:22px;font-weight:800;padding:10px 6px 24px}.brand i{color:#9e8cff}.nav{display:grid;gap:8px}.nav a{padding:12px 14px;border-radius:14px;color:var(--muted);background:transparent}.nav a:hover{background:var(--soft);color:#fff}.main{flex:1;padding:24px 28px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.topbar h1{margin:0 0 6px;font-size:28px}.muted{color:var(--muted)}.chip{display:inline-flex;gap:8px;align-items:center;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:999px}.top-actions{display:flex;gap:12px;align-items:center}.card{background:rgba(20,27,45,.92);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 18px 60px rgba(0,0,0,.25)}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.stat-card{display:flex;justify-content:space-between;align-items:center}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.stat-card h3{margin:0;font-size:34px}.icon-lg{font-size:28px;color:#a79aff}.panel-grid{margin-top:16px;display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}.table th{color:#bac5df;font-size:13px}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.searchbar{display:flex;gap:12px;flex-wrap:wrap}.searchbar input,.searchbar select{width:auto;min-width:160px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:none;border-radius:14px;background:#24304b;color:#fff}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2))}.btn-danger{background:linear-gradient(135deg,#d94b4b,#b83030)}.btn-soft{background:#1a2340}.table-wrap{overflow:auto}.actions{display:flex;gap:8px;flex-wrap:wrap}.pagination{display:flex;gap:8px;margin-top:16px}.page{padding:10px 12px;border-radius:12px;background:#11192d;border:1px solid var(--line)}.page.active{background:var(--primary)}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.one{grid-template-columns:1fr}.full{grid-column:1/-1}.form-card{max-width:1100px}.form-actions{display:flex;gap:12px}.section-title{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:#c7d0e7;margin-bottom:12px}.social-builder{padding:16px;border:1px dashed #34415f;border-radius:18px}.social-row{display:grid;grid-template-columns:1.4fr 1fr 1.8fr auto;gap:10px;margin-bottom:10px}.permissions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.check{display:flex;gap:10px;align-items:center;padding:10px 12px;background:#10182d;border:1px solid var(--line);border-radius:14px}.check input{width:auto}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,460px);padding:32px;border-radius:28px;background:rgba(20,27,45,.94);border:1px solid var(--line);box-shadow:0 26px 80px rgba(0,0,0,.3)}.auth-card h2{margin:0 0 10px;font-size:32px}.auth-logo{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#26b8ff);font-size:24px;margin-bottom:18px}.helper-box,.alert{margin-top:16px;padding:14px 16px;border-radius:16px;background:#11182c;border:1px solid var(--line)}.alert-danger{border-color:#6f2d2d;background:#211314}.reveal-btn{margin-left:8px;padding:6px 10px;border-radius:10px;background:#263250;border:none;color:#fff}.secret-mask{font-family:ui-monospace,monospace}.form-card small{display:block;margin-top:6px;color:var(--muted)}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.panel-grid{grid-template-columns:1fr}.permissions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.layout{display:block}.sidebar{width:auto;height:auto;position:static}.main{padding:18px}.grid.two,.social-row,.permissions-grid,.stats-grid{grid-template-columns:1fr}.topbar,.toolbar{flex-direction:column;align-items:stretch}.searchbar input,.searchbar select{width:100%}}