@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-base:#f4f6fa;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-kpi-card:#e2e8f073;--bg-glass:#00000005;--bg-glass-hover:#0000000a;--bg-input:#f1f5f9;--bg-light:#f8fafc;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-accent:#0ea5e9;--primary:#0ea5e9;--primary-glow:#0ea5e926;--primary-color:#0ea5e9;--secondary:#6366f1;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--accent-cyan:#0ea5e9;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-red:#ef4444;--accent-orange:#f97316;--gradient-primary:linear-gradient(135deg, #7dd3fc, #c084fc);--gradient-revenue:linear-gradient(135deg, #93c5fd, #7dd3fc);--gradient-growth:linear-gradient(135deg, #a7f3d0, #34d399);--gradient-danger:linear-gradient(135deg, #fca5a5, #f87171);--gradient-warm:linear-gradient(135deg, #fde047, #f472b6);--gradient-header:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--border:#e2e8f0;--border-light:#f1f5f9;--border-subtle:#0000000f;--border-medium:#0000001a;--border-accent:#0ea5e933;--rule-hair:#e3e8ef;--rule:#cbd5e1;--rule-strong:#94a3b8;--rule-ink:#334155;--rule-block:#475569;--rule-w-hair:1px;--rule-w-card:1.5px;--rule-w-block:2.5px;--rule-w-section:2px;--rule-w-doc:2px;--radius-doc:4px;--radius-block:6px;--shadow-doc:0 1px 2px #0f172a0f;--shadow-block:0 1px 2px #0f172a1a, 0 3px 6px #0f172a1c, 0 10px 22px -6px #0f172a38;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -2px #00000008;--shadow-glow-cyan:0 0 15px #0ea5e914;--shadow-glow-purple:0 0 15px #8b5cf614;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--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);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--sidebar-width:290px;--sidebar-collapsed:0px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 20% 10%,#06b6d412,#0000),radial-gradient(60% 50% at 80% 80%,#8b5cf60f,#0000),radial-gradient(50% 40%,#ec489908,#0000);position:fixed;inset:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0f172a4d}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}#root{z-index:1;min-height:100vh;position:relative;text-align:left!important;border-inline:none!important;width:100%!important;max-width:100vw!important;margin:0!important}.app-container{width:100%;min-height:100vh;display:flex}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);flex-direction:column;width:260px;height:100vh;display:flex;position:sticky;top:0;box-shadow:2px 0 8px #00000008}.main-content{background-color:#0000;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.header{background:var(--gradient-header);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex}.page-body{flex:1;padding:28px;overflow-y:auto}.page-body:has(.dashboard-body){flex-direction:column;display:flex;overflow-y:hidden}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-base);padding:24px;overflow:hidden}.card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:.72rem;font-weight:600}.card-value{color:var(--text-primary);font-size:1.7rem;font-weight:800;line-height:1.2}.kpi-card{background:var(--bg-kpi-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-base);padding:20px;position:relative;overflow:hidden}.kpi-card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--gradient-primary);height:3px;position:absolute;top:0;left:0;right:0}.kpi-card:first-child:before{background:var(--gradient-revenue)}.kpi-card:nth-child(2):before{background:var(--gradient-growth)}.kpi-card:nth-child(3):before{background:var(--gradient-warm)}.kpi-card:nth-child(4):before{background:var(--gradient-primary)}.kpi-card:nth-child(5):before{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.kpi-card:nth-child(6):before{background:var(--gradient-danger)}.kpi-card:nth-child(7):before{background:var(--gradient-revenue)}.kpi-card:nth-child(8):before{background:linear-gradient(135deg,#f59e0b,#ef4444)}.kpi-card:nth-child(9):before{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.kpi-card:nth-child(10):before{background:linear-gradient(135deg,#14b8a6,#06b6d4)}.kpi-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.table-container{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);width:100%;overflow-x:auto}.custom-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.82rem}.custom-table th{background:var(--bg-light);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-medium);white-space:nowrap;padding:12px 16px;font-size:.7rem;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:12px 16px;font-size:.82rem}.custom-table tr:hover td{background:var(--bg-glass-hover)}.dropzone{border:2px dashed var(--border-medium);border-radius:var(--radius-xl);text-align:center;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:all var(--transition-base);padding:48px;position:relative;overflow:hidden}.dropzone:before{content:"";background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base);border-radius:inherit;position:absolute;inset:0}.dropzone:hover,.dropzone.active{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan)}.dropzone:hover:before,.dropzone.active:before{opacity:.04}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;padding:10px 20px;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 4px #0ea5e933}.btn-primary:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 8px #0ea5e94d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-medium)}.badge{border-radius:var(--radius-full);align-items:center;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-flex}.badge.cyan{color:var(--accent-cyan);background:#0ea5e91f}.badge.emerald{color:var(--accent-emerald);background:#10b9811f}.badge.amber{color:var(--accent-amber);background:#f59e0b1f}.badge.red{color:var(--accent-red);background:#ef44441f}.badge.purple{color:var(--accent-purple);background:#8b5cf61f}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a40;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xl);width:90%;max-width:440px;box-shadow:var(--shadow-lg);padding:32px;animation:.2s ease-out scaleIn}.change-positive{color:var(--accent-emerald);background:#10b9811a}.change-negative{color:var(--accent-red);background:#ef44441a}.change-neutral{color:var(--text-muted);background:#64748b1a}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:28px;display:grid}.section-title{color:var(--text-primary);margin-bottom:var(--sp-4);align-items:center;gap:var(--sp-2);font-size:1rem;font-weight:700;display:flex}.section-title .icon{font-size:1.1rem}.loading-spinner{border:3px solid var(--border-medium);border-top-color:var(--accent-cyan);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.animate-spin{animation:1s linear infinite spin}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:.5s ease-out both fadeInUp}.animate-in:first-child{animation-delay:50ms}.animate-in:nth-child(2){animation-delay:.1s}.animate-in:nth-child(3){animation-delay:.15s}.animate-in:nth-child(4){animation-delay:.2s}.animate-in:nth-child(5){animation-delay:.25s}.animate-in:nth-child(6){animation-delay:.3s}@media (width<=900px){.sidebar{display:none}.page-body{padding:16px}.header{padding:0 16px}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.dashboard-grid{grid-template-columns:1fr}}@media print{body{color:#1a1a1a;-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:0;padding:0;background:#fff!important}body:before{display:none}.sidebar{display:none!important}.header{background:#fff;border-bottom:2px solid #e5e7eb;position:static}.card{box-shadow:none;break-inside:avoid;background:#fff;border:1px solid #e5e7eb}.page-body{padding:0}.compiled-toolbar,.compiled-edit-icon{display:none!important}.compiled-title-row{cursor:default!important}.compiled-report-page{gap:0!important;padding:0!important}.compiled-content{box-shadow:none!important;border:none!important;border-radius:0!important;padding:20px!important}.compiled-section{break-inside:avoid;page-break-inside:avoid}.compiled-section-header{break-after:avoid;page-break-after:avoid;box-shadow:none!important}}.dashboard-page{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.dashboard-body{flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.filter-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border-subtle);padding:var(--sp-4);z-index:10;height:100%;box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;gap:12px;display:flex;overflow-y:auto}.filter-sidebar.collapsed{width:var(--sidebar-collapsed)!important;min-width:var(--sidebar-collapsed)!important;box-shadow:none!important;border-right:none!important;padding:0!important;overflow:hidden!important}.filter-header{margin-bottom:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.filter-header h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-left:36px;font-size:.85rem;font-weight:700}.filter-clear-btn{color:var(--accent-cyan);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-family:inherit;font-size:.72rem;font-weight:600}.filter-clear-btn:hover{color:var(--accent-blue)}.active-filters{gap:var(--sp-1);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.filter-pill{border-radius:var(--radius-full);color:var(--accent-cyan);white-space:nowrap;background:#0ea5e91a;border:1px solid #0ea5e926;align-items:center;gap:4px;padding:2px 8px;font-size:.68rem;font-weight:500;display:inline-flex}.filter-pill .remove{cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);font-size:.8rem}.filter-pill .remove:hover{opacity:1}.filter-group{margin-bottom:var(--sp-2);width:100%}.filter-group-label{color:var(--text-secondary);margin-bottom:var(--sp-1);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.filter-dropdown{width:100%;position:relative}.filter-dropdown-trigger{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;font-family:inherit;font-size:.8rem;display:flex}.filter-dropdown-trigger:hover{border-color:var(--border-medium);background:var(--bg-glass-hover)}.filter-dropdown-trigger.active{border-color:var(--accent-cyan);box-shadow:0 0 0 1px #0ea5e926}.filter-dropdown-trigger .count{color:var(--accent-cyan);border-radius:var(--radius-full);background:#0ea5e926;padding:1px 6px;font-size:.7rem;font-weight:600}.filter-dropdown-trigger .arrow{color:var(--text-muted);transition:transform var(--transition-fast);font-size:.65rem}.filter-dropdown-trigger.active .arrow{transform:rotate(180deg)}.filter-dropdown-panel{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:260px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.filter-dropdown-panel.open{flex-direction:column;display:flex}.filter-search{padding:var(--sp-2);border-bottom:1px solid var(--border-subtle)}.filter-search input{width:100%;padding:var(--sp-2);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;font-family:inherit;font-size:.78rem}.filter-search input:focus{border-color:var(--accent-cyan)}.filter-actions{gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-bottom:1px solid var(--border-subtle);background-color:#fafafa;display:flex}.filter-action-btn{color:var(--accent-cyan);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:2px 4px;font-family:inherit;font-size:.7rem;font-weight:600}.filter-action-btn:hover{color:var(--accent-blue)}.filter-options{max-height:180px;padding:var(--sp-1) 0;flex:1;overflow-y:auto}.filter-option{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);cursor:pointer;transition:background var(--transition-fast);color:var(--text-secondary);font-size:.78rem;display:flex}.filter-option:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.filter-option input[type=checkbox]{appearance:none;border:1.5px solid var(--border-medium);cursor:pointer;width:14px;height:14px;transition:all var(--transition-fast);background:0 0;border-radius:3px;flex-shrink:0;position:relative}.filter-option input[type=checkbox]:checked{background:var(--accent-cyan);border-color:var(--accent-cyan)}.filter-option input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:.6rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.filter-option input[type=radio]{appearance:none;border:1.5px solid var(--border-medium);cursor:pointer;width:14px;height:14px;transition:all var(--transition-fast);background:0 0;border-radius:50%;flex-shrink:0;position:relative}.filter-option input[type=radio]:checked{background:var(--accent-cyan);border-color:var(--accent-cyan)}.filter-option input[type=radio]:checked:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-collapse-btn{z-index:150;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;width:32px;height:32px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:16px;left:16px}.sidebar-collapse-btn:hover{background:var(--bg-glass-hover);color:var(--primary);transform:scale(1.05)}.sidebar-collapsed .filter-sidebar{width:0!important;min-width:0!important;box-shadow:none!important;border-right:none!important;padding:0!important;overflow:hidden!important}.sidebar-collapsed .dashboard-main{padding-left:52px!important}.dashboard-main{min-width:0;padding:var(--sp-5);flex:1;height:100%;overflow-y:auto}@media (width<=900px){.filter-sidebar{z-index:140;transition:transform var(--transition-base);box-shadow:var(--shadow-lg);border-radius:0;max-height:none;position:fixed;top:64px;bottom:0;left:0;transform:translate(-100%)}.filter-sidebar.mobile-open{transform:translate(0);width:290px!important;min-width:290px!important;padding:var(--sp-4)!important}}.recharts-wrapper,.recharts-wrapper *,.recharts-wrapper :focus,.recharts-surface,.recharts-surface *,.recharts-surface :focus,.recharts-sector,.recharts-sector:focus,.recharts-pie-sector,.recharts-pie-sector:focus,.recharts-layer,.recharts-layer:focus,.recharts-responsive-container,.recharts-responsive-container :focus,svg:focus,path:focus,rect:focus,circle:focus,g:focus{box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;outline:none!important}.sticky-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);contain:paint;overflow:auto}.sticky-table{border-collapse:separate;border-spacing:0;width:100%}.sticky-table thead th{z-index:3;background:var(--bg-surface);box-shadow:inset 0 -1px 0 var(--border);position:sticky;top:0}.sticky-table tbody td:first-child,.sticky-table tbody th:first-child{z-index:2;box-shadow:inset -1px 0 0 var(--border);background:#fff;position:sticky;left:0}.sticky-table thead th:first-child{z-index:4;box-shadow:inset -1px 0 0 var(--border), inset 0 -1px 0 var(--border);left:0}.sticky-table tbody tr[data-row-bg] td:first-child{background:inherit}.report-doc{background:var(--bg-surface);border:var(--rule-w-doc) solid var(--rule-ink);border-radius:var(--radius-doc);box-shadow:var(--shadow-doc);overflow:hidden}.report-masthead{border-bottom:3px solid var(--masthead-ink,var(--rule-ink))}.report-section-rule{border-bottom:var(--rule-w-section) solid var(--rule-strong);padding-bottom:8px;position:relative}.report-section-rule:after{content:"";background:var(--rule-hair);height:1px;position:absolute;bottom:-4px;left:0;right:0}.report-block{border:var(--rule-w-card) solid var(--rule);border-radius:var(--radius-block);background:var(--bg-card);box-shadow:var(--shadow-block)}.report-plate{border-left:3px solid var(--rule-hair);transition:border-color var(--transition-base);padding-left:18px}.report-plate--active{border-left-color:var(--marker-ink,var(--primary))}.report-plate--active .report-block{border-color:var(--marker-ink,var(--primary))}@media (prefers-reduced-motion:reduce){.report-plate{transition:none}}.report-subblock{border:var(--rule-w-hair) solid var(--rule);border-radius:var(--radius-doc);background:var(--bg-surface);box-shadow:var(--shadow-doc)}.report-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;width:100%;display:grid}.report-grid>*{flex-direction:column;min-width:0;display:flex}.report-grid>*>*,.report-grid .report-block{flex:1}@media (width<=900px){.report-grid>*{grid-column:1/-1!important}}@media print{.report-doc{box-shadow:none}.report-block{box-shadow:none;border-color:var(--rule-strong)}.report-subblock{box-shadow:none}}.report-table .sticky-table-wrap{border:var(--rule-w-card) solid var(--rule);border-radius:var(--radius-doc)}.report-table .sticky-table thead th{background:var(--bg-light);box-shadow:inset 0 -2px 0 var(--rule-strong)}.report-table .sticky-table tbody td:first-child,.report-table .sticky-table tbody th:first-child{box-shadow:inset -1px 0 0 var(--rule)}.report-table .sticky-table thead th:first-child{box-shadow:inset -1px 0 0 var(--rule), inset 0 -2px 0 var(--rule-strong)}.kpi-tile{border:var(--rule-w-card) solid var(--rule-strong);border-radius:var(--radius-block);background:linear-gradient(#fff 0%,#f6f8fb 100%);position:relative;box-shadow:inset 0 1px #fff,inset 0 -1px #0f172a0d,0 1px #0f172a0f,0 3px 6px -2px #0f172a24}.kpi-tile:before{content:"";border-radius:var(--radius-block) var(--radius-block) 0 0;background:var(--kpi-accent,var(--rule-strong));height:4px;position:absolute;inset:-1.5px -1.5px auto;box-shadow:inset 0 -1px #0f172a2e}.kpi-tile--empty{background:linear-gradient(#fbfcfd 0%,#f1f4f8 100%);box-shadow:inset 0 1px #fff,0 1px #0f172a0a}.chart-plate{border:var(--rule-w-card) solid var(--rule-strong);border-radius:var(--radius-block);background:#fff;box-shadow:inset 0 1px 3px #0f172a0f,0 1px #ffffffe6}.recharts-legend-item-text{font-weight:600;color:#334155!important}.recharts-cartesian-axis-tick-value{font-variant-numeric:tabular-nums}@media print{.kpi-tile,.chart-plate{box-shadow:none}}