:root{--bg:#f4f6f8;--panel:#ffffff;--line:#e3e8ee;--ink:#16232b;--muted:#6b7a86;--accent:#0f766e;--accent-soft:#d6ece9;--coral:#ff6b5c;--up:#12805c;--down:#c0392b;--shadow:0 1px 2px rgba(16,35,43,0.06),0 4px 16px rgba(16,35,43,0.05);--radius:14px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;background:var(--accent-soft);padding:1px 5px;border-radius:5px}.topbar{display:flex;align-items:center;gap:10px;padding:14px 24px;background:var(--panel);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:20}.dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.brand{font-weight:600;font-size:15px}.brand-sub{font-size:12px;color:var(--muted)}.spacer{flex:1 1}.who{font-size:13px;color:var(--muted)}.ghost,.signout{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer}.ghost:hover,.signout:hover{border-color:var(--accent);color:var(--accent)}.page{max-width:1180px;margin:0 auto;padding:24px}.spin{padding:48px;text-align:center;color:var(--muted)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:8px}.cust-picker{display:flex;gap:8px;flex:1 1;min-width:260px}.cust-search,.cust-select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;background:var(--panel);color:var(--ink)}.cust-search{flex:1 1}.cust-select{min-width:220px;max-width:320px}.cust-search:focus,.cust-select:focus{outline:none;border-color:var(--accent)}.window-slider{display:inline-flex;align-items:center;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px}.ws-label{font-size:12px;padding:0 8px}.ws-label,.ws-opt{color:var(--muted)}.ws-opt{border:none;background:transparent;font-family:inherit;font-size:13px;font-weight:500;padding:7px 14px;border-radius:9px;cursor:pointer}.ws-opt.active{background:var(--accent);color:#fff}.banner{margin:14px 0;padding:12px 16px;border-radius:10px;font-size:13px}.banner-demo{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.banner-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.section-title{display:flex;align-items:baseline;gap:14px;margin:18px 0 6px}.section-title h2{font-size:22px;margin:0}.range{font-size:12px;color:var(--muted)}.tier{margin-top:22px}.tier-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.tier-head h3{font-size:15px;margin:0;font-weight:600}.tier-badge{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:3px 9px;border-radius:999px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));grid-gap:14px;gap:14px}.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.tile-accent{border-top:3px solid var(--accent)}.tile-label{font-size:12px;color:var(--muted);margin-bottom:8px}.tile-value{font-size:26px;font-weight:600;line-height:1.1}.tile-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;min-height:16px}.tile-sub{font-size:12px;color:var(--muted)}.delta{font-size:12px;font-weight:600}.delta.up{color:var(--up)}.delta.down{color:var(--down)}.trend-card{margin-top:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.trend-title{margin-bottom:8px}.trend-empty,.trend-title{font-size:13px;color:var(--muted)}.trend-empty{padding:40px;text-align:center}.uc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.uc-tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.uc-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.uc-name{font-weight:600;font-size:14px}.uc-calls{white-space:nowrap}.uc-calls,.uc-resolved{font-size:12px;color:var(--muted)}.uc-resolved{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.uc-resolved b{font-size:16px;color:var(--ink)}.oc-wrap{margin-top:4px}.oc-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--bg)}.oc-seg{height:100%}.oc-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px}.oc-item{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.oc-item b{color:var(--ink)}.oc-dot{width:9px;height:9px;border-radius:3px;display:inline-block}.oc-0{background:#0f766e}.oc-1{background:#3b82f6}.oc-2{background:#f59e0b}.oc-3{background:#8b5cf6}.oc-4{background:#ec4899}.oc-5{background:#64748b}.empty{padding:32px;text-align:center;color:var(--muted);background:var(--panel);border:1px dashed var(--line);border-radius:var(--radius);font-size:13px}.signin{min-height:100vh;display:grid;place-items:center;padding:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:32px;width:100%;max-width:380px;box-shadow:var(--shadow);text-align:center}.signin-brand{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:16px}.card h1{font-size:22px;margin:0 0 4px}.card .sub{color:var(--muted);font-size:13px;margin:0 0 20px}.primary{width:100%;border:none;background:var(--accent);color:#fff;font-family:inherit;font-size:14px;font-weight:500;padding:12px;border-radius:10px;cursor:pointer}.primary:hover{filter:brightness(1.05)}.divider{color:var(--muted);font-size:12px;margin:14px 0}.card input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:14px;font-family:inherit;margin-bottom:10px}.card input:focus{outline:none;border-color:var(--accent)}.err{color:var(--down);margin:0 0 10px}.err,.muted{font-size:13px}.muted{color:var(--muted)}.denied .ghost{margin-top:12px}.date-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.presets{display:inline-flex;gap:4px;border:1px solid var(--line);border-radius:12px;padding:4px}.date-input,.presets{background:var(--panel)}.date-input{border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:13px;font-family:inherit;color:var(--ink)}.date-input:focus{outline:none;border-color:var(--accent)}.date-sep{color:var(--muted)}.funnel,.funnel-wrap{display:flex;flex-direction:column;gap:14px}.funnel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.frow-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.frow-label{color:var(--muted)}.frow-val{font-weight:600}.frow-pct{color:var(--muted);font-weight:400}.fbar{height:14px;background:var(--bg);overflow:hidden}.fbar,.fbar-fill{border-radius:999px}.fbar-fill{display:block;height:100%}.fb-0{background:#9fb4bd}.fb-1{background:#2f8f83}.fb-2{background:var(--accent)}.fb-3{background:#b8c4cb}.fb-4{background:#d3dbe0}.ucbar-track{position:relative;height:14px;background:var(--bg);border-radius:999px;overflow:hidden}.ucbar-base{top:0;height:100%;opacity:.24}.ucbar-base,.ucbar-now{position:absolute;left:0;background:var(--accent);border-radius:999px}.ucbar-now{top:4px;height:6px}.ucbar-now.solo{top:0;height:100%}.trend-svg{width:100%;height:auto;display:block}.trend-band{fill:var(--accent);opacity:.07}.trend-band-label{fill:var(--muted);font-size:11px;font-weight:500}.trend-axis{stroke:var(--line);stroke-width:1}.trend-endpoint{fill:var(--ink);font-size:12px;font-weight:600}.trend-x{fill:var(--muted);font-size:11px}.trend-legend{display:flex;gap:16px;margin-top:10px}.tl-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.tl-dot{width:10px;height:3px;border-radius:2px;display:inline-block}.uc-rate{display:flex;align-items:baseline;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:12px}.uc-rate b{font-size:20px;color:var(--ink)}.uc-stats{display:flex;gap:16px}.uc-stats>div{display:flex;flex-direction:column;gap:2px}.uc-stats span{font-size:11px;color:var(--muted)}.uc-stats b{font-size:15px}.loadbar{position:fixed;top:0;left:0;right:0;height:3px;overflow:hidden;z-index:200}.loadbar:before{content:"";position:absolute;top:0;height:100%;width:45%;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--coral) 55%,var(--accent) 75%,transparent);animation:loadbar-slide 1.15s ease-in-out infinite}@keyframes loadbar-slide{0%{left:-45%}to{left:100%}}.loadpop{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:200;display:flex;align-items:center;gap:12px;min-width:240px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 16px;box-shadow:0 8px 30px rgba(16,35,43,.16);animation:loadpop-in .28s cubic-bezier(.16,1,.3,1)}@keyframes loadpop-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.loadpop-orb{width:22px;height:22px;flex:none;border-radius:50%;position:relative;background:conic-gradient(from 0deg,var(--accent),var(--coral),var(--accent));animation:loadpop-spin .9s linear infinite}.loadpop-orb:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--panel)}@keyframes loadpop-spin{to{transform:rotate(1turn)}}.loadpop-body{display:flex;flex-direction:column;gap:6px}.loadpop-label{font-size:13px;font-weight:500;color:var(--ink)}.loadpop-track{width:180px;height:5px;border-radius:999px;background:var(--bg);overflow:hidden}.loadpop-fill{display:block;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--coral));animation:loadpop-move 1.15s ease-in-out infinite}@keyframes loadpop-move{0%{margin-left:-40%}to{margin-left:100%}}.loadpop-fill.det{animation:none;margin-left:0;transition:width .3s ease}.ov-shimmer{display:inline-block;width:54px;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--bg) 25%,var(--line) 50%,var(--bg) 75%);background-size:200% 100%;animation:ov-shimmer 1.1s ease-in-out infinite}@keyframes ov-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ov-pending{cursor:default}.view-toggle{display:inline-flex;gap:4px;border:1px solid var(--line);border-radius:12px;padding:4px}.ov-card,.view-toggle{background:var(--panel)}.ov-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.ov-table{width:100%;border-collapse:collapse;font-size:14px}.ov-table thead th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ov-table th.ov-r{text-align:right}.ov-table td{padding:13px 16px;border-bottom:1px solid var(--line)}.ov-table tr:last-child td{border-bottom:none}.ov-row{cursor:pointer}.ov-row:hover{background:var(--bg)}.ov-name,.ov-tag{font-weight:600}.ov-tag{margin-left:8px;font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 6px;vertical-align:middle}.ov-r{text-align:right;white-space:nowrap}.ov-num{font-weight:600}.ov-sub{color:var(--muted);font-size:12px;margin-left:4px}@media (max-width:620px){.controls{flex-direction:column;align-items:stretch}.tile-value{font-size:22px}}