:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#17243d;background:#f4f7fc;font-synthesis:none;--accent:#155eef}*{box-sizing:border-box}body{margin:0}header{min-height:76px;padding:16px 5%;display:flex;align-items:center;gap:24px;background:#0b1730;color:#d3dff6}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;font-size:21px}.logo{background:#447bff;border-radius:12px;padding:8px 13px}.brand strong{font-weight:400;color:#8baefc}.badge{font-size:12px;color:#a6b9db}#logout{margin-left:auto}main{max-width:1250px;margin:0 auto;padding:36px 24px}.hero{padding:12px 0 24px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#3670cc}h1{font-size:clamp(25px,3vw,38px);letter-spacing:-.8px;margin:12px 0}h2{font-size:21px;margin:6px 0 12px}h3{font-size:17px}.hero>p:last-child,.muted{color:#5d6e88;font-size:14px;line-height:1.7}.card{background:#fff;border:1px solid #dce5f2;border-radius:14px;padding:24px;margin:20px 0;box-shadow:0 5px 20px #17336405}.narrow{max-width:530px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metrics article{padding:22px;border:1px solid #dce5f2;background:white;border-radius:12px}.metrics span{display:block;color:#64748b;font-size:13px}.metrics b{display:block;font-size:32px;margin-top:12px}.metrics .small{font-size:22px}label{display:block;font-size:13px;font-weight:600;margin:14px 0;color:#435471}input,select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #cdd8e8;border-radius:7px;margin-top:7px;color:#17243d;background:white;font:inherit;min-width:0}input:focus,select:focus,textarea:focus{outline:3px solid #d3e1ff;border-color:#447bff}button{border:1px solid #cad7ea;border-radius:7px;background:white;color:#284567;font:inherit;font-size:13px;cursor:pointer;padding:10px 15px;white-space:nowrap}button:hover{background:#edf3ff}button:disabled{opacity:.5;cursor:wait}.primary{background:#155eef;color:white;border-color:#155eef}.primary:hover{background:#104bd0}.link{border:0;background:transparent;color:#155eef;padding-left:0;margin-top:16px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.form-action{display:flex;align-items:end;padding:14px 0}.inline{display:flex;gap:10px;align-items:center}.inline input{margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#6b7d96;font-size:12px;font-weight:600;background:#f8faff}td,th{padding:15px 12px;border-bottom:1px solid #e8edf5}td small{display:block;color:#64748b;margin-top:5px}.pill{padding:5px 8px;border-radius:6px;background:#eaf1ff;color:#1e54ad;white-space:nowrap}.pill.active{background:#e3f7ed;color:#137144}.pill.suspended,.pill.archived{background:#fce9ea;color:#a03038}hr{border:0;border-top:1px solid #e5ebf4;margin:30px 0}pre{background:#eef4ff;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}li{padding:8px 0;line-height:1.8;overflow-wrap:anywhere}li button{margin-left:12px}#notice:not(:empty){background:#edf4ff;border-left:4px solid #155eef;padding:16px;margin:10px 0;overflow-wrap:anywhere}#notice.error{border-color:#c33542;background:#fff0f1;color:#922b37}footer{max-width:1250px;margin:auto;padding:24px;color:#7d8aa3;font-size:12px}textarea{resize:vertical}[hidden]{display:none!important}@media(max-width:750px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.badge{display:none}main{padding:22px 16px}.card{padding:18px}.toolbar{align-items:flex-start;flex-direction:column}.inline{flex-direction:column;align-items:stretch}header{gap:10px}}