:root{--bg:#11151c;--panel:#1b212b;--panel2:#232b38;--border:#36404f;--text:#e6ebf2;--dim:#93a0b3;--accent:#4f8cff;--green:#2f9e54;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.center{justify-content:center;align-items:center;min-height:100vh;display:flex}.center-box{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:14px;min-width:320px;padding:28px;display:flex}.title{color:var(--accent);margin:0}.muted{color:var(--dim);font-size:13px}.login-form{flex-direction:column;gap:10px;width:240px;display:flex}.login-form .txt{width:100%;padding:9px 10px}.err{color:#ff6b6b;font-size:13px}.btn{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:8px 12px;font-size:13px;font-weight:600}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.small{padding:5px 8px;font-size:12px}.admin{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex:none;align-self:flex-start;gap:6px;width:236px;height:100vh;padding:14px 10px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:var(--accent);padding:6px 10px 12px;font-size:17px;font-weight:800}.nav{flex-direction:column;gap:12px;display:flex}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-group-title{text-transform:uppercase;letter-spacing:.6px;color:var(--dim);opacity:.7;padding:4px 10px;font-size:10px}.nav-link{color:var(--dim);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:13.5px;font-weight:600;display:flex}.nav-link:hover{background:var(--panel2);color:var(--text)}.nav-link.on{background:var(--accent);color:#fff}.nav-ic{text-align:center;flex:none;width:20px;font-size:15px}.nav-txt{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-count{background:#00000040;border-radius:10px;padding:1px 7px;font-size:11px}.nav-link.on .nav-count{background:#ffffff40}.main-col{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:10;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0}.page-title{align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.page-ic{font-size:18px}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.status{color:var(--green);font-size:12px}main{padding:20px}.dash{flex-direction:column;gap:18px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:12px;align-items:center;gap:14px;padding:16px 18px;display:flex}.stat-card.a-green{border-left-color:var(--green)}.stat-card.a-blue{border-left-color:var(--accent)}.stat-card.a-gold{border-left-color:#e0b23a}.stat-ic{flex:none;font-size:30px;line-height:1}.stat-value{font-size:26px;font-weight:800;line-height:1.1}.stat-label{color:var(--dim);margin-top:2px;font-size:13px}.stat-hint{color:var(--dim);opacity:.7;margin-top:1px;font-size:11px}.chart-card{max-width:980px}.chart-legend{color:var(--dim);align-items:center;gap:6px;font-size:11px;display:inline-flex}.lg-bar{background:var(--accent);border-radius:2px;width:11px;height:11px;display:inline-block}.lg-line{background:#e0b23a;border-radius:2px;width:14px;height:3px;margin-left:6px;display:inline-block}.chart-wrap{width:100%;overflow-x:auto}.chart-svg{width:100%;min-width:560px;height:auto;display:block}.grid-line{stroke:var(--border);stroke-width:1px;opacity:.5}.axis-lbl{fill:var(--dim);font-size:11px}.bar{fill:var(--accent);opacity:.85}.bar:hover{opacity:1}.reg-line{stroke:#e0b23a;stroke-width:2px}.reg-dot{fill:#e0b23a}.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.card-h{align-items:center;gap:8px;display:flex}.key{color:var(--dim);background:var(--bg);border-radius:5px;margin-left:auto;padding:2px 6px;font-size:11px}.thumb{background:var(--bg);border-radius:6px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.lbl{color:var(--dim);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px}.row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.mini{color:var(--dim);flex-direction:column;gap:2px;font-size:11px;display:flex}.mini.chk{flex-direction:row;align-items:center;gap:5px}.num,.txt,select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 7px;font-size:13px}.num:focus,.txt:focus,select:focus{border-color:var(--accent);outline:none}.add-row{margin-bottom:12px}.del{border:1px solid var(--border);color:#ff6b6b;background:0 0;border-radius:6px;width:24px;height:24px;margin-left:6px;font-size:12px}.del:hover{border-color:#ff6b6b}.modal-bg{z-index:50;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(520px,92vw);max-height:80vh;padding:20px;overflow:auto}.modal h3{color:var(--accent);margin:0 0 12px}.hist{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.hist li{background:var(--bg);border:1px solid var(--border);border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}