:root{--ink:#142e2a;--muted:#506862;--line:#deebe5;--paper:#fff;--base:#f3f7f4;--green:#155447;--soft:#def2e8;--lime:#e9faac;--blue:#e6efff;--amber:#fff1d7}
*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--ink);font:16px/1.5 "Heebo","Arial",sans-serif}
button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #21806b;outline-offset:3px}
header{background:#fff;border-bottom:1px solid var(--line)}.shell{max-width:1440px;margin:auto;padding-inline:clamp(16px,4vw,55px)}
.top{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.logo{width:38px;height:38px;border-radius:12px;background:var(--green);color:var(--lime);display:grid;place-items:center;font:bold 24px Arial}.brand b{display:block;letter-spacing:2px;font-size:14px}.brand small{display:block;color:var(--muted)}
.tabs{display:flex;background:#edf3ee;padding:4px;border-radius:12px;gap:3px}.tabs button{border:0;background:none;color:var(--muted);padding:7px 13px;border-radius:9px}.tabs button[aria-pressed=true]{background:white;color:var(--ink);font-weight:bold;box-shadow:0 1px 4px #193e3020}
main{padding-block:32px 56px}.hero{background:var(--green);color:white;border-radius:26px;padding:clamp(23px,4vw,44px);display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;background-image:radial-gradient(ellipse at left bottom,#31836f,transparent 57%)}
.hero h1{font-size:clamp(31px,4vw,51px);line-height:1.08;letter-spacing:-1.5px;margin:9px 0 12px}.hero p{margin:0;color:#ddf1e8}.hero .pill{background:var(--lime);color:#244331}.pill{display:inline-flex;gap:7px;align-items:center;background:var(--soft);padding:4px 11px;border-radius:99px;font-size:.84rem;font-weight:bold;white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}.livecount{border:1px solid #ffffff56;border-radius:18px;padding:13px 22px;min-width:145px}.livecount b{display:block;font-size:30px}.livecount span{color:#ddf1e8}
.toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:27px 0 12px}.toolbar h2,h2,h3,p{margin:0}.toolbar label{color:var(--muted);font-size:.83rem}select{display:block;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 11px;background:white}
.cards,.panels{display:grid;gap:14px}.cards{grid-template-columns:repeat(4,1fr);margin-bottom:17px}.panels{grid-template-columns:1fr 1.45fr}.card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:19px;min-width:0}.card small,.sub{color:var(--muted)}.card b{display:block;margin:4px 0;font-size:clamp(23px,3vw,35px);letter-spacing:-1px;font-variant-numeric:tabular-nums}.card span{color:var(--muted);font-size:.83rem}.panel h2{font-size:20px;margin-bottom:3px}
.chart{direction:ltr;display:grid;grid-template-columns:repeat(6,1fr);gap:9px;height:170px;align-items:end;margin-top:13px}.bar{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px;color:var(--muted);font-size:.76rem}.bar i{display:block;width:min(42px,75%);height:var(--height);border-radius:8px 8px 3px 3px;background:#93d3ba}.bar:nth-child(3n) i{background:#347e6b}
.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap;margin-top:10px}th,td{padding:10px 6px;border-bottom:1px solid var(--line)}th{font-size:.8rem;color:var(--muted)}tbody tr:last-child td{border:0}.blue{background:var(--blue);color:#244784}.amber{background:var(--amber);color:#73500b}.quiet{background:#eef2f1;color:#4c605c}
.agentGrid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-top:18px}.stage{min-height:265px}.stage .pill{margin:8px 0 14px}.stage h2{font-size:30px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.action{border:1px solid var(--green);border-radius:10px;background:var(--green);color:white;padding:9px 13px;font-weight:bold}.secondary{border-color:var(--line);color:var(--green);background:#fff}.client{margin-top:13px;border-top:1px solid var(--line);padding-top:12px}.client b{font-size:26px}.client dl{display:grid;grid-template-columns:1fr 1fr;margin:9px 0}.client dt{color:var(--muted)}.client dd{margin:0}footer{margin-top:20px;font-size:.83rem;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:850px){.panels,.agentGrid{grid-template-columns:1fr}}@media(max-width:570px){.top{flex-wrap:wrap;padding-block:10px}.cards{grid-template-columns:repeat(2,1fr);gap:8px}.card,.panel{padding:13px}.hero{align-items:flex-start;flex-direction:column}.livecount{padding:7px 14px}.livecount b{display:inline;margin-inline-end:6px;font-size:22px}main{padding-top:15px}}
:root{--ink:#172448;--muted:#526079;--line:#dce4f0;--base:#f3f6fc;--green:#244edb;--soft:#e9edff;--lime:#d9f8ed;--blue:#e4edff;--amber:#fff1dc}
.hero{background-image:radial-gradient(ellipse at left bottom,#7186f4,transparent 58%)}.hero p{color:#f1f4ff}.brand b{color:#162656}.logo{background:#244edb;color:white}
nav{flex-wrap:wrap}.action:disabled{opacity:.52;cursor:wait}input,textarea{display:block;width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;font:inherit;color:var(--ink);background:#fff}input[type=file]{max-width:100%;font-size:.9rem}textarea{resize:vertical}form label{display:block;color:var(--muted);margin-bottom:9px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px}.filters{display:flex;flex-wrap:wrap;gap:9px}.filters label{display:flex;flex-direction:column}.stack{display:grid;gap:14px;margin-top:14px}.login{max-width:480px;margin:5vh auto}.login h1{margin-top:0}.error{color:#9e2433;min-height:24px;margin:10px 0}.badge{font-size:.82rem;color:var(--muted)}.tabular{font-variant-numeric:tabular-nums}.actions button{min-height:42px}.side-actions{display:flex;gap:7px;flex-wrap:wrap}.placeholder{color:var(--muted);margin-top:12px}.duration{font-size:44px;font-weight:bold;color:var(--green)}.chart{grid-template-columns:repeat(var(--bars,8),1fr)}.chart .bar i{background:#7f97f3}.chart .bar:nth-child(3n) i{background:#3d65e5}.chart .bar{min-width:0}.chart .bar span{font-size:.69rem}.wrapform{margin-top:14px}.positive{color:#14664c;background:#ddf8ed}.danger{color:#982137;border-color:#f2ced5}.nav-action{padding:6px 10px}.formgrid .wide{grid-column:1/-1}@media(max-width:570px){.formgrid{grid-template-columns:1fr}.toolbar{align-items:start;flex-direction:column}.filters{width:100%}.bar:nth-child(even) span:last-child{visibility:hidden}}