:root{--ink:#12233f;--muted:#718096;--brand:#2558e8;--soft:#f4f7fb;--line:#e7ebf2;--green:#09a66d}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font:14px/1.5 Inter,"PingFang SC",Arial,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:236px;background:#101d36;color:#fff;padding:28px 18px;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 10px 30px}.sidebar-brand>b,.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#4e7cff,#1ed6c3);color:#fff}.sidebar-brand span{font-size:16px;font-weight:700}.sidebar-brand small{display:block;color:#8390a8;font-size:11px;font-weight:400}nav{display:grid;gap:5px}nav a{color:#9eabc2;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:600}nav a:hover,nav a.active{background:#1e3154;color:#fff}.logout{margin-top:auto;color:#9eabc2;text-decoration:none;padding:12px}main{margin-left:236px;padding:34px 42px;min-width:800px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{margin:2px 0;font-size:28px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--brand);font-weight:800}.admin-chip{background:#fff;border:1px solid var(--line);padding:10px 16px;border-radius:99px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 7px 22px rgba(33,54,91,.04)}.stats article{padding:22px}.stats span,.stats small,td small{display:block;color:var(--muted)}.stats strong{display:block;font-size:25px;margin:9px 0}.panel{padding:20px}.panel-title,.live-head{display:flex;align-items:center;justify-content:space-between}.panel-title h2{margin:0 0 15px}.panel-title a{color:var(--brand);text-decoration:none}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:12px;padding:12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td:nth-child(2){white-space:normal}.badge{padding:5px 9px;background:#eaf8f2;color:var(--green);border-radius:99px;font-size:12px}.mini,select,.filter input{border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff;width:100px}.small-btn,.filter button,.login-card button{border:0;background:var(--brand);color:#fff;border-radius:8px;padding:9px 14px;cursor:pointer}.filter{display:flex;gap:8px;margin-bottom:15px}.filter input{width:260px}.success{padding:11px 16px;background:#daf8eb;color:#08764e;border-radius:10px;margin-bottom:16px}.empty{text-align:center;color:var(--muted);padding:50px}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#dce8ff,transparent 34%),#eef3fb}.login-card{width:390px;background:#fff;padding:38px;border-radius:22px;box-shadow:0 24px 70px rgba(30,50,90,.15)}.login-card .brand-mark{font-weight:800}.login-card h1{margin:20px 0 5px}.login-card p{color:var(--muted);margin:0 0 24px}.login-card label{display:block;font-weight:600;margin:14px 0}.login-card input:not([type=hidden]){display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:10px;padding:12px}.login-card button{width:100%;padding:13px;margin:10px 0}.login-card small{color:var(--muted)}.alert{background:#fff0f0;color:#bc3030;padding:10px;border-radius:8px}.live-head{margin-bottom:12px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#12bf7d;box-shadow:0 0 0 5px #d9f8eb;margin-right:8px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.status-dot.online{background:#12bf7d}.status-dot.offline{background:#b5bdca}.ua{max-width:260px;overflow:hidden;text-overflow:ellipsis}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:18px}.setting-card{display:grid;gap:13px}.setting-title{display:flex;justify-content:space-between;align-items:center;font-size:18px}.setting-title>div{display:flex;align-items:center;gap:10px}.pay-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e8efff;color:var(--brand)}.setting-card label:not(.switch){font-size:12px;color:var(--muted)}.setting-card input:not([type=checkbox]),.setting-card select{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:8px;padding:10px}.switch input{display:none}.switch span{display:block;width:44px;height:24px;background:#cad1dc;border-radius:20px;position:relative}.switch span:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{left:23px}.hint{color:var(--muted)}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}}