:root{--ink: #1f2a37;--ink-2: #4b5565;--ink-3: #8a94a6;--line: #e3e7ee;--paper: #f5f7fa;--card: #ffffff;--navy: #1b3a6b;--navy-2: #24508f;--navy-soft: #e8eef8;--ok: #1d7a5f;--ok-bg: #e2f3ec;--norm: #2b5aa5;--norm-bg: #e3ecf8;--warn: #b3620f;--warn-bg: #fbeedb;--busy: #b42b2b;--busy-bg: #fbe4e4;--purple: #6b3fa0;--purple-bg: #efe8f8;--r: 6px;--shadow: 0 1px 2px rgba(31, 42, 55, .06);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;font-size:14px;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--navy-2)}:focus-visible{outline:2px solid var(--navy-2);outline-offset:2px}.topbar{background:var(--navy);color:#fff;height:52px;display:flex;align-items:center;padding:0 24px;gap:32px}.topbar .brand{font-weight:700;font-size:16px;letter-spacing:.02em;white-space:nowrap}.topbar .brand small{font-weight:400;opacity:.6;margin-left:10px;font-size:12px}.topbar nav{display:flex;gap:4px;height:100%}.topbar nav button{background:none;border:0;color:#ffffffb3;padding:0 14px;height:100%;border-bottom:3px solid transparent;font-size:14px}.topbar nav button.active{color:#fff;border-bottom-color:#f2c14e}.topbar nav button:hover{color:#fff}.topbar .who{margin-left:auto;font-size:13px;opacity:.85;display:flex;gap:12px;align-items:center}.topbar .who button{background:#ffffff1f;border:0;color:#fff;padding:4px 10px;border-radius:var(--r);font-size:12px}.statbar{background:var(--card);border-bottom:1px solid var(--line);padding:10px 24px;display:flex;gap:32px;font-size:13px;color:var(--ink-2)}.statbar b{color:var(--ink);font-size:15px;margin-right:4px}.statbar .warn b{color:var(--warn)}.statbar .ok b{color:var(--ok)}.page{padding:20px 24px;max-width:1280px;margin:0 auto}.two-col{display:grid;grid-template-columns:380px 1fr;gap:20px;align-items:start}@media (max-width: 900px){.two-col{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.card-body{padding:18px}.card h2{font-size:15px;margin:0 0 14px}.card h3{font-size:13px;margin:0 0 8px;color:var(--ink-2);font-weight:500}.field{display:block;margin-bottom:12px}.field>span{display:block;font-size:12px;color:var(--ink-2);margin-bottom:4px}.field>span .req{color:var(--busy)}.field>span .hint{color:var(--ink-3)}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:var(--r);padding:7px 10px;background:#fff}.input:focus,.select:focus,.textarea:focus{border-color:var(--navy-2);outline:0;box-shadow:0 0 0 3px var(--navy-soft)}.textarea{resize:vertical;min-height:56px}.row{display:flex;gap:10px}.row>*{flex:1}.radio-group{display:flex;gap:16px}.radio-group label{display:flex;gap:6px;align-items:center;cursor:pointer}.check{display:flex;gap:8px;align-items:center;cursor:pointer;margin:8px 0 14px}.btn{border:1px solid var(--line);background:#fff;padding:7px 14px;border-radius:var(--r)}.btn:hover{background:var(--paper)}.btn.primary{background:var(--navy-2);border-color:var(--navy-2);color:#fff}.btn.primary:hover{background:var(--navy)}.btn.block{width:100%}.btn.sm{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.tag{display:inline-block;font-size:12px;padding:1px 8px;border-radius:999px;background:var(--paper);color:var(--ink-2);border:1px solid var(--line)}.tag.navy{background:var(--navy-soft);color:var(--navy);border-color:transparent}.tag.purple{background:var(--purple-bg);color:var(--purple);border-color:transparent}.tag.warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}.tag.ok{background:var(--ok-bg);color:var(--ok);border-color:transparent}.tag.busy{background:var(--busy-bg);color:var(--busy);border-color:transparent}.tag.norm{background:var(--norm-bg);color:var(--norm);border-color:transparent}.tags{display:flex;flex-wrap:wrap;gap:4px}.notice{padding:10px 14px;border-radius:var(--r);font-size:13px;margin-bottom:12px}.notice.warn{background:var(--warn-bg);color:var(--warn)}.notice.ok{background:var(--ok-bg);color:var(--ok)}.notice.busy{background:var(--busy-bg);color:var(--busy)}.notice.info{background:var(--navy-soft);color:var(--navy)}.empty{padding:56px 20px;text-align:center;color:var(--ink-3)}.empty b{display:block;color:var(--ink-2);margin-bottom:4px;font-weight:500}.load{display:flex;align-items:center;gap:8px}.load .bar{flex:1;height:6px;background:var(--line);border-radius:3px;overflow:hidden}.load .bar i{display:block;height:100%}.load.ok i{background:var(--ok)}.load.norm i{background:var(--norm)}.load.warn i{background:var(--warn)}.load.busy i{background:var(--busy)}.load span{font-size:12px;width:28px}.load.ok span{color:var(--ok)}.load.norm span{color:var(--norm)}.load.warn span{color:var(--warn)}.load.busy span{color:var(--busy)}.cand{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;background:#fff;margin-bottom:10px}.cand.top{border-color:var(--navy-2);border-width:2px}.cand .head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cand .rank{width:22px;height:22px;border-radius:50%;background:var(--paper);color:var(--ink-3);font-size:12px;display:flex;align-items:center;justify-content:center}.cand.top .rank{background:var(--navy-2);color:#fff}.cand .name{font-weight:600;font-size:15px}.cand .meta{font-size:12px;color:var(--ink-3)}.cand .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.cand .nums div{background:var(--paper);border-radius:var(--r);padding:6px;text-align:center}.cand .nums b{display:block;font-size:16px}.cand .nums small{color:var(--ink-3);font-size:11px}.cand .reasons{font-size:12px;color:var(--warn);margin:6px 0 0}.cand .actions{margin-top:10px}.sat{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sat button{border:1px solid var(--line);background:#fff;padding:7px 0;border-radius:var(--r);font-size:13px}.sat button.on-空闲{background:var(--ok);border-color:var(--ok);color:#fff}.sat button.on-正常{background:var(--norm);border-color:var(--norm);color:#fff}.sat button.on-繁忙{background:var(--warn);border-color:var(--warn);color:#fff}.sat button.on-非常繁忙{background:var(--busy);border-color:var(--busy);color:#fff}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.toolbar .input,.toolbar .select{width:auto}.toolbar .count{color:var(--ink-3);font-size:13px}table.grid{width:100%;border-collapse:collapse;background:#fff}table.grid th{text-align:left;font-weight:500;font-size:12px;color:var(--ink-2);padding:10px 12px;border-bottom:1px solid var(--line);background:#fafbfc;white-space:nowrap}table.grid td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:middle}table.grid tr:hover td{background:#fafbfd}table.grid .num{text-align:center;font-variant-numeric:tabular-nums}table.grid .muted{color:var(--ink-3);font-size:12px}table.grid .strong{font-weight:600}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px}.client-card .head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px}.client-card .head b{font-size:14px}.client-card .head small{display:block;color:var(--ink-3);font-size:12px;margin-top:2px}.client-card .role{font-size:12px;color:var(--ink-3);margin:8px 0 4px}.combo{position:relative}.combo .menu{position:absolute;z-index:10;left:0;right:0;top:100%;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 24px #1f2a371f;max-height:240px;overflow:auto}.combo .menu button{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:none;padding:8px 12px;text-align:left}.combo .menu button:hover{background:var(--navy-soft)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--navy)}.login{width:360px;background:#fff;border-radius:10px;padding:32px}.login h1{font-size:20px;margin:0 0 4px}.login p{color:var(--ink-3);margin:0 0 20px;font-size:13px}@media (prefers-reduced-motion: no-preference){.cand,.btn{transition:background-color .15s,border-color .15s}}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f17228c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:grid;place-items:center;z-index:100;padding:24px;overflow:auto}.modal{background:var(--card);border-radius:10px;width:100%;box-shadow:0 24px 64px #0f172259;max-height:calc(100vh - 48px);display:flex;flex-direction:column;animation:modal-in .16s cubic-bezier(.2,.8,.3,1)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);flex:none}.modal-head h2{margin:0;font-size:15px}.modal-close{background:none;border:0;font-size:22px;line-height:1;color:var(--ink-3);padding:2px 8px;border-radius:var(--r)}.modal-close:hover{background:var(--paper);color:var(--ink)}.modal-body{padding:20px;overflow:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.modal{animation:none}}