:root{font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;color:#edf5ff;background:#08111f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#203253 0,transparent 36%),linear-gradient(145deg,#08111f,#101a2b)}button,input{font:inherit}.shell{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:44px 0}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#65e3c2;color:#0a1828;font-weight:900}.brand b{font-size:22px}.brand span{display:block;color:#91a4bd;font-size:13px;margin-top:3px}.card{background:rgba(17,29,48,.92);border:1px solid #263a5a;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.28);padding:28px}.auth-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.intro{padding:22px}.intro h1{font-size:38px;line-height:1.2;margin:8px 0 16px}.intro p{color:#a7b7cb;line-height:1.8}.pill{display:inline-flex;padding:7px 11px;border:1px solid #365272;border-radius:999px;color:#65e3c2;font-size:13px}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{flex:1;border:0;border-radius:10px;padding:11px;background:#172944;color:#95a9c3;cursor:pointer}.tab.active{background:#65e3c2;color:#092033;font-weight:700}.form{display:grid;gap:15px}.field{display:grid;gap:7px;color:#a9b9cc;font-size:14px}.field input{width:100%;border:1px solid #304664;border-radius:10px;background:#0a1525;color:#fff;padding:12px 13px;outline:none}.field input:focus{border-color:#65e3c2;box-shadow:0 0 0 3px rgba(101,227,194,.12)}.primary,.secondary,.danger{border:0;border-radius:10px;padding:12px 16px;cursor:pointer}.primary{background:#65e3c2;color:#081724;font-weight:800}.secondary{background:#20334f;color:#d8e7f6}.danger{background:#542b38;color:#ffccd5}.message{min-height:22px;color:#9cb0c8;font-size:14px}.message.error{color:#ff9da9}.message.success{color:#65e3c2}.hidden{display:none!important}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.toolbar h1{margin:0;font-size:26px}.toolbar p{margin:4px 0 0;color:#91a4bd}.stats{display:flex;gap:10px;flex-wrap:wrap}.stat{padding:8px 11px;border-radius:10px;background:#14253d;color:#b8c7d8}.table-wrap{overflow:auto;border:1px solid #263a5a;border-radius:16px}table{border-collapse:collapse;width:100%;min-width:900px;background:#0e1b2e}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid #213550;font-size:14px}th{color:#8fa5bf;background:#13243b}td small{display:block;color:#8298b2;margin-top:4px}.status{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:12px}.status.active{background:#163e38;color:#7bf0d2}.status.disabled{background:#482b36;color:#ffadba}.online{color:#65e3c2;font-weight:700}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions button{padding:7px 10px;font-size:12px}.admin-login{max-width:440px;margin:70px auto}.admin-login h1{margin-top:0}.footnote{color:#7f94ae;font-size:13px;line-height:1.7;margin-top:18px}@media(max-width:760px){.auth-grid{grid-template-columns:1fr}.intro h1{font-size:30px}.shell{padding:24px 0}.card{padding:20px}.toolbar{align-items:flex-start;flex-direction:column}}