@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg:oklch(97% .005 265);--panel:oklch(100% 0 0);--panel-hover:oklch(94% .008 265);--card:oklch(100% 0 0);--line:oklch(88% .008 265);--accent:oklch(33% .17 265);--accent-hover:oklch(28% .15 265);--uphold-blue:oklch(33% .17 265);--uphold-blue-hover:oklch(28% .15 265);--text-primary:oklch(12% .05 265);--text-secondary:oklch(28% .07 265);--text-muted:oklch(55% .04 265);--success:oklch(55% .16 150);--error:oklch(52% .18 25);--warning:oklch(72% .15 75);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 10px 25px #00000014;--transition:all .25s cubic-bezier(.16, 1, .3, 1);--modal-backdrop:#0f172a1f}[data-theme=dark]{--modal-backdrop:#000000a6;--bg:oklch(12% .05 265);--panel:oklch(18% .06 265);--panel-hover:oklch(23% .07 265);--card:oklch(19% .06 265);--line:oklch(28% .07 265);--accent:oklch(62% .18 265);--accent-hover:oklch(68% .2 265);--uphold-blue:oklch(62% .18 265);--uphold-blue-hover:oklch(68% .2 265);--text-primary:oklch(100% 0 0);--text-secondary:oklch(85% .03 265);--text-muted:oklch(62% .03 265);--success:oklch(62% .16 150);--error:oklch(58% .18 25);--warning:oklch(75% .15 75);--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 10px 25px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .25s,color .25s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Outfit,sans-serif;font-weight:700}.app-container{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.main-content{flex-direction:column;flex-grow:1;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.view-container{padding:var(--space-md);box-sizing:border-box;flex-grow:1;min-width:0;height:calc(100vh - 70px);overflow:hidden auto}.card-premium{background-color:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s}.card-premium:hover{border-color:var(--text-muted)}input,select,textarea{box-sizing:border-box;background-color:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px oklch(from var(--accent) l c h / .15)}button{background-color:var(--uphold-blue);color:#fff;border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--space-xs);border:none;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}button:hover{background-color:var(--uphold-blue-hover);transform:translateY(-1px)}button:active{transform:translateY(0)}button.accent{background-color:var(--accent);color:#fff}button.accent:hover{background-color:var(--accent-hover)}button.secondary{border:1px solid var(--line);color:var(--text-secondary);background-color:#0000}button.secondary:hover{background-color:var(--panel-hover);color:var(--text-primary)}.table-responsive{border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--card);width:100%;overflow-x:auto}table.table-premium{border-collapse:collapse;text-align:left;width:100%;font-size:13px}table.table-premium th{background-color:var(--panel-hover);color:var(--text-secondary);border-bottom:1px solid var(--line);white-space:normal;padding:10px 8px;font-weight:700;line-height:1.3}table.table-premium td{border-bottom:1px solid var(--line);color:var(--text-primary);white-space:normal;font-variant-numeric:tabular-nums;padding:10px 8px;line-height:1.4}table.table-premium tbody tr:last-child td{border-bottom:none}table.table-premium tbody tr:hover td{background-color:var(--panel-hover)}.badge-status{border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-status.success{background-color:oklch(from var(--success) l c h / .12);color:var(--success)}.badge-status.error{background-color:oklch(from var(--error) l c h / .12);color:var(--error)}.badge-status.warning{background-color:oklch(from var(--warning) l c h / .12);color:var(--warning)}.custom-chart-container{height:220px;padding-top:var(--space-md);justify-content:space-between;align-items:flex-end;display:flex}.chart-column{align-items:center;gap:var(--space-xs);flex-direction:column;flex-grow:1;display:flex}.chart-bars-wrap{justify-content:center;align-items:flex-end;gap:6px;width:100%;height:160px;display:flex}.chart-bar-single{border-radius:4px 4px 0 0;width:18px;transition:height .4s cubic-bezier(.16,1,.3,1)}.chart-bar-single.simples{background-color:var(--line)}.chart-bar-single.hibrido-saving{background-color:var(--success)}.chart-bar-single.hibrido-loss{background-color:var(--error)}.slider-premium{appearance:none;background:var(--line);border-radius:4px;outline:none;width:100%;height:8px;margin:12px 0}.slider-premium::-webkit-slider-thumb{appearance:none;background:var(--uphold-blue);cursor:pointer;border:2px solid var(--panel);border-radius:50%;width:20px;height:20px;transition:transform .1s,background-color .2s;box-shadow:0 2px 6px #0003}.slider-premium::-webkit-slider-thumb:hover{background-color:var(--accent);transform:scale(1.15)}.slider-premium::-moz-range-thumb{background:var(--uphold-blue);cursor:pointer;border:2px solid var(--panel);border-radius:50%;width:20px;height:20px;transition:transform .1s,background-color .2s;box-shadow:0 2px 6px #0003}.slider-premium::-moz-range-thumb:hover{background-color:var(--accent);transform:scale(1.15)}.fade-in{animation:.25s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.text-success{color:var(--success)}.text-danger{color:var(--error)}.text-warning{color:var(--warning)}.mobile-sidebar-overlay{z-index:99;opacity:0;background-color:#00000080;transition:opacity .25s;display:none;position:fixed;inset:0}.mobile-sidebar-overlay.active{opacity:1;display:block}.sidebar{background-color:var(--panel);border-right:1px solid var(--line);width:260px;padding:var(--space-md);flex-direction:column;flex-shrink:0;justify-content:space-between;height:100%;display:flex}.sidebar-brand{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.sidebar-brand-title{letter-spacing:-.5px;font-size:18px;font-weight:800}.sidebar-brand-subtitle{color:var(--text-muted);font-size:11px}.sidebar-nav{gap:var(--space-xs);flex-direction:column;display:flex}.sidebar-link{align-items:center;gap:var(--space-sm);padding:12px var(--space-sm);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{background-color:var(--panel-hover);color:var(--text-primary)}.sidebar-link.active{color:var(--accent);background-color:var(--panel-hover)}.sidebar-footer{border-top:1px solid var(--line);padding-top:var(--space-sm);gap:var(--space-sm);flex-direction:column;display:flex}.sidebar-footer-info{color:var(--text-muted);text-align:center;font-size:11px}.sidebar-footer-subinfo{opacity:.6;margin-top:4px;font-size:9px}.header{border-bottom:1px solid var(--line);height:70px;padding:0 var(--space-lg);background-color:var(--panel);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header-info-container{align-items:center;gap:var(--space-sm);display:flex}.header-title-wrapper{flex-direction:column;display:flex}.header-actions{align-items:center;gap:var(--space-sm);display:flex}.menu-toggle-btn{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:none}.menu-toggle-btn:hover{background-color:var(--panel-hover)}.sku-drawer{background-color:var(--panel);border-left:1px solid var(--line);width:650px;height:100vh;box-shadow:var(--shadow-lg);padding:var(--space-md);z-index:101;flex-direction:column;justify-content:space-between;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:fixed;top:0;right:0}.sku-client-list{background-color:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;display:flex;overflow-y:auto}.sku-client-card{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);background-color:#0000;border:1px solid #0000;padding:10px 12px;font-size:13px;font-weight:600;transition:background-color .2s,color .2s,border-color .2s}.sku-client-card:hover{background-color:var(--panel-hover);color:var(--text-primary)}.sku-client-card.active{background-color:var(--panel-hover);color:var(--accent);border:1px solid var(--line)}.expanded-table-container{border:1px solid var(--line);border-radius:var(--radius-sm);max-width:calc(100vw - 360px);overflow-x:auto}.modal-backdrop{z-index:1000;padding:var(--space-sm);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background-color:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);width:100%;max-width:450px;padding:var(--space-md);box-shadow:var(--shadow-lg);gap:var(--space-sm);flex-direction:column;max-height:95vh;display:flex;overflow-y:auto}@media (width<=1024px){.sidebar{box-shadow:var(--shadow-lg);top:0;z-index:100!important;height:100vh!important;transition:left .3s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;left:-260px!important}.sidebar.mobile-open{left:0!important}.menu-toggle-btn{display:inline-flex!important}.view-container{padding:var(--space-sm)}.sku-split{grid-template-columns:1fr!important;height:auto!important}.sku-client-list{white-space:nowrap;padding-bottom:var(--space-xs);flex-direction:row!important;height:auto!important;overflow-x:auto!important}.sku-client-card{flex-shrink:0}.company-selector-box{white-space:nowrap;padding-bottom:var(--space-xs);overflow-x:auto;flex-direction:row!important}.company-item{flex-shrink:0}.sku-drawer{width:100%!important}.expanded-table-container{max-width:calc(100vw - 80px)!important}}@media (width<=768px){.dashboard-grid{gap:var(--space-xs);grid-template-columns:1fr!important}.dashboard-grid .kpi-card{padding:var(--space-sm)}.custom-chart-container{height:180px}.chart-bar-single{width:12px!important}.chart-year{font-size:9px!important}.custom-chart-container{gap:4px}.expanded-table-container{max-width:calc(100vw - 48px)!important}header{padding:0 var(--space-sm)!important}header h2{font-size:16px!important}}.heatmap-container{margin-top:var(--space-md);padding:var(--space-md);background-color:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md)}.heatmap-scroll-wrapper{width:100%;margin:var(--space-sm) 0;border-radius:var(--radius-sm);overflow-x:auto}.heatmap-grid{text-align:center;min-width:900px;padding:var(--space-xs) 0;grid-template-columns:80px repeat(11,minmax(70px,1fr));align-items:center;gap:6px;display:grid}.heatmap-cell{height:38px;transition:var(--transition);cursor:default;box-sizing:border-box;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.heatmap-cell.gain{background-color:oklch(from var(--success) l c h / .12);color:var(--success);border:1px solid oklch(from var(--success) l c h / .3)}.heatmap-cell.loss{background-color:oklch(from var(--error) l c h / .12);color:var(--error);border:1px solid oklch(from var(--error) l c h / .3)}.heatmap-cell.neutral{background-color:oklch(from var(--text-muted) l c h / .08);color:var(--text-muted);border:1px solid oklch(from var(--text-muted) l c h / .18)}.heatmap-header{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:800}.heatmap-year{color:var(--accent);text-align:left;font-family:Outfit,sans-serif;font-size:13px;font-weight:800}.neg-container{margin-top:var(--space-md);padding:var(--space-md);background-color:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md)}.neg-badge-status{border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;font-weight:700}.neg-badge-status.gain{background-color:oklch(from var(--success) l c h / .15);color:var(--success)}.neg-badge-status.loss{background-color:oklch(from var(--error) l c h / .15);color:var(--error)}.neg-badge-status.neutral{background-color:oklch(from var(--text-muted) l c h / .1);color:var(--text-muted)}.print-report-only{display:none}@page{size:A4 portrait;margin:0}@media print{body{color:#000!important;background-color:#fff!important;height:auto!important;overflow:visible!important}.app-container{display:none!important}.print-report-only{color:#000!important;background-color:#fff!important;width:210mm!important;margin:0!important;padding:0!important;display:block!important}.print-page{page-break-after:always;page-break-inside:avoid;box-sizing:border-box;width:210mm;height:auto;min-height:297mm;padding:15mm 20mm;position:relative;background-color:#fff!important}.print-page:last-child{page-break-after:avoid}.print-footer{border-top:1px solid var(--line)!important;color:var(--text-muted)!important;background-color:#0000!important;justify-content:space-between!important;padding-top:10px!important;font-size:8px!important;display:flex!important;position:absolute!important;bottom:15mm!important;left:20mm!important;right:20mm!important}table.table-premium{table-layout:fixed;border-collapse:collapse!important;color:#000!important;border:1px solid #777!important;width:100%!important}table.table-premium th,table.table-premium td{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#000!important;border:1px solid #aaa!important;padding:4px 3px!important;font-size:8px!important}table.table-premium th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important;background-color:oklch(93% .02 265)!important;font-weight:700!important}.card-premium{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none!important;background-color:oklch(99% .005 265)!important;border:1px solid #ccc!important}h1,h2,h3,h4,h5,h6{color:#000!important}}.upload-hero{border:2.5px dashed var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg, oklch(from var(--accent) .97 .008 h), oklch(from var(--accent) .95 .015 h));cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:48px 32px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.upload-hero:before{content:"";background:radial-gradient(circle at 50% 50%, oklch(from var(--accent) .9 .04 h / .15), transparent 70%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.upload-hero:hover{border-color:var(--accent);box-shadow:0 8px 32px oklch(from var(--accent) .5 .1 h / .12);transform:translateY(-2px)}.upload-hero:hover:before{opacity:1}.upload-hero--active{background:linear-gradient(135deg, oklch(from var(--accent) .94 .02 h), oklch(from var(--accent) .9 .04 h));box-shadow:0 0 0 4px oklch(from var(--accent) .5 .1 h / .15), 0 12px 40px oklch(from var(--accent) .5 .1 h / .2);transform:translateY(-3px)scale(1.005);border-color:var(--accent)!important}.upload-hero--active:before{opacity:1}.upload-hero__icon{background:linear-gradient(135deg, var(--accent), oklch(from var(--accent) .45 .15 h));color:#fff;width:88px;height:88px;box-shadow:0 6px 24px oklch(from var(--accent) .5 .1 h / .3);z-index:1;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.upload-hero:hover .upload-hero__icon{box-shadow:0 8px 32px oklch(from var(--accent) .5 .1 h / .4);transform:scale(1.08)}.upload-hero--active .upload-hero__icon{animation:1.5s ease-in-out infinite pulse-glow;transform:scale(1.12)}@keyframes pulse-glow{0%,to{box-shadow:0 6px 24px oklch(from var(--accent) .5 .1 h / .3)}50%{box-shadow:0 6px 40px oklch(from var(--accent) .5 .1 h / .5)}}.upload-hero__title{color:var(--text-primary);z-index:1;margin-bottom:6px;font-size:20px;font-weight:800;position:relative}.upload-hero__subtitle{color:var(--text-secondary);z-index:1;margin-bottom:16px;font-size:14px;position:relative}.upload-hero__formats{z-index:1;gap:12px;display:flex;position:relative}.upload-hero__formats span{background-color:var(--card);color:var(--text-secondary);border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s}.upload-hero:hover .upload-hero__formats span{border-color:var(--accent);color:var(--accent)}.doc-type-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.doc-type-card{border-radius:var(--radius-sm);border:1px solid var(--line);background-color:var(--card);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex;position:relative}.doc-type-card:hover{border-color:var(--accent);box-shadow:0 4px 16px oklch(from var(--accent) .5 .1 h / .08);transform:translateY(-1px)}.doc-type-card--uploaded{border-color:var(--success);background:oklch(from var(--success) .97 .01 h / .2)}.doc-type-card__icon{border-radius:var(--radius-sm);background:var(--bg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.doc-type-card__content{flex:1;min-width:0}.doc-type-card__label{color:var(--text-primary);font-size:13px;font-weight:700;display:block}.doc-type-card__desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;display:block;overflow:hidden}.doc-type-card__badge{color:var(--success);flex-shrink:0;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.doc-type-card__add{color:var(--text-muted);flex-shrink:0;transition:color .2s}.doc-type-card:hover .doc-type-card__add{color:var(--accent)}.validation-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.validation-field{flex-direction:column;gap:6px;display:flex}.validation-field__header{justify-content:space-between;align-items:center;gap:6px;display:flex}.validation-field__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:700}.validation-field__value{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);align-items:center;gap:6px;min-height:38px;padding:8px 12px;display:flex}.validation-field__display{color:var(--text-primary);flex:1;font-size:13px;font-weight:600}.validation-field__display--empty{color:var(--text-muted);cursor:pointer;font-style:italic;font-weight:400}.validation-field__edit-btn{cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:12px;transition:opacity .2s}.validation-field__edit-btn:hover{opacity:1}.validation-field__edit{align-items:center;gap:6px;display:flex}.validation-field__edit input{flex:1;font-size:13px}.validation-badge{white-space:nowrap;border-radius:12px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.validation-badge--valid{background-color:oklch(from var(--success) .95 .02 h);color:var(--success);border:1px solid oklch(from var(--success) .85 .06 h)}.validation-badge--warning{background-color:oklch(from var(--warning) .95 .03 h);color:#b54708;border:1px solid oklch(from var(--warning) .85 .08 h)}.validation-badge--missing{background-color:oklch(from var(--error) .96 .01 h);color:var(--text-muted);border:1px solid var(--line)}.validation-badge--low{background-color:oklch(from var(--error) .95 .02 h);color:var(--error);border:1px solid oklch(from var(--error) .85 .06 h)}.validation-badge__source{opacity:.7;text-overflow:ellipsis;max-width:100px;font-size:9px;font-weight:500;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}[data-theme=dark] .upload-hero{background:linear-gradient(135deg, oklch(from var(--accent) .15 .03 h), oklch(from var(--accent) .18 .05 h));border-color:oklch(from var(--accent) .3 .06 h)}[data-theme=dark] .upload-hero:hover{border-color:var(--accent)}[data-theme=dark] .upload-hero--active{background:linear-gradient(135deg, oklch(from var(--accent) .2 .06 h), oklch(from var(--accent) .25 .08 h))}[data-theme=dark] .upload-hero__icon{box-shadow:0 6px 24px oklch(from var(--accent) .3 .1 h / .5)}[data-theme=dark] .doc-type-card__icon{background:oklch(from var(--accent) .15 .03 h)}[data-theme=dark] .validation-badge--missing{background-color:oklch(18% .01 265)}