:root{--bg:#07070a;--panel:#111116;--panel2:#16161d;--line:#292933;--text:#f5f4f8;--muted:#8b8995;--purple:#9b5cff;--purple2:#5d24a8;--green:#2fe887;--blue:#4aa6ff;--red:#ff5364;--orange:#ff9b50}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 8%,#1c0c2b 0,#09090d 32%,#060609 70%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.hidden{display:none!important}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{border-right:1px solid var(--line);background:rgba(10,10,14,.92);padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.brand b{letter-spacing:5px;font-size:20px}.brand small{display:block;color:var(--purple);font-size:10px;margin-top:5px}.mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#c07cff,#5d24a8);display:grid;place-items:center;font-weight:900;font-size:22px;box-shadow:0 0 35px #7c3aed55}nav{display:grid;gap:7px}nav button{border:0;background:transparent;color:#aaa8b2;text-align:left;padding:12px 14px;border-radius:12px;font-size:14px;cursor:pointer}nav button:hover,nav button.active{background:#1b1523;color:#fff;box-shadow:inset 3px 0 var(--purple)}.aside-foot{margin-top:auto;padding:14px 8px;border-top:1px solid var(--line);font-size:12px}.aside-foot a{color:#ff7787;text-decoration:none;display:block;margin-top:9px}main{padding:30px;max-width:1600px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;color:var(--purple);letter-spacing:4px}h1{margin:7px 0 0;font-size:30px}.search-wrap{display:flex;gap:8px}.search-wrap input,.input{background:#111116;border:1px solid var(--line);color:#fff;border-radius:11px;padding:11px 13px;min-width:270px}.search-wrap button,.primary,.btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border:0;border-radius:11px;padding:11px 16px;text-decoration:none;cursor:pointer;font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:linear-gradient(180deg,#15151b,#101014);border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 18px 45px #0005}.metric{position:relative;overflow:hidden}.metric:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:var(--purple)}.metric.blue:before{background:var(--blue)}.metric.green:before{background:var(--green)}.metric.orange:before{background:var(--orange)}.metric.red:before{background:var(--red)}.metric span{color:var(--muted);font-size:11px;text-transform:uppercase}.metric strong{display:block;font-size:28px;margin-top:8px}.wide{grid-column:span 2}.full{grid-column:1/-1}.chart{height:230px}.chart canvas{width:100%;height:180px}.section-title{font-size:15px;margin:0 0 14px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:11px;border-bottom:1px solid #23232b;text-align:left}.table th{color:#7f7d89;font-size:10px;text-transform:uppercase}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#22202b;color:#b9a4ff;font-size:11px}.pill.green{background:#10251b;color:#5ff2a2}.pill.red{background:#301419;color:#ff8390}.stack{display:grid;gap:12px}.split{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.panel-hero{background:linear-gradient(135deg,#15111c,#13081f);border:1px solid #342342;min-height:150px;display:flex;justify-content:space-between;align-items:center}.panel-hero h2{font-size:25px;letter-spacing:5px}.panel-hero .right{text-align:right;color:#ca8fff}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.btn.secondary{background:#1d1d24;border:1px solid var(--line)}.btn.danger{background:#42151d}.empty{color:var(--muted);padding:35px;text-align:center}.login{display:grid;place-items:center;min-height:100vh}.login-card{width:380px;background:#121217;border:1px solid #30263a;border-radius:22px;padding:40px;text-align:center;box-shadow:0 25px 100px #0008}.login-card .mark{margin:auto;width:64px;height:64px}.login-card h1{letter-spacing:8px;margin:20px 0 4px}.login-card p{color:var(--muted);margin-bottom:28px}@media(max-width:1000px){.app{grid-template-columns:82px 1fr}.brand div:last-child,nav button{font-size:0}.brand{padding-left:4px}.grid{grid-template-columns:repeat(2,1fr)}.wide{grid-column:span 2}.split{grid-template-columns:1fr}}@media(max-width:700px){main{padding:16px}.app{display:block}aside{display:none}.grid{grid-template-columns:1fr}.wide,.full{grid-column:1}header{align-items:stretch;flex-direction:column}.search-wrap input{min-width:0;width:100%}.split{grid-template-columns:1fr}}
.textarea{display:block;width:100%;min-height:180px;resize:vertical;margin:12px 0;line-height:1.5}.muted{color:var(--muted);font-size:12px}.result{margin-top:14px;padding:12px;border:1px solid var(--line);background:#0c0c10;border-radius:12px;min-height:42px;color:#c7b8ff}.modal{position:fixed;inset:0;background:#000b;display:none;align-items:center;justify-content:center;padding:24px;z-index:9999}.modal.show{display:flex}.modal-card{width:min(1200px,96vw);height:min(850px,92vh);background:#101015;border:1px solid #39294a;border-radius:18px;padding:14px;box-shadow:0 30px 100px #000;display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 4px 12px}.modal-card iframe{flex:1;width:100%;border:1px solid var(--line);border-radius:12px;background:#fff}
.member-head{display:flex;gap:18px;align-items:center}.avatar-lg{width:90px;height:90px}.setting-button{float:right}.toolbar-gap{margin-top:15px}
.root-tag{color:#ffad5c;border:1px solid #5d3d21;border-radius:999px;padding:2px 6px;font-size:9px}.btn:disabled{opacity:.45;cursor:not-allowed}