@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,600&display=swap";:root{--color-bg-primary:#faf9f7;--color-bg-secondary:#f5f3ef;--color-bg-tertiary:#edeae4;--color-bg-card:#fff;--color-bg-card-hover:#fefefe;--color-bg-dark:#1a1915;--color-bg-dark-secondary:#2c2a24;--color-text-primary:#1a1915;--color-text-secondary:#6b6860;--color-text-tertiary:#9c9890;--color-text-inverse:#faf9f7;--color-text-accent:#c96442;--color-accent:#c96442;--color-accent-light:#e8a88c;--color-accent-dark:#a14e30;--color-accent-bg:#c9644214;--color-success:#27ae60;--color-success-bg:#27ae6014;--color-warning:#f2994a;--color-warning-bg:#f2994a14;--color-danger:#eb5757;--color-danger-bg:#eb575714;--color-info:#2d9cdb;--color-info-bg:#2d9cdb14;--chart-1:#c96442;--chart-2:#6c63ff;--chart-3:#27ae60;--chart-4:#2d9cdb;--chart-5:#f2994a;--chart-6:#eb5757;--color-border:#1a191514;--color-border-hover:#1a191529;--color-border-active:#c9644252;--shadow-xs:0 1px 2px #1a19150a;--shadow-sm:0 1px 3px #1a19150f, 0 1px 2px #1a19150a;--shadow-md:0 4px 12px #1a19150f, 0 2px 4px #1a19150a;--shadow-lg:0 8px 24px #1a191514, 0 4px 8px #1a19150a;--shadow-xl:0 16px 48px #1a19151a, 0 8px 16px #1a19150f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Source Serif 4", Georgia, serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--header-height:64px;--max-content-width:1440px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-dark)}img{max-width:100%;height:auto}button{cursor:pointer;font-family:var(--font-sans);background:0 0;border:none}input,select,textarea{font-family:var(--font-sans);font-size:.875rem}::selection{background-color:var(--color-accent-light);color:var(--color-text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-base);flex:1}.page-container{max-width:var(--max-content-width);padding:var(--space-8) var(--space-8) var(--space-10);margin:0 auto}.sidebar{width:var(--sidebar-width);background:var(--color-bg-dark);height:100vh;color:var(--color-text-inverse);z-index:100;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid #ffffff0f}.sidebar-logo{align-items:center;gap:var(--space-3);display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-light));border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:flex}.sidebar-logo-text{flex-direction:column;display:flex}.sidebar-logo-title{letter-spacing:-.01em;font-size:.9rem;font-weight:700;line-height:1.2}.sidebar-logo-subtitle{color:#ffffff73;letter-spacing:.03em;text-transform:uppercase;font-size:.68rem;font-weight:400}.sidebar-nav{padding:var(--space-4) var(--space-3);flex:1}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;padding:0 var(--space-3) var(--space-2);font-size:.65rem;font-weight:600}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:#fff9;transition:all var(--transition-fast);margin-bottom:2px;font-size:.835rem;font-weight:450;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{color:#ffffffe6;background:#ffffff0f}.sidebar-link.active{color:#fff;background:#ffffff1a}.sidebar-link.active:before{content:"";background:var(--color-accent);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar-link-icon{opacity:.75;flex-shrink:0;width:18px;height:18px}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid #ffffff0f}.sidebar-footer-text{color:#ffffff4d;font-size:.7rem;line-height:1.5}.page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.page-header-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-family:var(--font-serif);color:var(--color-text-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:600;line-height:1.2}.page-subtitle{color:var(--color-text-secondary);margin-top:var(--space-2);max-width:600px;font-size:.875rem}.page-actions{gap:var(--space-3);align-items:center;display:flex}.header-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;display:inline-flex}.header-badge-dot{background:var(--color-success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;font-size:.8125rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-text-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-bg-dark-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:var(--color-accent-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-icon{padding:var(--space-2)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--color-text-primary);letter-spacing:-.01em;font-size:.875rem;font-weight:600}.card-subtitle{color:var(--color-text-tertiary);margin-top:2px;font-size:.75rem}.card-body{padding:var(--space-6)}.card-body-tight{padding:var(--space-4) var(--space-6)}.metrics-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.metric-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);transition:all var(--transition-base);position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--metric-color,var(--color-accent));opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.metric-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-card:hover:before{opacity:1}.metric-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.metric-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:500}.metric-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.metric-value{color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-2);font-size:1.75rem;font-weight:700;line-height:1}.metric-change{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;display:inline-flex}.metric-change.positive{color:var(--color-success);background:var(--color-success-bg)}.metric-change.negative{color:var(--color-danger);background:var(--color-danger-bg)}.metric-description{color:var(--color-text-tertiary);margin-top:var(--space-2);font-size:.7rem}.metric-progress{margin-top:var(--space-3)}.metric-progress-bar{background:var(--color-bg-secondary);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.metric-progress-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.metric-progress-label{color:var(--color-text-tertiary);margin-top:var(--space-1);justify-content:space-between;font-size:.65rem;display:flex}.charts-grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.charts-grid-3{grid-template-columns:repeat(3,1fr)}.chart-full{grid-column:1/-1}.chart-container{width:100%;height:320px}.chart-container-sm{height:240px}.chart-container-lg{height:400px}.data-table-wrapper{overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.8125rem}.data-table thead{z-index:1;position:sticky;top:0}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap;font-size:.7rem;font-weight:600}.data-table th:first-child{border-radius:var(--radius-sm) 0 0 0}.data-table th:last-child{border-radius:0 var(--radius-sm) 0 0}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.table-bar{align-items:center;gap:var(--space-2);display:flex}.table-bar-fill{border-radius:var(--radius-full);min-width:4px;height:6px;transition:width var(--transition-base)}.table-bar-value{min-width:40px;font-size:.8125rem;font-weight:500}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);text-transform:capitalize;font-size:.7rem;font-weight:500;display:inline-flex}.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-secondary);color:var(--color-text-secondary)}.filter-bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filter-label{color:var(--color-text-secondary);white-space:nowrap;font-size:.75rem;font-weight:500}.filter-select{padding:var(--space-1) var(--space-3);padding-right:var(--space-7);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);appearance:none;transition:border-color var(--transition-fast);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B6860' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;font-size:.8125rem}.filter-select:hover{border-color:var(--color-border-hover)}.filter-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg);outline:none}.filter-divider{background:var(--color-border);width:1px;height:24px}.filter-search{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);flex:1;min-width:180px;display:flex}.filter-search-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.8125rem}.filter-search-input::placeholder{color:var(--color-text-tertiary)}.tab-nav{gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-6);width:fit-content;display:flex}.tab-btn{padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:.8125rem;font-weight:500}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-serif);color:var(--color-text-primary);letter-spacing:-.01em;font-size:1.2rem;font-weight:600}.section-description{color:var(--color-text-secondary);margin-top:var(--space-1);font-size:.8125rem}.insight-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.insight-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base)}.insight-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.insight-card-icon{border-radius:var(--radius-md);width:36px;height:36px;margin-bottom:var(--space-3);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.insight-card-title{color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:.875rem;font-weight:600}.insight-card-text{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.6}.custom-tooltip{background:var(--color-bg-dark)!important;border-radius:var(--radius-md)!important;padding:var(--space-3) var(--space-4)!important;box-shadow:var(--shadow-xl)!important;border:none!important}.custom-tooltip-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-size:.7rem;font-weight:600}.custom-tooltip-item{align-items:center;gap:var(--space-2);padding:2px 0;display:flex}.custom-tooltip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.custom-tooltip-name{color:#ffffffb3;flex:1;font-size:.8rem}.custom-tooltip-value{color:#fff;font-size:.8rem;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:.5s ease-out forwards fadeInUp}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-in{animation:.4s ease-out forwards slideInLeft}.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}.sidebar-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}.mobile-menu-btn{top:var(--space-4);left:var(--space-4);z-index:101;padding:var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);display:none;position:fixed}@media (width<=1200px){.charts-grid{grid-template-columns:1fr}.charts-grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.visible{display:block}.mobile-menu-btn{display:flex}.main-content{margin-left:0}.page-container{padding:var(--space-6) var(--space-4)}.metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-grid-3{grid-template-columns:1fr}.page-header-row{flex-direction:column}.filter-bar{flex-direction:column;align-items:stretch}.filter-divider{display:none}}@media (width<=480px){.metrics-grid{grid-template-columns:1fr}.page-title{font-size:1.4rem}}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:SF Mono,Fira Code,monospace}.font-serif{font-family:var(--font-serif)}.text-sm{font-size:.8125rem}.text-xs{font-size:.75rem}.text-muted{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.gap-4{gap:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}