@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-inter:"__Inter_f367f3","__Inter_Fallback_f367f3"}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__JetBrains_Mono_Fallback_3c557b;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:__JetBrains_Mono_3c557b,__JetBrains_Mono_Fallback_3c557b;font-style:normal}.__variable_3c557b{--font-mono:"__JetBrains_Mono_3c557b","__JetBrains_Mono_Fallback_3c557b"}:root{--font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:var(--font-mono),"JetBrains Mono","Fira Code","SF Mono",Consolas,monospace;--font-size-2xs:0.625rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1d4ed8;--color-primary-bg:rgba(37,99,235,.08);--color-primary-border:rgba(37,99,235,.2);--color-accent:#7c3aed;--color-accent-light:#8b5cf6;--color-success:#10b981;--color-success-light:#34d399;--color-success-bg:rgba(16,185,129,.08);--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-bg:rgba(245,158,11,.08);--color-danger:#ef4444;--color-danger-light:#f87171;--color-danger-bg:rgba(239,68,68,.08);--color-info:#0ea5e9;--color-info-light:#38bdf8;--color-info-bg:rgba(14,165,233,.08);--color-bg:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-bg-dark:#0f172a;--color-surface:#fff;--color-surface-elevated:#fff;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-border-focus:var(--color-primary);--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-green:#10b981;--color-green-bg:rgba(16,185,129,.1);--color-yellow:#f59e0b;--color-yellow-bg:rgba(245,158,11,.1);--color-red:#ef4444;--color-red-bg:rgba(239,68,68,.1);--color-gray:#94a3b8;--color-gray-bg:rgba(148,163,184,.1);--chart-1:#2563eb;--chart-2:#7c3aed;--chart-3:#10b981;--chart-4:#f59e0b;--chart-5:#ef4444;--chart-6:#0ea5e9;--chart-7:#ec4899;--chart-8:#84cc16;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-2);--spacing-md:var(--spacing-4);--spacing-lg:var(--spacing-6);--spacing-xl:var(--spacing-8);--spacing-2xl:var(--spacing-12);--radius-none:0;--radius-sm:0.25rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.04);--shadow-md:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.04);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.08),0 10px 10px -5px rgba(0,0,0,.03);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.15);--shadow-primary:0 4px 14px rgba(37,99,235,.25);--shadow-success:0 4px 14px rgba(16,185,129,.25);--shadow-danger:0 4px 14px rgba(239,68,68,.25);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--color-header-text:hsla(0,0%,100%,.9);--color-header-text-muted:hsla(0,0%,100%,.5);--color-header-nav-hover:hsla(0,0%,100%,.08);--color-header-nav-active:hsla(0,0%,100%,.15);--color-header-border:hsla(0,0%,100%,.08);--header-height:64px;--sidebar-width:260px;--sidebar-collapsed:72px;--content-max-width:1400px;--blur-sm:4px;--blur:8px;--blur-lg:16px;--blur-xl:24px}.dark,[data-theme=dark]{--color-bg:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-border:hsla(0,0%,100%,.08);--color-border-light:hsla(0,0%,100%,.04);--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--shadow-xs:0 1px 2px rgba(0,0,0,.2);--shadow-sm:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2);--shadow-md:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.2);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.2)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}*,:after,:before{box-sizing:border-box;margin:0}:after,:before,:not(th):not(td){padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,html{width:100%;min-width:100%}body{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);background:var(--color-bg);min-height:100vh;overflow-x:hidden;overflow-y:auto}body,h1,h2,h3,h4,h5,h6{color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-sm)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}small{font-size:var(--font-size-xs);color:var(--color-text-muted)}code,pre{font-family:var(--font-family-mono);font-size:.9em}code{background:var(--color-bg-tertiary);padding:.125em .375em;border-radius:var(--radius-sm);color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary);color:#fff}img,svg{max-width:100%;height:auto;vertical-align:middle}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm,13px)}th{text-align:left;font-weight:var(--font-weight-medium,600);font-size:var(--font-size-xs,11px);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide,.3px);color:var(--color-text-muted,#64748b);border-bottom:1px solid var(--color-border,#e2e8f0);background:var(--color-bg-secondary,#f8fafc)}td,th{padding:14px 20px}td{border-bottom:1px solid var(--color-border-light,#f1f5f9);color:var(--color-text,#0f172a);vertical-align:middle}td:first-child,th:first-child{padding-left:28px}td:last-child,th:last-child{padding-right:28px}.impact-matrix-table td:first-child,.impact-matrix-table th:first-child,.kpi-matrix-table td:first-child,.kpi-matrix-table th:first-child{padding-left:14px}.impact-matrix-table td:last-child,.impact-matrix-table th:last-child,.kpi-matrix-table td:last-child,.kpi-matrix-table th:last-child{padding-right:10px}.impact-matrix-table,.kpi-matrix-table{table-layout:fixed!important}tbody tr{transition:background var(--transition-fast,.15s)}tbody tr:hover{background:var(--color-bg-secondary,#f8fafc)}input,select,textarea{font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-3) var(--spacing-4);width:100%;transition:all var(--transition-fast)}input:hover,select:hover,textarea:hover{border-color:var(--color-text-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}button{font-family:inherit;cursor:pointer;border:none;background:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius);transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-xs)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-muted)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-secondary);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-light);box-shadow:var(--shadow-danger)}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-md)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.card-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-light);justify-content:space-between}.card-header,.card-title{display:flex;align-items:center}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);gap:var(--spacing-2)}.card-body{padding:var(--spacing-5)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);line-height:1.4}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.success{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-bg)}.status-dot.warning{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-bg)}.status-dot.danger{background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-bg)}.status-dot.neutral{background:var(--color-text-muted)}.progress{height:6px;background:var(--color-bg-tertiary);overflow:hidden}.progress,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;transition:width var(--transition-slow)}.progress-fill.success{background:var(--color-success)}.progress-fill.warning{background:var(--color-warning)}.progress-fill.danger{background:var(--color-danger)}.progress-fill.primary{background:var(--color-primary)}.divider{height:1px;background:var(--color-border);margin:var(--spacing-4) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12) var(--spacing-6);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-4);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-2)}.empty-state-text{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:300px}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 100%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn var(--transition)}.animate-slideUp{animation:slideUp var(--transition)}.animate-slideDown{animation:slideDown var(--transition)}.animate-scaleIn{animation:scaleIn var(--transition)}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-5);position:relative;overflow:hidden;transition:all var(--transition)}.metric-card:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-md)}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--metric-color,var(--color-primary));opacity:0;transition:opacity var(--transition)}.metric-card:hover:before{opacity:1}.metric-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-3)}.metric-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted)}.metric-icon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--metric-bg,var(--color-primary-bg))}.metric-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1;letter-spacing:var(--letter-spacing-tight)}.metric-footer{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3)}.metric-trend{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.metric-trend.up{background:var(--color-success-bg);color:var(--color-success)}.metric-trend.down{background:var(--color-danger-bg);color:var(--color-danger)}.metric-trend.neutral{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.metric-context{font-size:var(--font-size-xs);color:var(--color-text-muted)}.metric-progress{margin-top:var(--spacing-3)}.metric-card.primary{--metric-color:var(--color-primary);--metric-bg:var(--color-primary-bg)}.metric-card.success{--metric-color:var(--color-success);--metric-bg:var(--color-success-bg)}.metric-card.warning{--metric-color:var(--color-warning);--metric-bg:var(--color-warning-bg)}.metric-card.danger{--metric-color:var(--color-danger);--metric-bg:var(--color-danger-bg)}.metric-card.info{--metric-color:var(--color-info);--metric-bg:var(--color-info-bg)}.metric-card.accent{--metric-color:var(--color-accent);--metric-bg:rgba(124,58,237,.08)}.filter-bar{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-6);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:160px}.filter-group label{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-text-muted);margin:0}.filter-group input,.filter-group select{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);min-width:140px}.filter-search{flex:1 1;min-width:200px;position:relative}.filter-search input{padding-left:var(--spacing-10)}.filter-search-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:16px}.filter-actions{display:flex;gap:var(--spacing-2);margin-left:auto}.filter-clear{font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}.filter-clear:hover{color:var(--color-primary)}.insight-card{background:linear-gradient(135deg,var(--color-primary-bg),rgba(124,58,237,.05));border:1px solid var(--color-primary-border);border-radius:var(--radius-md);padding:var(--spacing-5);position:relative}.insight-card:before{content:"💡";position:absolute;top:var(--spacing-4);left:var(--spacing-4);font-size:20px}.insight-content{padding-left:var(--spacing-8)}.insight-text{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text)}.insight-text strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.insight-action{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);margin-top:var(--spacing-3);cursor:pointer;transition:gap var(--transition-fast)}.insight-action:hover{gap:var(--spacing-2)}.data-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.data-table{width:100%}.data-table th{background:var(--color-bg-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table td{font-size:var(--font-size-sm)}.data-table tr.selected td{background:var(--color-primary-bg)}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover td{background:var(--color-bg-secondary)}.cell-mono{font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.cell-primary{color:var(--color-primary)}.cell-muted{color:var(--color-text-muted)}.cell-truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traffic-light{display:flex;gap:var(--spacing-1)}.traffic-light-dot{width:12px;height:12px;border-radius:50%}.traffic-light-dot.green{background:var(--color-green)}.traffic-light-dot.yellow{background:var(--color-yellow)}.traffic-light-dot.red{background:var(--color-red)}.traffic-light-dot.gray{background:var(--color-gray)}.traffic-light-bar{display:flex;height:8px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-bg-tertiary)}.traffic-light-bar span{height:100%;transition:width var(--transition-slow)}.traffic-light-bar .green{background:var(--color-green)}.traffic-light-bar .yellow{background:var(--color-yellow)}.traffic-light-bar .red{background:var(--color-red)}.traffic-light-bar .gray{background:var(--color-gray)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-4px);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#fff;background:var(--color-text);border-radius:var(--radius);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:var(--z-tooltip)}.tooltip:hover:after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-8px)}.avatar{width:40px;height:40px;border-radius:var(--radius);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.avatar.sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar.lg{width:48px;height:48px;font-size:var(--font-size-md)}.avatar.xl{width:64px;height:64px;font-size:var(--font-size-xl)}.avatar.rounded{border-radius:50%}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;min-width:180px;padding:var(--spacing-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast)}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(4px)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text);border-radius:var(--radius);cursor:pointer;transition:background var(--transition-fast)}.dropdown-item:hover{background:var(--color-bg-secondary)}.dropdown-item-icon{font-size:16px;color:var(--color-text-muted)}.dropdown-divider{height:1px;background:var(--color-border);margin:var(--spacing-2) 0}.tabs{gap:var(--spacing-1);margin-bottom:var(--spacing-6)}.tab{padding:var(--spacing-3) var(--spacing-4);color:var(--color-text-muted);margin-bottom:-1px}.tab.active{border-color:var(--color-primary)}.search-input{position:relative}.search-input input{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.search-input-icon{left:var(--spacing-4);font-size:18px;pointer-events:none}.search-input-clear,.search-input-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.search-input-clear{right:var(--spacing-3);width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:all var(--transition-fast)}.search-input-clear:hover{color:var(--color-text)}.search-input-clear:hover,.toggle{background:var(--color-bg-tertiary)}.toggle{position:relative;width:44px;height:24px;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast)}.toggle.active{background:var(--color-primary)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle.active:after{transform:translateX(20px)}.notification-badge{position:relative}.notification-badge:after{content:attr(data-count);position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 var(--spacing-1);font-size:10px;font-weight:var(--font-weight-bold);color:#fff;background:var(--color-danger);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.loader{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loader.sm{width:16px;height:16px;border-width:2px}.loader.lg{width:32px;height:32px;border-width:3px}.alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.alert-icon{font-size:18px;flex-shrink:0}.alert-content{flex:1 1}.alert-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.alert-text{color:inherit;opacity:.9}.alert.info{background:var(--color-info-bg);color:var(--color-info);border:1px solid rgba(14,165,233,.2)}.alert.success{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.alert.warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.alert.danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-bg-dark);color:var(--color-text-inverse);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform var(--transition)}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.sidebar-logo-text span{color:var(--color-primary-light)}.sidebar-nav{flex:1 1;padding:var(--spacing-md);overflow-y:auto}.nav-section{margin-bottom:var(--spacing-lg)}.nav-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:hsla(0,0%,100%,.4);text-transform:uppercase;letter-spacing:1px}.nav-item,.nav-section-title{padding:var(--spacing-sm) var(--spacing-md)}.nav-item{display:flex;align-items:center;gap:var(--spacing-sm);color:hsla(0,0%,100%,.7);text-decoration:none;border-radius:var(--radius);transition:all var(--transition-fast);font-size:var(--font-size-sm)}.nav-item:hover{background:hsla(0,0%,100%,.1);color:var(--color-text-inverse)}.nav-item.active{background:var(--color-primary);color:var(--color-text-inverse)}.nav-item-icon{width:20px;height:20px;opacity:.8}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid hsla(0,0%,100%,.1)}.main-content{flex:1 1;margin-left:var(--sidebar-width);min-height:100vh;background:var(--color-bg-secondary)}.header{height:var(--header-height);background:var(--color-bg);border-bottom:1px solid var(--color-border);justify-content:space-between;padding:0 var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:50}.header,.header-left{display:flex;align-items:center}.header-left{gap:var(--spacing-md)}.header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.header-breadcrumb{font-size:var(--font-size-sm);color:var(--color-text-muted)}.header-breadcrumb a{color:var(--color-text-secondary)}.header-right{gap:var(--spacing-md)}.header-right,.user-menu{display:flex;align-items:center}.user-menu{gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);cursor:pointer;transition:background var(--transition-fast)}.user-menu:hover{background:var(--color-bg-secondary)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold)}.user-avatar,.user-name{font-size:var(--font-size-sm)}.user-name{font-weight:var(--font-weight-medium);color:var(--color-text)}.user-role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.page{padding:var(--spacing-lg);max-width:var(--container-max);margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.page-actions{display:flex;align-items:center;gap:var(--spacing-sm)}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.page{padding:var(--spacing-md)}}.menu-toggle{display:none;padding:var(--spacing-sm);background:none;border:none;cursor:pointer}@media (max-width:1024px){.menu-toggle{display:flex}}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:90;opacity:0;visibility:hidden;transition:all var(--transition)}.overlay.visible{opacity:1;visibility:visible}.tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg)}.tab{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.section{margin-bottom:var(--spacing-xl)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-md)}.section-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.kpi-grid,.section-subtitle{margin-bottom:var(--spacing-lg)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.kpi-grid{grid-template-columns:1fr}}.traffic-summary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.traffic-item{text-align:center;padding:var(--spacing-md)}.traffic-count{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.traffic-count.green{color:var(--color-green)}.traffic-count.yellow{color:var(--color-yellow)}.traffic-count.red{color:var(--color-red)}.traffic-count.gray{color:var(--color-gray)}.traffic-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.panel-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media (max-width:900px){.panel-grid{grid-template-columns:1fr}}.panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.panel-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.issue-list{list-style:none;padding:0;margin:0}.issue-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px dashed var(--color-border)}.issue-item:last-child{border-bottom:none}.issue-name{color:var(--color-text);flex:1 1;margin-right:var(--spacing-md)}.issue-count,.issue-name{font-size:var(--font-size-sm)}.issue-count{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:4px 10px;border-radius:var(--radius-full)}.issue-count.critical{background:var(--color-red-bg);color:var(--color-red)}.issue-count.success{background:var(--color-green-bg);color:var(--color-green)}.gauge{position:relative;height:8px;background:var(--color-bg-tertiary);overflow:hidden}.gauge,.gauge-fill{border-radius:var(--radius-full)}.gauge-fill{height:100%;transition:width var(--transition-slow)}.gauge-fill.excellent{background:var(--color-green)}.gauge-fill.good{background:#22d3ee}.gauge-fill.average{background:var(--color-yellow)}.gauge-fill.poor{background:var(--color-red)}.gauge-label{display:flex;justify-content:space-between;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.ai-summary{background:linear-gradient(135deg,var(--color-primary-bg) 0,var(--color-bg) 100%);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);position:relative}.ai-summary:before{content:"AI";position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary);background:var(--color-bg);padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-primary)}.ai-summary-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-md)}.ai-summary-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.period-selector{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:4px}.period-btn{padding:8px 16px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.period-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.period-btn.active{background:var(--color-primary);color:var(--color-text-inverse)}.dealer-table{width:100%}.dealer-row{display:grid;grid-template-columns:1fr 120px 100px 80px;grid-gap:var(--spacing-md);gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);align-items:center}.dealer-row:hover{background:var(--color-bg-secondary)}.dealer-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.dealer-segment{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dealer-percentile{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.chart-container{width:100%;height:300px;min-height:200px}.chart-container.large{height:400px}.chart-container.small{height:200px}.donut-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md);justify-content:center}.donut-legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quality-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media (max-width:768px){.quality-metrics{grid-template-columns:1fr}}.quality-item{text-align:center;padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius)}.quality-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.quality-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}