:root{--navy:#09283a;--orange:#f47b20;--bg:#f3f6f7;--line:#d8e1e5;--muted:#71828b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#102c3b;font-family:"Microsoft YaHei",sans-serif}header{height:86px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{display:flex;gap:16px;align-items:center}.brand>b{border:1px solid var(--orange);padding:14px;color:var(--orange);font-size:24px}.brand strong{display:block;font-size:24px}.brand small{color:#9fc1cf}.live i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#38c989;margin-right:8px}main{max-width:1500px;margin:auto;padding:34px}.hero{background:linear-gradient(110deg,#0b3044,#145977);color:white;padding:38px;display:flex;justify-content:space-between;align-items:center}.hero p{letter-spacing:3px;color:#78c6d5}.hero h1{font:42px Georgia,"Microsoft YaHei";margin:10px 0}.hero span{color:#c5dbe3}button{background:var(--orange);border:0;color:white;padding:13px 20px;font-weight:700;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.card,.panel,.agent,.review{background:white;border:1px solid var(--line);padding:22px}.card b{font:36px Georgia}.card small{display:block;color:var(--muted)}.grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.title{display:flex;justify-content:space-between;align-items:end;margin:26px 0 12px}.title h2,.panel h2{margin:0}.agents{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.agent em{float:right;font-style:normal;color:#178767}.agent p,.panel p{color:var(--muted)}.review{margin-bottom:10px;border-left:4px solid var(--orange)}.muted{background:#edf1f2;color:#345}.panel{margin-bottom:16px}.panel input,.panel select{width:100%;padding:12px;margin:8px 0;border:1px solid var(--line)}nav{display:flex;gap:4px;margin:22px 0;background:white;padding:8px;border:1px solid var(--line)}nav button{background:white;color:#345}nav button.active{background:var(--navy);color:white}.tab{display:none}.tab.active{display:block}.tasklist{background:white;border:1px solid var(--line)}.taskrow{display:grid;grid-template-columns:1fr 150px;padding:13px;border-bottom:1px solid var(--line)}.taskrow span small{display:block;color:var(--muted)}.taskrow i{font-style:normal;text-align:center;padding:5px;background:#e7f3f4;color:#167080}.status.FAILED,.status.ESCALATED{background:#ffebe5;color:#b33}.connect{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.connect input,.connect select{padding:12px;border:1px solid var(--line)}#events p{border-left:2px solid #69aeba;padding-left:12px;color:var(--muted)}.login{display:none;position:fixed;inset:0;background:rgba(5,27,39,.9);z-index:20;place-items:center}.login.show{display:grid}.login form{background:white;padding:36px;width:min(420px,90vw)}.login form>b{color:var(--orange);font-size:22px}.login input{width:100%;padding:13px;margin:7px 0;border:1px solid var(--line)}.login button{width:100%}.login p{color:#b33}@media(max-width:800px){header{padding:0 18px}.brand small{display:none}main{padding:16px}.hero{display:block}.hero h1{font-size:30px}.hero button{margin-top:22px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.agents{grid-template-columns:1fr}.connect{grid-template-columns:1fr}.taskrow{grid-template-columns:1fr 105px}nav{overflow:auto}nav button{white-space:nowrap}}