.dashboard{--brand-50:#f5f6f7;--brand-100:#eaebed;--brand-200:#d5d9dd;--brand-300:#b8bec5;--brand-400:#949da8;--brand-500:#74808d;--brand-600:#5a6673;--brand-700:#424c57;--brand-800:#2d333b;--brand-900:#161a20;--bg:#f7f9fc;--surface:#ffffff;--surface-muted:#f4f6f8;--text:#161a20;--muted:#5d6672;--border:#d9dfe6;--success:#1f8f58;--warning:#c47f00;--danger:#cb3a3a;--info:#2f6adf;--accent-cyan:#0ea5a6;--accent-violet:#7c3aed;--accent-amber:#d97706;--accent-rose:#e11d48;--trend-line:#16a34a;--trend-line-strong:#0284c7;--trend-area:color-mix(in srgb,#86efac 35%,transparent 65%);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.875rem;--shadow-sm:0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 10px 24px rgba(0,0,0,0.08);--shadow-lg:0 20px 45px rgba(0,0,0,0.12);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--line-tight:1.2;--line-normal:1.5;--sidebar-width:17rem;--sidebar-width-collapsed:4.75rem;--topbar-height:4.25rem;min-height:100vh;color:var(--text);background:radial-gradient(circle at 100% 0,rgba(116,128,141,.08),transparent 35%),var(--bg)}html[data-theme=dark] .dashboard{--bg:#0f1114;--surface:#171a1f;--surface-muted:#11151a;--text:#f2f4f6;--muted:#a8b0bb;--border:#2a323d;--brand-100:#202732;--brand-200:#293340;--brand-600:#6983a1;--brand-700:#8ea2ba;--brand-900:#d7dfe7;--trend-line:#4ade80;--trend-line-strong:#38bdf8;--trend-area:color-mix(in srgb,#14532d 40%,transparent 60%);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 14px 30px rgba(0,0,0,0.35);--shadow-lg:0 26px 50px rgba(0,0,0,0.45)}.dashboard *{box-sizing:border-box}.dashboard h1,.dashboard h2,.dashboard h3,.dashboard h4,.dashboard p{margin:0}.dashboard a{color:inherit;text-decoration:none}.dashboard table{border-collapse:collapse;width:100%}.dashboard :focus-visible{outline:2px solid var(--info);outline-offset:2px}.dashboard-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh;overflow:visible}.dashboard-main{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);position:relative;z-index:1}.dashboard-content{padding:var(--space-6) var(--space-5) var(--space-8);display:grid;grid-gap:var(--space-5);gap:var(--space-5);min-width:0}.dashboard-content>*{min-width:0}.dashboard-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--surface),#eef6ff 8%) 0,var(--surface-muted) 100%);border-right:1px solid var(--border);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6);min-height:100vh;position:-webkit-sticky;position:sticky;top:0;z-index:40;overflow:visible}.dashboard-sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding-inline:var(--space-2)}.dashboard-sidebar__logo{width:2rem;height:2rem;border-radius:var(--radius-md);background:linear-gradient(145deg,var(--brand-200),var(--brand-500));display:grid;place-items:center;color:#fff;font-weight:700;flex-shrink:0}.dashboard-sidebar__title{font-size:var(--text-md);font-weight:700;letter-spacing:-.01em;white-space:nowrap}.dashboard-nav{display:grid;grid-gap:var(--space-2);gap:var(--space-2);min-width:0;overflow:visible}.dashboard-nav__link{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--muted);border:1px solid transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.dashboard-nav__label{white-space:nowrap}.dashboard-nav__badge{margin-left:auto;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--accent-violet),white 45%);background:color-mix(in srgb,var(--accent-violet),white 85%);color:var(--accent-violet);border-radius:999px;padding:.14rem .42rem}.dashboard-nav__link--premium{position:relative;border-style:dashed;border-color:color-mix(in srgb,var(--accent-violet),transparent 35%);background:color-mix(in srgb,var(--accent-violet),white 95%);overflow:visible;z-index:1}.dashboard-nav__link--premium:after{content:attr(data-tooltip);position:absolute;left:calc(100% + .55rem);top:50%;transform:translateY(-50%) translateX(-4px);opacity:0;pointer-events:none;min-width:230px;background:#111827;color:#f9fafb;border-radius:var(--radius-sm);padding:.45rem .6rem;font-size:.72rem;line-height:1.4;box-shadow:var(--shadow-md);transition:opacity .2s ease,transform .2s ease;z-index:1200}.dashboard-nav__link--premium:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}.dashboard-nav__link--premium:hover{z-index:1000}.dashboard-nav__link:hover,.dashboard-nav__link[aria-current=page]{color:var(--text);background:color-mix(in srgb,var(--surface),#eef7ff 25%);border-color:color-mix(in srgb,var(--accent-cyan),var(--border) 70%)}.dashboard-icon{width:1.1rem;height:1.1rem;flex-shrink:0}.dashboard-topbar{min-height:var(--topbar-height);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface),transparent 5%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);flex-wrap:wrap}.dashboard-topbar__title-wrap{min-width:0;margin-right:auto}.dashboard-topbar__title{font-size:var(--text-xl);line-height:var(--line-tight);letter-spacing:-.02em}.dashboard-topbar__subtitle{font-size:var(--text-xs);color:var(--muted)}.dashboard-topbar__actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}.btn,.topbar__menu-toggle{display:inline-flex}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);line-height:1;min-height:2.25rem;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .1s ease;white-space:nowrap}.btn:hover{background:var(--surface-muted)}.btn:active{transform:translateY(1px)}.btn--ghost{border-color:transparent;background:transparent}.btn--icon{width:2.25rem;padding-inline:0}.btn.is-active,.btn[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent-cyan),var(--brand-500) 60%);color:color-mix(in srgb,var(--accent-cyan),var(--brand-900) 65%);background:color-mix(in srgb,var(--accent-cyan),white 88%)}.input,.select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-md);min-height:2.25rem;padding:0 var(--space-3)}.input{min-width:13rem}.input::placeholder{color:color-mix(in srgb,var(--muted),transparent 10%)}.control-group{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-md);padding:2px;background:var(--surface)}.segmented .btn{border:0;min-height:2rem;border-radius:calc(var(--radius-md) - 2px)}.dashboard-tabs{display:inline-flex;gap:var(--space-2)}.dashboard-tabs .btn{min-height:2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0}.kpi-card{position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;inset:0 auto auto 0;height:3px;width:100%}.kpi-card:nth-child(6n+1):before{background:#0284c7}.kpi-card:nth-child(6n+2):before{background:#0ea5a6}.kpi-card:nth-child(6n+3):before{background:#16a34a}.kpi-card:nth-child(6n+4):before{background:#7c3aed}.kpi-card:nth-child(6n+5):before{background:#d97706}.kpi-card:nth-child(6n+6):before{background:#e11d48}.card__body,.card__footer,.card__header{padding:var(--space-5)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--border);flex-wrap:wrap}.card__title{font-size:var(--text-sm);color:var(--muted)}.card__metric{font-size:var(--text-2xl);line-height:var(--line-tight);letter-spacing:-.02em;margin-top:var(--space-2)}.card__delta{margin-top:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs)}.card__delta--up{color:var(--success)}.card__delta--down{color:var(--danger)}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.kpi-card{padding:var(--space-4);background:linear-gradient(180deg,color-mix(in srgb,var(--surface),#f7fbff 35%) 0,var(--surface) 100%)}.sparkline{width:100%;height:42px;margin-top:var(--space-3)}.chart-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.chart-panel{min-height:19rem}.chart-meta{font-size:var(--text-xs);color:var(--muted)}.chart-svg{width:100%;height:240px}.recordings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recording-card__body,.recordings-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.recording-card__meta{display:grid;grid-gap:.3rem;gap:.3rem}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.section-title{font-size:var(--text-lg);letter-spacing:-.01em}.section-kicker{font-size:var(--text-xs);color:var(--muted)}.system-health{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.system-health__item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.filters-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.pill{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:var(--text-xs);border:1px solid;white-space:nowrap}.pill--success{color:#10633b;border-color:#9fd8bd;background:#ebf8f1}.pill--warning{color:#6f4800;border-color:#f2cf88;background:#fff8ea}.pill--danger{color:#8c1f1f;border-color:#f1b7b7;background:#fff0f0}.pill--info{color:#1e3e85;border-color:#b4c7f3;background:#eef3ff}.data-table-wrap{overflow:auto}.data-table{min-width:700px}.data-table thead th{font-size:var(--text-xs);color:var(--muted);font-weight:600;white-space:nowrap;text-align:left}.data-table tbody td,.data-table thead th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.data-table tbody td{vertical-align:middle}.data-table tbody tr:hover{background:color-mix(in srgb,var(--surface-muted),white 30%)}.reason-link{color:color-mix(in srgb,var(--accent-cyan),#0f172a 48%);font-weight:600;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--accent-cyan),transparent 55%);text-decoration-color:color-mix(in srgb,var(--accent-cyan),transparent 55%)}.reason-link:hover{color:var(--accent-cyan)}.table-actions{display:inline-flex;gap:var(--space-2)}.queue-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin:0;padding:0;list-style:none}.queue-item{border:1px solid var(--border);background:var(--surface-muted);border-radius:var(--radius-md);padding:var(--space-3);display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.queue-item__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--muted);font-size:var(--text-xs)}.menu{position:relative}.menu__panel{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:11rem;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:var(--surface);padding:var(--space-2);z-index:20}.menu__item{width:100%;border:0;background:transparent;border-radius:var(--radius-sm);text-align:left;padding:var(--space-2) var(--space-3);cursor:pointer;color:var(--text)}.menu__item:hover{background:var(--surface-muted)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40}.drawer{position:fixed;top:0;right:0;width:min(32rem,100vw);height:100vh;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:50;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease}.drawer.is-open{transform:translateX(0)}.drawer__header{border-bottom:1px solid var(--border);padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.drawer__body{padding:var(--space-5);overflow:auto;display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.key-value{display:grid;grid-template-columns:7.5rem 1fr;grid-gap:var(--space-3);gap:var(--space-3);font-size:var(--text-sm)}.key-value dt{color:var(--muted)}.key-value dd{margin:0}.transcript{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);padding:var(--space-4);line-height:1.65;margin-top:var(--space-3)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:30}.dashboard.is-sidebar-collapsed .dashboard-shell{grid-template-columns:var(--sidebar-width-collapsed) minmax(0,1fr)}.dashboard.is-sidebar-collapsed .dashboard-nav__badge,.dashboard.is-sidebar-collapsed .dashboard-nav__label,.dashboard.is-sidebar-collapsed .dashboard-sidebar__title{display:none}.dashboard.is-sidebar-collapsed .dashboard-nav__link,.dashboard.is-sidebar-collapsed .dashboard-sidebar__brand{justify-content:center}.dashboard.is-sidebar-collapsed .dashboard-nav__link--premium:after{left:calc(100% + .45rem)}.dashboard.is-embed .dashboard-topbar{position:static;-webkit-backdrop-filter:none;backdrop-filter:none}.dashboard.is-embed .dashboard-topbar__actions{display:none}.dashboard.is-embed .dashboard-content{padding-top:var(--space-4)}.u-sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.u-stack>*+*{margin-top:var(--space-4)}@media (max-width:1400px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1200px){.content-grid{grid-template-columns:1fr}}@media (max-width:980px){.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{position:fixed;top:0;left:0;width:min(var(--sidebar-width),calc(100vw - 3rem));z-index:35;transform:translateX(-100%);transition:transform .25s ease}.dashboard.is-sidebar-open .dashboard-sidebar{transform:translateX(0)}.dashboard.is-sidebar-open .sidebar-overlay{display:block}.dashboard-topbar{align-items:flex-start}.dashboard-topbar__actions{width:100%;justify-content:flex-start}.dashboard-nav__link--premium:after{left:var(--space-3);right:var(--space-3);top:calc(100% + .45rem);transform:translateY(-4px);min-width:0}.dashboard-nav__link--premium:hover:after{transform:translateY(0)}}@media (max-width:760px){.dashboard-content{padding-inline:var(--space-4)}.chart-grid,.kpi-grid,.recordings-grid{grid-template-columns:1fr}.control-group,.dashboard-tabs,.segmented{width:100%;justify-content:space-between}.dashboard-tabs .btn,.segmented .btn{flex:1 1}.input,.select{width:100%;min-width:0}.queue-item__meta{flex-direction:column;align-items:flex-start}}