:root{--bg:#080d16;--panel:#101825;--panel2:#141f2e;--line:#253247;--text:#eef5ff;--muted:#8c9bb0;--cyan:#36d1dc;--amber:#f6c85f;--pink:#ff7a90;--violet:#9b8cff;--shadow:0 22px 70px rgba(0,0,0,.3)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#19334b 0,transparent 35%),linear-gradient(145deg,#080d16,#0b111d 55%,#101927);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;min-height:100vh}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--cyan);font-weight:800}.login-screen{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden}.login-card{width:min(440px,calc(100% - 36px));padding:42px;border:1px solid rgba(107,137,173,.28);background:linear-gradient(155deg,rgba(20,31,46,.94),rgba(9,15,26,.96));box-shadow:var(--shadow);border-radius:28px;position:relative;z-index:2}.brand-mark{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),#3979ff);font-size:27px;font-weight:900;color:#07101b;box-shadow:0 12px 35px rgba(54,209,220,.25)}.brand-mark.small{width:34px;height:34px;border-radius:11px;font-size:18px}.login-card h1{font-size:36px;letter-spacing:-.05em;margin:16px 0 5px}.login-card p{margin:0 0 30px}.login-card label,.form-panel label{display:block;color:#c0cbe0;font-size:12px;margin:15px 0}.login-card input,.form-panel input,.small-input{display:block;width:100%;margin-top:7px;background:#0b131f;border:1px solid var(--line);border-radius:12px;padding:12px 13px;color:var(--text);outline:none}.login-card input:focus,.form-panel input:focus,.small-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(54,209,220,.1)}.primary{background:linear-gradient(100deg,var(--cyan),#4c9cff);color:#07101b;padding:11px 17px;border-radius:12px;font-weight:800;box-shadow:0 10px 26px rgba(54,209,220,.17)}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.wide{width:100%;margin-top:12px}.form-error{color:var(--pink);min-height:20px;margin-top:12px;font-size:12px}.login-orbit{position:absolute;border:1px solid rgba(54,209,220,.12);border-radius:50%;width:700px;height:700px}.orbit-a{top:-330px;right:-230px}.orbit-b{bottom:-420px;left:-300px;border-color:rgba(246,200,95,.12)}.app-shell{min-height:100vh;display:flex}.sidebar{width:240px;border-right:1px solid rgba(104,130,163,.17);background:rgba(7,12,21,.72);padding:25px 17px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:10px;padding:0 9px 27px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.15em;margin-top:2px}.side-status{border:1px solid rgba(54,209,220,.17);background:rgba(54,209,220,.06);border-radius:10px;padding:9px 11px;color:#b9e8e9;font-size:12px;margin:0 6px 25px}.pulse,.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);margin-right:8px}.nav-item{display:flex;gap:12px;align-items:center;width:100%;background:transparent;color:#9ba9bd;text-align:left;padding:12px 13px;border-radius:11px;margin:3px 0;font-weight:650}.nav-item span{width:18px;color:#66809f;font-size:17px;text-align:center}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(54,209,220,.13),transparent);color:var(--text)}.nav-item.active span{color:var(--cyan)}.side-footer{margin-top:auto}.server-chip{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px;margin-bottom:12px}.server-chip small,.server-chip strong{display:block}.server-chip small{font-size:10px;color:var(--muted)}.server-chip strong{font-size:11px;margin-top:2px}.logout{width:100%;padding:10px;border-radius:10px;background:#151f2d;color:#9ba9bd}.main{margin-left:240px;min-width:0;flex:1}.topbar{height:74px;border-bottom:1px solid rgba(104,130,163,.17);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:rgba(8,13,22,.58);backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.crumb{color:var(--muted)}.crumb-sep{color:#4e627e;margin:0 11px}.top-actions{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:12px}.icon-btn,.ghost,.text-btn{background:transparent;color:#a7b7cc}.icon-btn{font-size:22px}.user-pill{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:700}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#24354d;color:var(--cyan);font-size:11px}.content{padding:38px;max-width:1500px;margin:auto}.hero-row,.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.hero-row h2,.section-head h2{font-size:34px;letter-spacing:-.05em;margin:8px 0 3px}.section-head h2{font-size:29px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat-card{display:flex;gap:15px;padding:21px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,31,46,.94),rgba(13,21,33,.82));position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-40px;top:-50px;background:currentColor;opacity:.09}.stat-card.cyan{color:var(--cyan)}.stat-card.amber{color:var(--amber)}.stat-card.pink{color:var(--pink)}.stat-card.violet{color:var(--violet)}.stat-icon{width:38px;height:38px;border-radius:12px;background:currentColor;color:var(--bg);display:grid;place-items:center;font-size:20px;font-weight:900}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;color:var(--text);font-size:27px;letter-spacing:-.04em;line-height:1.15;margin:4px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,27,41,.9),rgba(11,18,29,.92));border-radius:18px;padding:21px;box-shadow:0 15px 45px rgba(0,0,0,.08)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.panel-head h3{margin:4px 0 0;font-size:17px}.text-btn{font-size:12px}.group-mini-list{display:grid;gap:11px}.group-mini,.group-card{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(101,128,161,.19);background:rgba(13,22,35,.75);border-radius:12px;padding:13px 14px}.group-name{display:flex;align-items:center;gap:10px;font-weight:750}.group-color{width:8px;height:8px;border-radius:50%;box-shadow:0 0 12px currentColor}.group-total{font-size:19px;font-weight:800}.event-list{display:grid;gap:2px}.event-row{display:grid;grid-template-columns:82px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid rgba(101,128,161,.13)}.event-row:last-child{border:0}.event-time{color:#6d7f95;font-size:11px}.event-message{font-size:12px;color:#d5e0ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{color:#72849a;text-align:left;font-size:10px;letter-spacing:.12em;font-weight:800;padding:11px 13px;border-bottom:1px solid var(--line)}td{padding:15px 13px;border-bottom:1px solid rgba(101,128,161,.12);color:#dce6f2;font-size:13px}tr:last-child td{border:0}.code-badge{display:inline-flex;padding:5px 9px;border-radius:7px;background:rgba(54,209,220,.1);color:var(--cyan);font-size:12px;font-weight:750}.status{display:inline-flex;align-items:center;gap:6px;font-size:11px}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.status.off:before{background:#718096;box-shadow:none}.row-actions{display:flex;justify-content:flex-end;gap:12px}.action-link{background:transparent;color:#9ab0c9;font-size:12px}.action-link:hover{color:var(--cyan)}.groups-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.group-card{display:block;cursor:pointer;padding:19px}.group-card:hover{border-color:var(--cyan);transform:translateY(-2px)}.group-card-top{display:flex;justify-content:space-between;align-items:start}.group-card h3{margin:14px 0 2px}.group-card p{color:var(--muted);font-size:11px;margin:0}.group-card-total{font-size:30px;font-weight:850;letter-spacing:-.06em;margin-top:18px}.group-card-foot{border-top:1px solid rgba(101,128,161,.15);margin-top:16px;padding-top:12px;color:#71849c;font-size:11px}.inline-actions{display:flex;gap:8px;align-items:center}.small-input{width:180px;margin:0;padding:9px 11px}.ghost{border:1px solid var(--line);border-radius:9px;padding:8px 11px;background:rgba(13,22,35,.7);font-size:12px}.ghost:hover{border-color:var(--cyan);color:var(--cyan)}.pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px;color:var(--muted);font-size:12px}.form-panel form{max-width:420px}.admin-list{display:grid;gap:9px}.admin-row{display:flex;justify-content:space-between;align-items:center;padding:13px;border-radius:11px;background:rgba(13,22,35,.7);border:1px solid rgba(101,128,161,.15)}.admin-row small{display:block;color:var(--muted);margin-top:2px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:20;padding:20px}.modal{width:min(520px,100%);border:1px solid var(--line);background:#101a28;border-radius:20px;padding:24px;box-shadow:var(--shadow)}.modal h3{margin:0 0 4px;font-size:21px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.close{background:transparent;color:#94a4b9;font-size:22px}.modal label{display:block;color:#aebdd0;font-size:12px;margin:13px 0}.modal input,.modal textarea,.modal select{display:block;width:100%;margin-top:6px;background:#0a121f;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px;outline:0}.modal textarea{min-height:130px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkline{display:flex!important;align-items:center;gap:8px}.checkline input{width:auto!important;display:inline!important;margin:0!important}.toast{position:fixed;right:22px;bottom:22px;background:#18273a;border:1px solid #35506d;border-radius:11px;padding:12px 16px;color:#e6f0fc;box-shadow:var(--shadow);z-index:30;animation:toast-in .2s ease}.toast.error{border-color:#8b4253;color:#ffd7df}@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.groups-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{width:70px;padding:18px 9px}.brand div:not(.brand-mark),.side-status span:not(.pulse),.nav-item:not(.active)::after,.nav-item{font-size:0}.brand{padding:0 9px 20px}.nav-item{justify-content:center}.nav-item span{font-size:18px}.server-chip div,.logout{display:none}.main{margin-left:70px}.topbar{padding:0 18px}.top-actions #clock{display:none}.content{padding:22px 15px}.hero-row,.section-head{display:block}.hero-row .primary,.section-head .primary{margin-top:18px}.grid-2{grid-template-columns:1fr}.groups-grid{grid-template-columns:1fr}.stat-grid{gap:9px}.stat-card{padding:15px}.stat-card strong{font-size:22px}.login-card{padding:30px}.modal-grid{grid-template-columns:1fr}}

.inline-actions{flex-wrap:wrap}.ghost.danger{border-color:rgba(255,122,144,.38);background:rgba(255,122,144,.08);color:#ff9aad}.ghost.danger:hover{border-color:var(--pink);background:rgba(255,122,144,.15);color:#ffd4dc}