:root{--forest:#325c3c;--forest-dark:#24472e;--sage:#99a894;--canvas:#f8faf6;--card:#fff;--ink:#101511;--muted:#626d64;--line:#dce5da;--soft:#eef3ec;--amber:#9a620f;--red:#a64b48;--shadow:0 14px 38px rgba(26,52,31,.07);font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 30% 2%,rgba(153,168,148,.15),transparent 25%),var(--canvas)}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid rgba(50,92,60,.42);outline-offset:3px}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;background:#ffffffe6;border-right:1px solid var(--line)}.logo{margin:0 10px 30px;color:var(--forest);font-size:30px;font-weight:850;letter-spacing:-2px}.logo span{color:#74836f}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:11px 12px;color:#525d54;border-radius:11px;text-decoration:none}.sidebar nav .active{color:var(--forest);background:#e8efe7;font-weight:750}.demo-account{position:absolute;bottom:20px;left:18px;right:18px;display:flex;gap:9px;padding-top:15px;border-top:1px solid var(--line)}.demo-account>span{display:grid;place-items:center;width:36px;height:34px;color:#fff;background:var(--forest);border-radius:9px;font-size:9px;font-weight:800}.demo-account b,.demo-account small{display:block}.demo-account small{color:var(--muted)}main{width:100%;max-width:1440px;padding:26px 32px 48px}.concept-banner,.stale{display:flex;gap:9px;margin-bottom:20px;padding:10px 13px;color:var(--forest-dark);background:#edf4e9;border:1px solid #c8d8c5;border-radius:11px}.concept-banner strong{font-size:11px;text-transform:uppercase;letter-spacing:.8px}header{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.eyebrow{margin:0;color:var(--forest);font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}h1{margin:4px 0;font-size:36px;line-height:1.1;letter-spacing:-1.2px}header p{margin:0;color:var(--muted)}.filter-toggle{display:none}.filters{display:grid;grid-template-columns:repeat(4,minmax(135px,1fr)) minmax(210px,1.4fr);gap:10px;margin-bottom:16px;padding:14px;background:#fffffff0;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}input,select{width:100%;min-height:42px;padding:0 10px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px}.filter-actions{display:flex;justify-content:flex-end;gap:8px;grid-column:1/-1}.primary,.secondary{min-height:40px;padding:0 14px;border-radius:9px;font-weight:700}.primary{color:#fff;background:var(--forest);border:1px solid var(--forest)}.secondary{color:var(--forest-dark);background:#fff;border:1px solid var(--line)}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.summary article,.results,.state-card{padding:17px;background:#fffffff2;border:1px solid rgba(153,168,148,.37);border-radius:16px;box-shadow:var(--shadow)}.summary span,.summary b,.summary small{display:block}.summary span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.summary b{margin:7px 0 2px;font-size:28px}.summary small{color:var(--muted)}.results-head{display:flex;justify-content:space-between;margin-bottom:12px}.results h2,.drawer h2{margin:0;font-size:20px}.results p{margin:3px 0;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:11px;text-align:left;border-bottom:1px solid #ebefea;white-space:nowrap}th{color:var(--muted);background:#f6f8f4}.badge{display:inline-flex;padding:3px 8px;color:var(--forest);background:#e8f1e6;border-radius:99px;font-size:10px;font-style:normal;font-weight:750;text-transform:capitalize}.badge.missed{color:var(--red);background:#f8e9e7}.badge.connected{color:#32617a;background:#e8f2f6}.detail-link{padding:4px;color:var(--forest);background:transparent;border:0;font-weight:750}.mobile-calls{display:none}.skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.skeleton span{position:absolute;clip:rect(0 0 0 0)}.skeleton i{height:104px;background:linear-gradient(90deg,#eef2ec,#e0e8de,#eef2ec);background-size:200% 100%;border-radius:16px;animation:pulse 1.2s infinite}.skeleton i:nth-child(n+5){grid-column:span 4;height:42px}@keyframes pulse{to{background-position:-200% 0}}.state-card{min-height:230px;display:grid;place-content:center;justify-items:center;text-align:center}.state-card b{font-size:20px}.state-card p{color:var(--muted)}.stale{border-color:#eadfc8;background:#fff8e9;color:#76501a}.drawer-backdrop{position:fixed;inset:0;z-index:10;background:#0f191152}.drawer{position:absolute;top:0;right:0;width:min(440px,100%);height:100%;padding:28px;overflow:auto;background:#fff;box-shadow:-12px 0 35px #0a1e0f2e}.drawer-close{float:right;width:40px;height:40px;border:0;border-radius:50%;font-size:26px}.drawer dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.drawer dl div{padding:12px;background:var(--soft);border-radius:10px}.drawer dt{color:var(--muted);font-size:11px}.drawer dd{margin:3px 0 0;font-weight:700}.timeline{padding:0;list-style:none}.timeline li{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:8px 0}.timeline i{width:10px;height:10px;margin-top:5px;background:var(--forest);border:3px solid #dce9da;border-radius:50%}.timeline small{display:block;color:var(--muted)}.fixture-note{padding:12px;color:var(--muted);background:#f5f7f3;border-radius:10px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:14px 16px;border-right:0;border-bottom:1px solid var(--line)}.logo{margin:0}.sidebar nav,.demo-account{display:none}main{padding:18px 14px 34px}.concept-banner{align-items:flex-start;font-size:11px}header{align-items:flex-start}h1{font-size:30px}.filter-toggle{display:block;min-height:42px;padding:0 13px;color:var(--forest);background:#fff;border:1px solid var(--line);border-radius:9px}.filters{display:none;grid-template-columns:1fr 1fr;padding:12px}.filters.open{display:grid}.filters .search{grid-column:1/-1}.filter-actions{position:sticky;bottom:0;padding-top:6px;background:#fff}.filter-actions .secondary:first-child{display:block}.summary{grid-template-columns:1fr 1fr;gap:8px}.summary article{padding:14px}.summary b{font-size:23px}.table-wrap{display:none}.mobile-calls{display:grid;gap:9px}.call-card{display:grid;gap:8px;width:100%;padding:14px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px}.call-card>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.call-card small{color:var(--muted)}.call-card em{font-style:normal;color:var(--muted)}.drawer{padding:20px}.drawer dl{grid-template-columns:1fr}.skeleton{grid-template-columns:1fr 1fr}.skeleton i:nth-child(n+5){grid-column:span 2}}.phone-pair{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.phone-pair>span{display:grid;padding:8px;background:var(--soft);border-radius:8px;font-size:12px;font-weight:700}.phone-pair i{color:var(--muted);font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase}@media(min-width:761px){#cancel-filters{display:none}}.gate-shell{display:block;min-height:100vh}.gate-main{display:grid;place-items:center;min-height:100vh;padding:24px}.gate-card{width:min(420px,100%);padding:28px;background:#fffffff7;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.gate-card h1{font-size:24px;margin:6px 0 10px}.gate-card p{color:var(--muted);margin:0 0 16px}.gate-card form{display:grid;gap:14px}.gate-card label{gap:6px}.gate-error{margin-top:14px;padding:10px 12px;color:var(--red);background:#f8e9e7;border-radius:9px;font-size:13px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:16px}.pagination span{color:var(--muted);font-size:12px}.pagination button:disabled{cursor:not-allowed;opacity:.45}.result-cap{padding:9px 11px;color:#76501a;background:#fff8e9;border-radius:9px;font-size:12px}.drawer-date{margin:4px 0 0;color:var(--muted);font-size:12px}.detail-loading,.detail-error{display:grid;min-height:260px;place-content:center;text-align:center;color:var(--muted)}.detail-error b{color:var(--ink)}.detail-error p{max-width:300px}.recording-panel{display:grid;gap:12px;margin:22px 0 4px;padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:13px}.recording-panel h3{margin:0;font-size:16px}.recording-panel p{margin:3px 0 0;color:var(--muted);font-size:12px}.recording-panel audio{width:100%;height:42px}.recording-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.recording-actions .primary{display:inline-grid;place-items:center;text-decoration:none}.recording-actions [role=status]{min-height:16px;color:var(--forest);font-size:11px}.download-recording{min-width:96px}@media(max-width:760px){.pagination{justify-content:space-between}.pagination button{min-width:88px}.recording-actions button,.recording-actions a{flex:1}.recording-actions [role=status]{flex-basis:100%}}.results-head{align-items:flex-end;gap:16px;flex-wrap:wrap}.results-tools{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex-wrap:wrap}.results-tools label{display:grid;gap:4px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.results-tools select{min-width:138px;padding:9px 30px 9px 10px}.view-select select{min-width:150px}.sort-header{padding:0;color:inherit;background:transparent;border:0;font:inherit;white-space:nowrap;cursor:pointer}.sort-header:hover{color:var(--forest)}.save-view-form{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin:12px 0;padding:12px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.save-view-form[hidden]{display:none}.save-view-form label{display:grid;gap:4px;min-width:220px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.save-view-form input{padding:9px 10px}.save-view-form small{flex-basis:100%;color:var(--muted)}.toolbar-status{min-height:18px;margin:8px 0;color:var(--forest);font-size:12px}@media(max-width:760px){.results-head{align-items:stretch}.results-tools{display:grid;grid-template-columns:1fr 1fr;width:100%;justify-content:stretch}.results-tools label,.results-tools select{width:100%;min-width:0}.results-tools .view-select{grid-column:1/-1}.results-tools button{width:100%}.save-view-form{display:grid;grid-template-columns:1fr 1fr}.save-view-form label,.save-view-form small{grid-column:1/-1;min-width:0}.save-view-form button{width:100%}}.overview-filters{display:flex;align-items:flex-end;gap:10px;margin-bottom:16px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.overview-filters label{width:min(210px,100%)}.overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.overview-kpis article,.overview-panel,.metric-definitions{padding:18px;background:#fff;border:1px solid rgba(153,168,148,.37);border-radius:16px;box-shadow:var(--shadow)}.overview-kpis span,.overview-kpis b,.overview-kpis small{display:block}.overview-kpis span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.overview-kpis b{margin:7px 0 2px;font-size:28px}.overview-kpis small{color:var(--muted)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-heading h2{margin:3px 0 0;font-size:20px}.panel-heading>span{color:var(--muted);font-size:12px}.trend-chart{height:260px;padding:20px 8px 0;border-bottom:1px solid var(--line)}.bars{display:flex;align-items:flex-end;gap:10px;height:100%}.bar-column{display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;height:100%}.bar{display:block;width:min(34px,75%);min-height:8px;background:linear-gradient(180deg,#5e8966,var(--forest));border-radius:7px 7px 2px 2px}.bar-column small{padding-top:8px;color:var(--muted);font-size:10px;white-space:nowrap}.group-toggle{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;background:var(--soft);border-radius:10px}.group-toggle button{min-height:38px;color:var(--muted);background:transparent;border:0;border-radius:8px;font-weight:700}.group-toggle button[aria-pressed=true]{color:var(--forest-dark);background:#fff;box-shadow:0 2px 8px #14321914}.group-list{display:grid;gap:5px;padding:0;margin:12px 0 0;list-style:none}.group-list a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;color:var(--ink);border-radius:10px;text-decoration:none}.group-list a:hover{background:var(--soft)}.group-list .rank{display:grid;place-items:center;width:25px;height:25px;color:var(--forest);background:#e8efe7;border-radius:7px;font-size:11px;font-weight:800}.group-list b,.group-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-list small{margin-top:3px;color:var(--muted);font-size:11px}.group-list strong{font-size:12px}.metric-definitions{margin-top:14px;color:var(--muted);font-size:12px}.metric-definitions summary{color:var(--forest-dark);cursor:pointer;font-weight:800}.metric-definitions dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-definitions dl div{padding:10px;background:var(--soft);border-radius:9px}.metric-definitions dt{color:var(--ink);font-weight:800}.metric-definitions dd{margin:4px 0 0}.handoff-filter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:10px 12px;color:var(--forest-dark);background:#edf4e9;border:1px solid #c8d8c5;border-radius:11px}.handoff-filter .secondary{min-height:34px}.trend-empty,.no-groups{padding:28px;color:var(--muted);text-align:center}@media(max-width:900px){.overview-grid{grid-template-columns:1fr}.overview-kpis{grid-template-columns:1fr 1fr}}@media(max-width:760px){.overview-filters{display:grid;grid-template-columns:1fr 1fr}.overview-filters label{width:100%}.overview-filters button{grid-column:1/-1}.overview-kpis{gap:8px}.overview-kpis article{padding:14px}.overview-kpis b{font-size:23px}.overview-panel{padding:14px}.trend-chart{height:220px;padding-left:0;padding-right:0}.bars{gap:4px}.bar-column small{font-size:9px}.metric-definitions dl{grid-template-columns:1fr}.handoff-filter{align-items:flex-start}.group-list a{padding:10px 5px}.group-list strong{display:none}}@media(max-width:340px){.overview-filters{grid-template-columns:1fr}.overview-filters button{grid-column:auto}.overview-kpis b{font-size:20px}.group-toggle button{padding:0 5px;font-size:12px}}.bar{display:grid;place-items:start center;min-height:0}.bar b{padding-top:4px;color:#fff;font-size:10px;line-height:1}.directory-card{padding:18px;background:#fff;border:1px solid rgba(153,168,148,.37);border-radius:16px;box-shadow:var(--shadow)}.directory-card h2{margin:3px 0 10px;font-size:20px}.directory-note{margin:0;color:var(--muted);font-size:12px}