@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--bg-page:#050608;--bg-card:#111318;--bg-subtle:#15181e;--bg-hover:#1f2937;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--primary:#10b981;--primary-hover:#059669;--primary-soft:#064e3b;--danger:#e05252;--danger-hover:#c94343;--danger-soft:#6b1f1f;--warning:#f59e0b;--warning-soft:#78350f;--success:#10b981;--success-soft:#064e3b;--border-subtle:#1f2937;--border-light:#1f2937;--bg-primary:var(--bg-page);--bg-secondary:var(--bg-card);--bg-tertiary:var(--bg-subtle);--text-tertiary:var(--text-muted);--border:var(--border-subtle);--accent:var(--primary);--accent-hover:var(--primary-hover);--accent-light:var(--primary-soft);--error:var(--danger);--error-light:var(--danger-soft);--warning-light:var(--warning-soft);--success-light:var(--success-soft);--btn-primary-bg:#10b981;--btn-primary-bg-hover:#059669;--btn-primary-bg-active:#047857;--btn-primary-text:#fff;--btn-primary-ring:#22c55e;--btn-secondary-bg:var(--bg-subtle);--btn-secondary-border:var(--border-subtle);--btn-disabled-opacity:0.45;--button-primary:var(--primary);--button-primary-hover:var(--primary-hover);--button-secondary:transparent;--button-secondary-hover:hsla(0,0%,100%,.05);--button-danger:var(--danger);--button-danger-hover:var(--danger-hover);--button-ghost:transparent;--button-ghost-hover:hsla(0,0%,100%,.05);--info:#3b82f6;--info-light:rgba(59,130,246,.1);--quality-good:var(--success);--quality-flaky:var(--warning);--quality-poor:var(--danger);--chart-severity-high:#e05252;--chart-severity-medium:#d97706;--chart-severity-low:#ca8a04;--chart-category-1:#d97706;--chart-category-2:#ea580c;--chart-category-3:#f97316;--chart-category-4:#fb923c;--chart-link-default:rgba(224,82,82,.35);--chart-link-hover:rgba(224,82,82,.6);--chart-node-bg:hsla(0,0%,100%,.05);--chart-node-bg-hover:hsla(0,0%,100%,.1);--chart-text-primary:#f9fafb;--chart-text-secondary:rgba(249,250,251,.8);--chart-text-muted:rgba(249,250,251,.6);--chart-tooltip-bg:rgba(17,24,39,.98);--chart-tooltip-border:hsla(0,0%,100%,.15);--shadow:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 1px 3px rgba(0,0,0,.3);--shadow-lg:0 4px 12px rgba(0,0,0,.4);--radius-sm:6px;--radius:10px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-section:32px;--spacing-card-padding:24px;--spacing-card-gap:24px;--font-title:28px;--font-section:20px;--font-card-title:16px;--font-body:14px;--font-caption:12px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-feature-tabular:"tnum" 1;--max-width:1440px;--padding-outer:2rem;--padding-inner:1.25rem;--app-top-offset:0px;--dashboard-glass-bg:hsla(0,0%,100%,.035);--dashboard-glass-border:hsla(0,0%,100%,.1);--dashboard-glass-bg-hover:hsla(0,0%,100%,.055);--color-error:var(--danger);--color-error-surface:var(--danger-soft);--color-on-error:var(--text-primary);--color-warning:var(--warning);--color-text-high-emphasis:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-surface-primary:var(--bg-card);--color-surface-secondary:var(--bg-subtle);--color-border-default:var(--border-subtle);--hero-gradient-opacity-dark:0.09;--hero-gradient-opacity-light:0.05;--shadow-small:0 1px 2px rgba(0,0,0,.06),0 1px 1px rgba(0,0,0,.04);--shadow-small-hover:0 2px 4px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06)}@media (max-width:1023px){:root{--app-top-offset:64px}}@media (max-width:640px){:root{--padding-outer:1rem;--padding-inner:0.75rem}}@media (min-width:641px) and (max-width:768px){:root{--padding-outer:1.5rem;--padding-inner:1rem}}[data-theme=light]{--bg-page:#f7f7f8;--bg-card:#fff;--bg-subtle:#f0f1f3;--bg-hover:#e5e7eb;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--primary:#10b981;--primary-hover:#059669;--primary-soft:#dcfce7;--danger:#d84a4a;--danger-hover:#c53b3b;--danger-soft:#f5d6d6;--warning:#f59e0b;--warning-soft:#fef3c7;--success:#10b981;--success-soft:#dcfce7;--border-subtle:#e5e7eb;--border-light:#f3f4f6;--bg-primary:var(--bg-page);--bg-secondary:var(--bg-card);--bg-tertiary:var(--bg-subtle);--text-tertiary:var(--text-muted);--border:var(--border-subtle);--accent:var(--primary);--accent-hover:var(--primary-hover);--accent-light:var(--primary-soft);--error:var(--danger);--error-light:var(--danger-soft);--warning-light:var(--warning-soft);--success-light:var(--success-soft);--btn-primary-bg:#10b981;--btn-primary-bg-hover:#059669;--btn-primary-bg-active:#047857;--btn-primary-text:#fff;--btn-primary-ring:#a7f3d0;--btn-secondary-bg:var(--bg-subtle);--btn-secondary-border:var(--border-subtle);--btn-disabled-opacity:0.45;--button-primary:var(--primary);--button-primary-hover:var(--primary-hover);--button-secondary:transparent;--button-secondary-hover:rgba(0,0,0,.05);--button-danger:var(--danger);--button-danger-hover:var(--danger-hover);--button-ghost:transparent;--button-ghost-hover:rgba(0,0,0,.05);--info:#3b82f6;--info-light:rgba(59,130,246,.1);--quality-good:var(--success);--quality-flaky:var(--warning);--quality-poor:var(--danger);--chart-severity-high:#d84a4a;--chart-severity-medium:#b45309;--chart-severity-low:#a16207;--chart-category-1:#b45309;--chart-category-2:#c2410c;--chart-category-3:#d97706;--chart-category-4:#ea580c;--chart-link-default:rgba(216,74,74,.35);--chart-link-hover:rgba(216,74,74,.6);--chart-node-bg:rgba(0,0,0,.05);--chart-node-bg-hover:rgba(0,0,0,.1);--chart-text-primary:#111827;--chart-text-secondary:rgba(17,24,39,.8);--chart-text-muted:rgba(17,24,39,.6);--chart-tooltip-bg:hsla(0,0%,100%,.98);--chart-tooltip-border:rgba(0,0,0,.15);--shadow:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 1px 3px rgba(0,0,0,.1);--shadow-lg:0 4px 12px rgba(0,0,0,.1);--dashboard-glass-bg:hsla(0,0%,100%,.85);--dashboard-glass-border:rgba(17,24,39,.1);--dashboard-glass-bg-hover:hsla(0,0%,100%,.92);--color-error:var(--danger);--color-error-surface:var(--danger-soft);--color-on-error:var(--text-primary);--color-warning:var(--warning);--color-text-high-emphasis:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-surface-primary:var(--bg-card);--color-surface-secondary:var(--bg-subtle);--color-border-default:var(--border-subtle);--hero-gradient-opacity-dark:0.09;--hero-gradient-opacity-light:0.05;--shadow-small:0 1px 2px rgba(0,0,0,.06),0 1px 1px rgba(0,0,0,.04);--shadow-small-hover:0 2px 4px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-page);color:var(--text-primary);font-weight:var(--font-weight-normal);letter-spacing:-.01em}body{line-height:1.6}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}h1{font-size:var(--font-title);font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}h2{font-size:var(--font-section);line-height:1.3}h2,h3{font-weight:var(--font-weight-semibold);letter-spacing:-.01em;color:var(--text-primary)}h3{font-size:var(--font-card-title);line-height:1.4}body,p{font-size:var(--font-body);line-height:1.5;color:var(--text-primary)}.tabular-nums{font-feature-settings:"tnum" 1,"tnum";font-variant-numeric:tabular-nums}button{font-family:inherit;cursor:pointer;transition:all .2s ease;font-size:var(--font-body)}[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--btn-primary-ring)}input,select,textarea{font-family:inherit;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-body)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.card{background:var(--color-surface-primary);border:1px solid transparent;border-radius:var(--radius-md);padding:var(--spacing-card-padding);box-shadow:var(--shadow-small);transition:box-shadow .15s ease-out,transform .15s ease-out,color .15s ease-out,background-color .15s ease-out}.card:hover{box-shadow:var(--shadow-small-hover);transform:translateY(-1px)}table{width:100%;border-collapse:collapse}thead{background:var(--bg-secondary)}th{color:var(--text-secondary);font-weight:600;text-align:left;padding:.75rem 1rem;border-bottom:2px solid var(--border)}td{padding:1rem;border-bottom:1px solid var(--border-light);color:var(--text-primary)}tbody tr{background:var(--bg-secondary);transition:background .15s}tbody tr:hover{background:var(--bg-hover)}@media (max-width:1023px){.desktop-only{display:none!important}#main-content,.responsive-main{margin-left:0!important;padding-top:64px!important}}@media (min-width:1024px){.mobile-only{display:none!important}#main-content{margin-left:240px}}@media (max-width:767px){.dashboard-container{padding:1rem!important}.dashboard-header{flex-direction:column!important;gap:1rem!important}.dashboard-actions{flex-direction:column!important}.dashboard-actions,.dashboard-actions button{width:100%!important}.hero-card{padding:1.5rem 1rem!important}}@media (min-width:768px) and (max-width:1023px){.dashboard-container{padding:1.5rem!important}.dashboard-header{flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important}.dashboard-actions{flex-direction:column!important;align-items:stretch!important;gap:1rem!important;min-width:200px!important}.hero-card{padding:2rem 1.5rem!important}}@media (min-width:1024px){.dashboard-container{padding:2rem!important}.dashboard-header{justify-content:space-between!important}.dashboard-actions,.dashboard-header{flex-direction:row!important;align-items:flex-start!important}.dashboard-actions{gap:1rem!important}.dashboard-actions button{width:auto!important}.dashboard-actions>div:last-child{min-width:200px!important;width:auto!important}.hero-card{padding:4rem 5rem!important}}@media (max-width:767px){.responsive-table-container{overflow-x:visible!important}.responsive-table{display:none!important}.responsive-table-cards{display:block!important}.table-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow)}.table-card-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--border-light);gap:1rem}.table-card-row:last-child{border-bottom:none}.table-card-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;min-width:100px}.table-card-value{font-size:.875rem;color:var(--text-primary);text-align:right;word-break:break-word;flex:1 1}.table-wrapper{display:block!important}}@media (min-width:768px){.responsive-table{display:table!important}.responsive-table-cards{display:none!important}}.conversations-table-scroll{-webkit-overflow-scrolling:touch}@media (max-width:640px){h1{font-size:clamp(1.25rem,5vw,1.75rem)!important}h2{font-size:clamp(1.125rem,4vw,1.5rem)!important}h3{font-size:clamp(1rem,3vw,1.25rem)!important}div,p{font-size:clamp(.875rem,2vw,1rem)!important}}@media (max-width:767px){input,select,textarea{font-size:16px!important}.dashboard-convo-row,.hero-kpi-grid{grid-template-columns:1fr!important}.dashboard-convo-row{align-items:flex-start!important}.dashboard-convo-actions{width:100%!important;text-align:center!important}}@media (max-width:1023px){a[role=button],button{min-height:44px!important;min-width:44px!important}a,button{-webkit-tap-highlight-color:var(--accent-light)}}@media (max-width:767px){.mobile-px-4{padding-left:1rem!important;padding-right:1rem!important}.mobile-py-4{padding-top:1rem!important;padding-bottom:1rem!important}.mobile-gap-3{gap:.75rem!important}.mobile-gap-4{gap:1rem!important}.mobile-full-width{width:100%!important;max-width:100%!important}.mobile-stack{flex-direction:column!important}}@media (max-width:1023px){body{overflow-x:hidden!important}*{max-width:100%}iframe,img,video{max-width:100%;height:auto}}@media (min-width:768px){.empty-state-grid{grid-template-columns:minmax(0,2fr) minmax(0,1.4fr)!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}