:root{--color-primary: #1F9AD6;--color-primary-dark: #167aa6;--color-primary-light: #9fe0f3;--color-primary-bg: rgba(31, 154, 214, .08);--color-secondary: #8b5cf6;--color-secondary-dark: #7c3aed;--color-secondary-light: #a78bfa;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--chart-color-1: var(--color-primary);--chart-color-2: #3b82f6;--chart-color-3: #8b5cf6;--chart-color-4: #f59e0b;--chart-color-5: #ef4444;--chart-color-6: #10b981;--chart-color-7: #ec4899;--chart-color-8: #64748b;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-dark: #0f172a;--border-color: #e2e8f0;--border-color-dark: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 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;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;background:linear-gradient(180deg,#0f172a,#1e293b);color:var(--text-inverse);position:fixed;height:100vh;overflow-y:auto;z-index:100;transition:width var(--transition-base)}.sidebar.collapsed{width:80px}.main-content{flex:1;margin-left:280px;padding:var(--space-8);min-height:100vh;transition:margin-left var(--transition-base)}.main-content.expanded{margin-left:80px}.sidebar-header{padding:var(--space-6);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar-toggle-header{width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.sidebar-toggle-header:hover{background:#ffffff26;border-color:#ffffff4d}.sidebar-toggle-header:active{transform:scale(.95)}.sidebar.collapsed .sidebar-toggle-header{margin:0}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3)}.sidebar-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl)}.sidebar-logo-text{font-size:var(--font-size-lg);font-weight:700}.sidebar-logo-subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.sidebar-nav{padding:var(--space-4) 0}.nav-section{padding:var(--space-4) var(--space-6)}.sidebar.collapsed .nav-section{padding:var(--space-4) var(--space-2)}.nav-section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:#ffffffb3;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);margin-bottom:var(--space-1)}.nav-link:hover{background:#ffffff14;color:#fff}.nav-link.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 4px 12px #14b8a64d}.nav-link-icon{font-size:var(--font-size-lg)}.sidebar.collapsed .nav-link{justify-content:center;padding:var(--space-3)}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.page-description{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:800px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.kpi-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all var(--transition-base);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.kpi-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);margin-bottom:var(--space-4);background:var(--color-primary-bg)}.kpi-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);line-height:1.2}.kpi-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.kpi-trend{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:600;margin-top:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.kpi-trend.positive{color:var(--color-success);background:#10b9811a}.kpi-trend.negative{color:var(--color-error);background:#ef44441a}.kpi-card-enhanced{position:relative;overflow:hidden}.kpi-card-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));opacity:0;transition:opacity var(--transition-fast)}.kpi-card-enhanced:hover:before{opacity:1}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.kpi-subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-1);font-weight:500}.kpi-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.kpi-source{font-size:.7rem;color:var(--text-muted)}.kpi-trend-label{font-size:.7rem;color:var(--text-muted);font-weight:600}.trend-arrow{font-size:1.2em;margin-right:4px}.kpi-sparkline{margin-top:var(--space-2)}.metric-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-4);border:2px solid var(--border-color);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.metric-card[data-status=success]{border-left:4px solid var(--color-success)}.metric-card[data-status=warning]{border-left:4px solid var(--color-warning)}.metric-card[data-status=neutral]{border-left:4px solid var(--text-muted)}.alert-card{display:flex;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border-left:4px solid;background:var(--bg-primary);box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.alert-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.alert-card.alert-danger{border-left-color:var(--color-error);background:linear-gradient(135deg,#ef44440d,#ef444405)}.alert-card.alert-warning{border-left-color:var(--color-warning);background:linear-gradient(135deg,#f59e0b0d,#f59e0b05)}.alert-card.alert-info{border-left-color:var(--color-info);background:linear-gradient(135deg,#3b82f60d,#3b82f605)}.alert-icon{font-size:2rem;flex-shrink:0}.alert-title{font-size:var(--font-size-base);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.alert-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-3)}.alert-metric{display:inline-block;font-size:var(--font-size-sm);font-weight:700;padding:var(--space-1) var(--space-3);background:#0000000d;border-radius:var(--radius-full);color:var(--text-primary)}.summary-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-5);border-left:4px solid;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.summary-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--border-color)}.summary-icon{font-size:1.75rem}.summary-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0}.summary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-1);font-weight:500}.summary-highlights{display:flex;flex-wrap:wrap;gap:var(--space-2)}.highlight-badge{font-size:var(--font-size-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.highlight-badge.badge-success{background:#10b9811a;color:var(--color-success)}.highlight-badge.badge-warning{background:#f59e0b1a;color:var(--color-warning)}.highlight-badge.badge-danger{background:#ef44441a;color:var(--color-error)}.highlight-badge.badge-info{background:#3b82f61a;color:var(--color-info)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:var(--space-6)}.chart-container{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.chart-container.full-width{grid-column:1 / -1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.chart-download-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.chart-download-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.chart-download-btn:active{transform:translateY(0)}.chart-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.chart-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.chart-wrapper{height:400px;width:100%}.chart-wrapper.small{height:300px}.chart-wrapper.large{height:500px}.export-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.export-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.export-all-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.export-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.export-all-btn:active:not(:disabled){transform:translateY(0)}.export-all-btn:disabled{opacity:.6;cursor:not-allowed}.export-all-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.insight-box{background:linear-gradient(135deg,var(--color-primary-bg),rgba(139,92,246,.05));border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6);border-left:4px solid var(--color-primary)}.insight-box h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary-dark);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.insight-box ul{list-style:none;padding:0}.insight-box li{padding:var(--space-2) 0;padding-left:var(--space-6);position:relative;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.insight-box li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:600}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary)}.data-table td{font-size:var(--font-size-sm);color:var(--text-primary)}.data-table tr:hover td{background:var(--bg-secondary)}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.sidebar{width:240px}.main-content{margin-left:240px;padding:var(--space-6)}}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform var(--transition-slow)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:var(--space-4)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.page-title{font-size:var(--font-size-2xl)}.export-all-btn{width:100%;justify-content:center}.summary-stats{grid-template-columns:1fr}.stat-value{font-size:var(--font-size-xl)}.alert-card{flex-direction:column}.alert-icon{font-size:1.5rem}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr}}.section-nav{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#f8fafcfa,#f8fafcf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-4) 0;margin:0 calc(-1 * var(--space-8));margin-bottom:var(--space-6);border-bottom:1px solid var(--border-color)}.section-nav-container{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-2) var(--space-8);scrollbar-width:none;-ms-overflow-style:none}.section-nav-container::-webkit-scrollbar{display:none}.section-nav-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.section-nav-tag:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.section-nav-tag.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #14b8a64d}.section-nav-tag .tag-icon{font-size:var(--font-size-base)}.section-nav-tag .tag-label{font-weight:500}.section-title{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-8);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:3px solid var(--color-primary);scroll-margin-top:100px}.section-title h2{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}.section-title.color-blue{border-bottom-color:var(--color-info)}.section-title.color-blue h2{color:var(--color-info)}.section-title.color-purple{border-bottom-color:var(--color-secondary)}.section-title.color-purple h2{color:var(--color-secondary)}.section-title.color-red{border-bottom-color:var(--color-error)}.section-title.color-red h2{color:var(--color-error)}.section-title.color-orange{border-bottom-color:var(--color-warning)}.section-title.color-orange h2{color:var(--color-warning)}.section-title.color-green{border-bottom-color:var(--color-success)}.section-title.color-green h2{color:var(--color-success)}@media (max-width: 768px){.section-nav{margin:0 calc(-1 * var(--space-4))}.section-nav-container{padding:var(--space-2) var(--space-4)}.section-nav-tag{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}}.sidebar.collapsed .sidebar-header{padding:var(--space-4);display:flex;justify-content:center}.sidebar.collapsed .sidebar-logo{justify-content:center}