:root{--nav:#071526;--nav2:#0d2037;--blue:#2563eb;--bg:#f4f7fb;--line:#dce5f0;--text:#172033;--muted:#6c7b90}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Microsoft YaHei",Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}.login-body{background:#071526}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.brand-panel{color:white;padding:45px 8vw;position:relative;background:radial-gradient(circle at 30% 25%,#173e6d 0,#071526 48%,#040c16 100%);display:flex;flex-direction:column}.brand{font-weight:800;font-size:20px;display:flex;align-items:center;gap:10px}.logo{width:38px;height:38px;border-radius:11px;background:#2875f5;display:inline-grid;place-items:center;color:#fff}.hero{margin:auto 0;max-width:620px}.eyebrow{font-size:12px;letter-spacing:2px;color:#6ea8ff}.hero h1{font-size:56px;line-height:1.12;margin:22px 0}.hero p{font-size:17px;line-height:1.8;color:#a9b8ca}.signal{background:#102944aa;border:1px solid #27517a;border-radius:18px;padding:20px;max-width:440px}.signal>span{float:right;color:#6ee7b7;font-size:12px}.bubble{margin-top:18px;background:#173858;padding:14px;border-radius:12px}.bubble small{color:#9db0c5}.form-panel{background:#fff;display:grid;place-items:center;padding:32px}.login-card{width:min(420px,100%)}.role{font-size:12px;color:#2563eb;font-weight:800;letter-spacing:1px}.login-card h2{font-size:36px;margin:12px 0}.login-card>p{color:var(--muted);margin-bottom:30px}label{display:block;font-size:13px;font-weight:700;margin:13px 0}input,textarea,select{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:#fff;outline:none}textarea{min-height:105px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#4d8df7;box-shadow:0 0 0 3px #dceaff}.primary,.btn{border:0;border-radius:9px;padding:10px 16px;cursor:pointer;font-weight:700}.primary{background:#2468e8;color:#fff}.login-card .primary{width:100%;margin-top:10px;padding:13px}.secure{display:block;text-align:center;color:#7a889a;margin-top:22px}.alert{background:#fff0f0;color:#c82929;padding:10px;border-radius:8px;margin:12px 0}.layout{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.layout aside{background:var(--nav);color:#fff;padding:24px 14px;position:fixed;inset:0 auto 0 0;width:240px;display:flex;flex-direction:column}.layout aside .brand{padding:0 10px 22px}.account{background:var(--nav2);padding:12px;border-radius:10px;margin-bottom:15px;font-weight:700}.account small{display:block;color:#7f96ae;font-weight:400;margin-top:5px}nav{overflow:auto}nav button{width:100%;border:0;background:transparent;color:#afbed0;text-align:left;padding:11px 12px;border-radius:8px;cursor:pointer;margin:2px 0}nav button span{display:inline-block;width:25px}nav button:hover,nav button.active{background:#193653;color:#fff}.logout{margin-top:auto;color:#9fb0c4;padding:12px;text-decoration:none}.layout main{grid-column:2;padding:28px 34px}.layout header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.layout header h1{margin:0;font-size:26px}.layout header p{margin:6px 0;color:var(--muted)}.mobile-menu{display:none}.card{background:#fff;border:1px solid #e6edf5;border-radius:13px;padding:20px;box-shadow:0 2px 10px #23405d0a;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat b{display:block;font-size:28px;margin:8px 0}.stat small{color:var(--muted)}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;margin:0}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px 9px;border-bottom:1px solid #edf1f6}th{color:#627188;background:#f8fafc}.badge{display:inline-block;border-radius:99px;padding:4px 9px;background:#e8f1ff;color:#2468e8}.badge.ok{background:#e7f8ef;color:#16834e}.badge.bad{background:#feecec;color:#c92c2c}.btn{background:#e8eef6;color:#34445b;padding:8px 11px}.btn.danger{color:#c62c2c;background:#feeeee}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.form-grid .wide{grid-column:1/-1}.actions{display:flex;gap:9px;margin-top:15px}.empty,.loading{text-align:center;padding:45px;color:var(--muted)}#modal .mask{position:fixed;inset:0;background:#05101db3;display:grid;place-items:center;padding:20px;z-index:20}#modal .dialog{background:white;width:min(650px,100%);max-height:90vh;overflow:auto;border-radius:15px;padding:22px}#modal h2{margin-top:0}#toast{position:fixed;left:50%;top:22px;transform:translateX(-50%);background:#172b43;color:#fff;padding:12px 18px;border-radius:9px;display:none;z-index:30;max-width:min(560px,calc(100vw - 32px));text-align:center;box-shadow:0 10px 30px #07152633}.charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bar{height:9px;border-radius:8px;background:#e9eff6;overflow:hidden}.bar i{display:block;height:100%;background:#3478ed}.mono{font-family:Consolas,monospace}.conversation{display:grid;grid-template-columns:290px 1fr;height:65vh}.threads{border-right:1px solid var(--line);overflow:auto}.thread{padding:13px;border-bottom:1px solid #edf1f6;cursor:pointer}.thread:hover{background:#f5f8fc}.messages{padding:18px;overflow:auto}.msg{max-width:75%;padding:10px 13px;border-radius:12px;background:#edf2f7;margin:8px 0}.msg.out{margin-left:auto;background:#2872ed;color:white}@media(max-width:850px){.login-shell{grid-template-columns:1fr}.brand-panel{display:none}.stats{grid-template-columns:1fr 1fr}.layout{display:block}.layout aside{transform:translateX(-100%);z-index:10;transition:.2s}.layout aside.open{transform:none}.layout main{padding:20px}.mobile-menu{display:block}.form-grid,.charts{grid-template-columns:1fr}.conversation{grid-template-columns:1fr;height:auto}.threads{border:0;max-height:250px}.hero h1{font-size:40px}}@media(max-width:500px){.stats{grid-template-columns:1fr}table{display:block;overflow-x:auto}}