*{box-sizing:border-box} :root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e8eff9;background:#0d1420;color-scheme:dark}body{margin:0;min-height:100vh}button,select,input{font:inherit}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #78b7ff;outline-offset:3px}a{color:#a8caff}.topbar{background:#172334;border-bottom:1px solid #2b3c51}.topbar-inner{max-width:1320px;margin:auto;padding:16px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-size:30px;color:#6bb5ff}.brand strong{display:block;font-size:17px}.brand small{display:block;font-size:11px;color:#9eb1c9;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.top-actions{display:flex;align-items:center;gap:16px}.connection{color:#9fb1c7;font-size:13px}.connection.ok{color:#63d5a1}.connection.error{color:#ff8791}.btn{background:#223650;border:1px solid #405b7b;color:#e8eff9;border-radius:8px;padding:9px 14px;cursor:pointer}.btn:hover{background:#2b4566}.btn:disabled{opacity:.55;cursor:wait}.logout{font-size:13px}.container{max-width:1320px;margin:0 auto;padding:32px 26px 28px}.heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:22px}h1{font-size:29px;letter-spacing:-.03em;margin:0 0 5px}h2{font-size:21px;margin:0 0 5px}.heading p,.section-heading p{margin:0;color:#9aaec5;font-size:14px}.updated{font-size:12px;color:#9eb1c9}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric,.group-panel{background:#192638;border:1px solid #304157;border-radius:13px}.metric{padding:19px 21px;min-height:119px}.metric-label{display:block;color:#a5b8cf;font-size:12px;text-transform:uppercase;letter-spacing:.085em;font-weight:650}.metric-value{display:block;font-size:31px;font-weight:750;margin-top:9px;letter-spacing:-.035em}.metric-sub{display:block;font-size:12px;color:#9badc3;margin-top:5px}.positive{color:#60d6a3!important}.negative{color:#ff818b!important}.warning-text{color:#f3c47b!important}.alerts{margin-top:18px}.alert{background:#491f2b;border:1px solid #aa475c;border-radius:10px;padding:13px 17px;margin-bottom:9px;color:#ffe4e7;display:flex;align-items:center;gap:10px}.alert:before{content:'⚠';font-size:18px}.list-section{margin-top:30px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.controls{display:flex;gap:12px;flex-wrap:wrap}.controls label{color:#a8bad0;font-size:12px;display:flex;align-items:center;gap:9px}.controls select{background:#192638;border:1px solid #354a63;border-radius:8px;padding:9px 30px 9px 11px;color:#e7f0fb}.agent-list{display:grid;gap:16px}.group-panel{overflow:hidden}.group-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;background:#1c2c40;border-bottom:1px solid #304157}.group-title{font-weight:750;font-size:16px}.group-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:100px;padding:5px 10px;font-size:11px;font-weight:750;letter-spacing:.02em;white-space:nowrap}.pill.good{background:#153f35;color:#76e3b2}.pill.bad{background:#51242f;color:#ff9da6}.pill.warn{background:#493920;color:#f8d18a}.pill.muted{background:#344155;color:#c3d0e1}.group-caption{font-size:12px;color:#a3b5cc}.table-wrap{overflow-x:auto}.ea-table{width:100%;border-collapse:collapse;text-align:left;min-width:850px}.ea-table th{padding:12px 18px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#93a9c2;background:#172436}.ea-table td{padding:14px 18px;border-top:1px solid #2a3a50;font-size:13px;vertical-align:middle}.ea-table tr:hover td{background:#203147}.ea-name{font-weight:650}.ea-id{display:block;color:#7f97b2;font-size:11px;margin-top:4px}.badges{display:flex;gap:5px;flex-wrap:wrap}.money{font-variant-numeric:tabular-nums;font-weight:750;white-space:nowrap}.muted-text{color:#9aacc1}.detail-row td{padding:0 18px 15px!important;background:#152234}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;padding:14px;border:1px solid #304157;border-radius:8px}.detail-grid div{min-width:0}.detail-grid small{display:block;color:#9fb2c9;font-size:11px;margin-bottom:5px}.detail-grid strong{font-size:12px;overflow-wrap:anywhere}.row-toggle{background:none;border:0;color:#8fc2ff;cursor:pointer;padding:4px 0;font-size:12px}.empty{padding:26px;color:#a8b9cd}.debug{margin-top:30px;color:#9eb2cb;font-size:13px}.debug summary{cursor:pointer}.debug pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#121f30;border:1px solid #304157;padding:16px;border-radius:8px;max-height:400px;overflow:auto}footer{margin-top:25px;color:#788ea8;font-size:12px}.login{max-width:410px;margin:12vh auto;background:#192638;border:1px solid #304157;border-radius:14px;padding:30px}.login input,.login button{display:block;width:100%;padding:12px;margin:13px 0;border-radius:8px}.login input{background:#0d1420;border:1px solid #425873;color:#e8eff9}.login button{background:#3169a7;color:white;border:0;cursor:pointer}@media(max-width:850px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading,.heading{align-items:start;flex-direction:column}.container{padding:24px 15px}.topbar-inner{padding:14px 15px}.connection{display:none}}@media(max-width:480px){.metric{padding:14px;min-height:105px}.metric-value{font-size:25px}.top-actions{gap:8px}.btn{padding:8px}.brand small{font-size:10px}}