:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#18191d;background:#f4f5f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{width:min(1440px,calc(100% - 48px));margin:0 auto;padding:56px 0 80px}h1,h2,p{margin:0}h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.04em;line-height:1.05}h2{font-size:32px;letter-spacing:-.03em}.eyebrow{color:#0878ee;font-size:15px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}.muted{color:#898d96;margin-top:12px}.login-card{width:min(460px,100%);margin:10vh auto;background:#fff;border-radius:30px;padding:44px;box-shadow:0 20px 60px rgba(24,36,62,.08)}.brand{width:60px;height:60px;border-radius:18px;background:#0878ee;color:#fff;display:grid;place-items:center;font-weight:900;font-size:28px;margin-bottom:24px}form{display:grid;gap:18px;margin-top:34px}label{display:grid;gap:8px;font-size:14px;color:#555b66;font-weight:700}input{height:48px;border:1px solid #dfe2e8;border-radius:12px;padding:0 14px;font:inherit;outline:none}input:focus{border-color:#0878ee;box-shadow:0 0 0 3px rgba(8,120,238,.12)}button{border:0;border-radius:13px;padding:13px 22px;font:inherit;font-weight:800;background:#0878ee;color:#fff;cursor:pointer;transition:.18s transform,.18s background}button:hover{transform:translateY(-1px);background:#006bd9}.secondary{background:#e8eaf0;color:#24262c}.secondary:hover{background:#dfe2e9}header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:38px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:#fff;border-radius:18px;padding:24px;text-align:center;box-shadow:0 6px 22px rgba(22,30,48,.035)}.stat strong{display:block;color:#0878ee;font-size:34px}.stat span{display:block;color:#898d96;margin-top:7px}.tabs{display:flex;gap:10px;margin:24px 0}.tab{background:#e3e5eb;color:#2f3238;border-radius:999px}.tab.active{background:#0878ee;color:#fff}.panel{background:#fff;border-radius:26px;padding:38px 42px;box-shadow:0 8px 30px rgba(22,30,48,.035)}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:980px;text-align:left}th{color:#898d96;font-size:14px;padding:14px;border-bottom:1px solid #e3e5ea}td{padding:20px 14px;border-bottom:1px solid #eceef2;vertical-align:middle}td strong{display:block}.sub{font-size:13px;color:#898d96;margin-top:6px}.status{display:inline-flex;padding:7px 10px;border-radius:8px;background:#edf0f5;font-size:13px;font-weight:800}.status.active{background:#e6f5ff;color:#0878ee}.actions{display:flex;flex-wrap:wrap;gap:6px}.actions button{font-size:12px;padding:8px 10px;border-radius:8px}.actions .danger{background:#fff0f0;color:#d84242}.empty{text-align:center;padding:50px;color:#898d96}.error{color:#d84242;min-height:20px;font-size:14px}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:#202228;color:#fff;padding:12px 20px;border-radius:12px;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){.shell{width:min(100% - 24px,1440px);padding-top:28px}.stats{grid-template-columns:repeat(2,1fr)}.panel{padding:24px 18px}h1{font-size:44px}}@media(max-width:500px){.stats{grid-template-columns:1fr 1fr}.stat{padding:18px 8px}.stat strong{font-size:28px}.login-card{padding:30px 24px}.panel-title{align-items:flex-start;gap:14px}.panel-title h2{font-size:26px}}