.dash-app{--bg:#eef1f5;--surface:#fff;--surface-2:#f8f9fb;--surface-3:#f1f3f7;--hover:#f4f6f9;--hover-strong:#eceef3;--border:#e7eaf0;--border-2:#dfe3ea;--border-strong:#d2d7e0;--text:#181b22;--text-2:#5b6473;--text-3:#8a93a3;--text-4:#aeb6c2;--primary:#4f46e5;--primary-strong:#3525cd;--primary-hover:#4338ca;--primary-tint:#eef0fe;--primary-tint-2:#e1e3fb;--ai-from:#5b54e8;--ai-to:#a855f7;--success:#15935a;--success-tint:#e6f5ed;--success-border:#c4e8d4;--warning:#c9710a;--warning-tint:#fdf2e2;--warning-border:#f5dcb3;--danger:#d6293e;--danger-tint:#fdecee;--danger-border:#f6cdd2;--info:#2563eb;--info-tint:#e8f0fe;--ch-web:#4f46e5;--ch-email:#64748b;--ch-whatsapp:#25b14c;--ch-shopify:#5a8a2f;--ch-woo:#7f54b3;--ch-facebook:#1877f2;--r-xs:5px;--r-sm:7px;--r:9px;--r-lg:12px;--r-xl:16px;--r-full:999px;--shadow-xs:0 1px 2px #141c2e0d;--shadow-sm:0 1px 3px #141c2e12, 0 1px 2px #141c2e0a;--shadow:0 6px 16px -4px #141c2e1a, 0 2px 6px -2px #141c2e0f;--shadow-lg:0 16px 40px -8px #141c2e2e, 0 4px 12px -4px #141c2e14;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.006em;min-height:100%;font-family:inherit;font-size:14px;line-height:1.45}[data-theme=dark] .dash-app{--bg:#0a0c11;--surface:#14171e;--surface-2:#181c24;--surface-3:#1e232c;--hover:#1c212a;--hover-strong:#232936;--border:#262b35;--border-2:#2c3340;--border-strong:#38404e;--text:#e9ebf0;--text-2:#9aa3b3;--text-3:#6b7484;--text-4:#515a6b;--primary:#6e66f0;--primary-strong:#8b84f5;--primary-hover:#7d75f2;--primary-tint:#1b1d2e;--primary-tint-2:#232640;--ai-from:#6e66f0;--ai-to:#b06bf8;--success:#34c47e;--success-tint:#112519;--success-border:#1e3d2c;--warning:#e0962f;--warning-tint:#2a1f0e;--warning-border:#463413;--danger:#f0566b;--danger-tint:#2a1417;--danger-border:#4a232a;--info:#5b8def;--info-tint:#131c2e;--ch-email:#94a3b8;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006;--shadow:0 6px 16px -4px #00000080;--shadow-lg:0 16px 40px -8px #0009}.dash-app *,.dash-app :before,.dash-app :after{box-sizing:border-box}.dash-app button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.dash-app .mono{letter-spacing:-.02em;font-family:JetBrains Mono,ui-monospace,monospace}.dash-app .dash-page{max-width:1320px;margin:0 auto;padding:24px 30px 80px}.dash-app .dash-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.dash-app .dash-greet{letter-spacing:-.03em;font-size:24px;font-weight:800}.dash-app .dash-sub{color:var(--text-2);align-items:center;gap:9px;margin-top:4px;font-size:14px;display:flex}.dash-app .live-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:7px;height:7px;position:relative}.dash-app .live-dot:after{content:"";border:1px solid var(--success);border-radius:50%;animation:1.8s ease-out infinite dash-live-pulse;position:absolute;inset:-3px}@keyframes dash-live-pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.dash-app .dash-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dash-app .kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.dash-app .kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);padding:16px 18px;transition:border-color .14s,box-shadow .14s;position:relative;overflow:hidden}.dash-app .kpi:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.dash-app .kpi-top{justify-content:space-between;align-items:center;display:flex}.dash-app .kpi-label{color:var(--text-3);align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.dash-app .kpi-ic{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.dash-app .kpi-val{letter-spacing:-.035em;align-items:baseline;gap:8px;margin-top:12px;font-size:30px;font-weight:800;line-height:1;display:flex}.dash-app .kpi-val .unit{color:var(--text-3);font-size:15px;font-weight:600}.dash-app .kpi-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.dash-app .kpi-delta{border-radius:var(--r-full);align-items:center;gap:3px;padding:2px 7px;font-size:12px;font-weight:700;display:inline-flex}.dash-app .kpi-delta.up{color:var(--success);background:var(--success-tint)}.dash-app .kpi-delta.down{color:var(--danger);background:var(--danger-tint)}.dash-app .kpi-delta.flat{color:var(--text-2);background:var(--surface-3)}.dash-app .kpi-delta.good-down{color:var(--success);background:var(--success-tint)}.dash-app .kpi-vs{color:var(--text-4);font-size:11px}.dash-app .kpi-spark{height:34px;margin-top:12px}.dash-app .bento{gap:16px;margin-bottom:16px;display:grid}.dash-app .bento.c3{grid-template-columns:2fr 1fr}.dash-app .bento.c3b{grid-template-columns:1fr 1fr 1fr}.dash-app .bento.c2{grid-template-columns:2fr 1fr}.dash-app .panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);flex-direction:column;min-width:0;display:flex}.dash-app .panel-h{justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 0;display:flex}.dash-app .panel-h.bb{border-bottom:1px solid var(--border);padding-bottom:14px}.dash-app .panel-t{letter-spacing:-.01em;align-items:center;gap:8px;font-size:14.5px;font-weight:700;display:flex}.dash-app .panel-d{color:var(--text-3);margin-top:2px;font-size:12px}.dash-app .panel-b{flex:1;min-width:0;padding:16px 18px}.dash-app .panel-link{color:var(--primary-strong);align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.dash-app .panel-link:hover{text-decoration:underline}.dash-app .legend{align-items:center;gap:16px;display:flex}.dash-app .legend-item{color:var(--text-2);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.dash-app .legend-swatch{border-radius:3px;width:11px;height:11px}.dash-app .callouts{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px;display:grid}.dash-app .callout{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px}.dash-app .callout-val{letter-spacing:-.02em;font-size:19px;font-weight:800}.dash-app .callout-label{color:var(--text-3);align-items:center;gap:5px;margin-top:1px;font-size:11.5px;display:flex}.dash-app .donut-wrap{align-items:center;gap:18px;display:flex}.dash-app .donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dash-app .donut-center .dc-val{letter-spacing:-.03em;font-size:24px;font-weight:800}.dash-app .donut-center .dc-label{color:var(--text-3);font-size:10.5px;font-weight:600}.dash-app .savings-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.dash-app .saving{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:11px 13px}.dash-app .saving-val{letter-spacing:-.02em;font-size:17px;font-weight:800}.dash-app .saving-label{color:var(--text-3);margin-top:1px;font-size:11px}.dash-app .mbar{margin-bottom:14px}.dash-app .mbar:last-child{margin-bottom:0}.dash-app .mbar-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.dash-app .mbar-label{color:var(--text-2);font-size:12.5px;font-weight:600}.dash-app .mbar-val{font-size:12.5px;font-weight:700}.dash-app .mbar-track{border-radius:var(--r-full);background:var(--surface-3);height:7px;overflow:hidden}.dash-app .mbar-fill{border-radius:var(--r-full);height:100%}.dash-app .leader{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.dash-app .leader:last-child{border-bottom:none}.dash-app .leader-rank{width:22px;color:var(--text-3);text-align:center;flex-shrink:0;font-size:12.5px;font-weight:800}.dash-app .leader-rank.gold{color:#c79a23}.dash-app .leader-main{flex:1;min-width:0}.dash-app .leader-name{font-size:13px;font-weight:600}.dash-app .leader-meta{color:var(--text-3);margin-top:1px;font-size:11.5px}.dash-app .leader-stat{text-align:right;flex-shrink:0}.dash-app .leader-stat .ls-val{letter-spacing:-.02em;font-size:14px;font-weight:800}.dash-app .leader-stat .ls-label{color:var(--text-4);font-size:10.5px}.dash-app .ticket{text-align:left;border:1px solid var(--border);border-radius:var(--r);cursor:pointer;width:100%;color:inherit;margin-bottom:8px;padding:11px 12px;text-decoration:none;transition:border-color .12s,background .12s;display:block}.dash-app .ticket:last-child{margin-bottom:0}.dash-app .ticket:hover{border-color:var(--danger-border);background:var(--danger-tint)}.dash-app .ticket-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.dash-app .ticket-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.dash-app .ticket-sum{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.dash-app .ticket-meta{align-items:center;gap:8px;margin-top:8px;display:flex}.dash-app .chrow{align-items:center;gap:11px;padding:9px 0;display:flex}.dash-app .chrow-ic{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.dash-app .chrow-main{flex:1;min-width:0}.dash-app .chrow-top{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.dash-app .chrow-name{font-size:12.5px;font-weight:600}.dash-app .chrow-val{color:var(--text-2);font-size:12.5px;font-weight:700}.dash-app .chrow-track{border-radius:var(--r-full);background:var(--surface-3);height:6px;overflow:hidden}.dash-app .chrow-fill{border-radius:var(--r-full);height:100%}.dash-app .act-row{border-bottom:1px solid var(--border);color:inherit;align-items:center;gap:13px;padding:12px 18px;text-decoration:none;transition:background .12s;display:flex}.dash-app .act-row:last-child{border-bottom:none}.dash-app .act-row:hover{background:var(--hover)}.dash-app .act-main{flex:1;min-width:0}.dash-app .act-name{font-size:13px;font-weight:600}.dash-app .act-line{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.dash-app .act-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;display:flex}.dash-app .act-time{color:var(--text-3);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:11px;display:flex}.dash-app .dash-empty{text-align:center;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.dash-app .dash-empty .de-icon{background:var(--surface-3);width:44px;height:44px;color:var(--text-4);border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.dash-app .btn{border-radius:var(--r);white-space:nowrap;height:36px;color:var(--text);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s,filter .12s;display:inline-flex}.dash-app .btn.sm{height:32px;padding:0 11px;font-size:12.5px}.dash-app .btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-xs)}.dash-app .btn-primary:hover{background:var(--primary-hover)}.dash-app .btn-outline{background:var(--surface);border-color:var(--border-2);color:var(--text);box-shadow:var(--shadow-xs)}.dash-app .btn-outline:hover{background:var(--hover);border-color:var(--border-strong)}.dash-app .seg{background:var(--surface-3);border-radius:var(--r);gap:2px;padding:3px;display:inline-flex}.dash-app .seg button{border-radius:var(--r-sm);height:28px;color:var(--text-3);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;transition:background .12s,color .12s;display:flex}.dash-app .seg button:hover{color:var(--text)}.dash-app .seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.dash-app .pill{border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.03em;border:1px solid #0000;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.dash-app .pill.green{background:var(--success-tint);color:var(--success);border-color:var(--success-border)}.dash-app .pill.amber{background:var(--warning-tint);color:var(--warning);border-color:var(--warning-border)}.dash-app .pill.red{background:var(--danger-tint);color:var(--danger);border-color:var(--danger-border)}.dash-app .pill.gray{background:var(--surface-3);color:var(--text-2)}.dash-app .pill.indigo{background:var(--primary-tint);color:var(--primary-strong)}.dash-app .chip{border-radius:var(--r-full);white-space:nowrap;border:1px solid #0000;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.dash-app .chip.xs{gap:3px;padding:1px 6px;font-size:10px}.dash-app .chip-dot{border-radius:50%;width:6px;height:6px}.dash-app .chip.open{background:var(--info-tint);color:var(--info)}.dash-app .chip.waiting{background:var(--warning-tint);color:var(--warning)}.dash-app .chip.snoozed{background:var(--surface-3);color:var(--text-2)}.dash-app .chip.resolved{background:var(--success-tint);color:var(--success)}.dash-app .chip.ai{background:var(--primary-tint);color:var(--primary-strong)}.dash-app .chip.urgent{background:var(--danger-tint);color:var(--danger);border-color:var(--danger-border)}.dash-app .chip.neutral{background:var(--surface-3);color:var(--text-2)}.dash-app .avatar{border-radius:var(--r-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.dash-app .avatar.sq{border-radius:8px}.dash-app .presence{border-radius:var(--r-full);border:2px solid var(--surface);background:var(--success);width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.dash-app .presence.away{background:var(--warning)}.dash-app .presence.offline{background:var(--text-4)}.dash-app .ch-badge{border-radius:var(--r-full);border:2px solid var(--surface);color:#fff;justify-content:center;align-items:center;width:17px;height:17px;display:flex;position:absolute;bottom:-3px;right:-3px}@media (max-width:1320px){.dash-app .kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-app .bento.c3,.dash-app .bento.c2,.dash-app .bento.c3b{grid-template-columns:1fr}}@media (max-width:760px){.dash-app .dash-page{padding:16px 16px 64px}.dash-app .kpi-grid,.dash-app .callouts{grid-template-columns:1fr}}