*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#1a1a2e;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,#root{min-height:100vh}:root{--reden-dark-teal: #385b6b;--reden-teal: #666666;--reden-red: #e52a2c;--reden-green: #8EC14B;--reden-cyan: #60C4DC;--reden-navy: #222222;--reden-gray: #f7f8f9;--reden-border: #f0f0f0}.app{min-height:100vh;background:#fff;font-family:Calibri,Segoe UI,sans-serif}.navbar{background:#fff;height:72px;display:flex;align-items:center;border-bottom:1px solid var(--reden-border)}.navbar-content{max-width:1140px;width:100%;margin:0 auto;padding:0}.logo{height:80px;width:auto;transform:translateY(4px)}.main-content{max-width:1140px;margin:0 auto;padding:32px 24px}.page-header{margin-bottom:32px}.page-header h1{font-size:28px;font-weight:700;color:var(--reden-navy);margin:0 0 8px}.page-header p{color:var(--reden-teal);font-size:14px;margin:0}.filters-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--reden-border)}.filters-row{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:180px}.filter-group label{font-size:12px;font-weight:600;color:var(--reden-teal);text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:10px 12px;border:1px solid var(--reden-border);font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s;font-family:inherit}.filter-group select:hover{border-color:var(--reden-dark-teal)}.filter-group select:focus{outline:none;border-color:var(--reden-dark-teal)}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:48px}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:32px}.section{margin-bottom:48px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--reden-dark-teal)}.section-header h2{font-size:20px;font-weight:600;color:var(--reden-navy);margin:0}.section>h2{font-size:20px;font-weight:600;color:var(--reden-navy);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--reden-dark-teal)}.export-button{padding:8px 16px;background:var(--reden-dark-teal);color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s,opacity .2s;font-family:inherit}.export-button:hover:not(:disabled){background:#2a4652}.export-button:disabled{opacity:.6;cursor:not-allowed}.export-content .section{margin-bottom:16px}.export-content .chart-wrapper{height:320px}.export-content .summary-row{margin-top:12px;padding-top:8px}.export-content .summary-stat{padding:8px}.export-content .summary-stat .value{font-size:14px}.export-content .summary-stat .label{font-size:10px}.export-content .stage-table td{padding:4px 8px}.export-content .stage-table th{padding:6px 8px}.section>.subtitle{color:var(--reden-teal);font-size:14px;margin:-8px 0 16px}.chart-card{padding:0}.chart-card h3{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--reden-navy)}.chart-card .subtitle{font-size:13px;color:var(--reden-teal);margin:0 0 24px}.chart-wrapper{height:350px}.summary-row{display:flex;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid var(--reden-border)}.summary-stat{flex:1;text-align:center;padding:12px;background:var(--reden-gray)}.summary-stat .label{font-size:11px;color:var(--reden-teal);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.summary-stat .value{font-size:18px;font-weight:700;color:var(--reden-navy)}.summary-stat .value.positive{color:var(--reden-green)}.summary-stat .value.negative{color:var(--reden-red)}.loading{display:flex;align-items:center;justify-content:center;height:300px;color:var(--reden-teal);font-size:14px}.loading:after{content:"";width:20px;height:20px;border:2px solid var(--reden-border);border-top-color:var(--reden-dark-teal);border-radius:50%;margin-left:12px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#fff5f5;color:var(--reden-red);padding:16px;text-align:center;margin-bottom:24px}.stage-table-container{overflow-x:auto;margin-bottom:24px}.stage-table{width:100%;border-collapse:collapse;font-size:13px}.stage-table th{background:var(--reden-dark-teal);color:#fff;padding:10px 8px;text-align:center;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border:1px solid white}.stage-table thead tr:first-child th{border-top:1px solid var(--reden-dark-teal)}.stage-table thead tr:last-child th{border-bottom:1px solid var(--reden-dark-teal)}.stage-table th:first-child{border-left:1px solid var(--reden-dark-teal)}.stage-table th:last-child{border-right:1px solid var(--reden-dark-teal)}.stage-table td{padding:8px;border:1px solid var(--reden-border)}.stage-table .stage-name{font-weight:500;text-align:left}.stage-table .num{text-align:right;font-family:SF Mono,Monaco,monospace;font-size:12px}.stage-table .total-row{background:var(--reden-gray);font-weight:600}.stage-table .total-row .stage-name{font-weight:700}.stage-table .positive{color:var(--reden-green)}.stage-table .negative{color:var(--reden-red)}.stage-table tbody tr:hover{background:var(--reden-gray)}.tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:2px solid var(--reden-border)}.tab-button{padding:12px 24px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:14px;font-weight:500;color:var(--reden-teal);cursor:pointer;transition:all .2s;font-family:inherit}.tab-button:hover{color:var(--reden-dark-teal)}.tab-button.active{color:var(--reden-dark-teal);border-bottom-color:var(--reden-dark-teal);font-weight:600}.snapshot-table-container{overflow-x:auto;margin-bottom:16px}.snapshot-table{width:100%;border-collapse:collapse;font-size:13px}.snapshot-table th{background:var(--reden-dark-teal);color:#fff;padding:10px 8px;text-align:center;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border:1px solid white}.snapshot-table th.group-header{text-align:left;min-width:120px}.snapshot-table td{padding:8px;border:1px solid var(--reden-border)}.snapshot-table .group-name{font-weight:500;text-align:left}.snapshot-table .num{text-align:right;font-family:SF Mono,Monaco,monospace;font-size:12px}.snapshot-table .total-row{background:var(--reden-gray);font-weight:600}.snapshot-table .total-row .group-name{font-weight:700}.snapshot-table tbody tr:hover{background:var(--reden-gray)}.snapshot-layout{display:grid;grid-template-columns:1fr 380px;gap:32px}.snapshot-tables{display:flex;flex-direction:column;gap:16px}.snapshot-sidebar{display:flex;flex-direction:column;gap:24px}.rtb-forecast-section{background:#fff}.rtb-forecast-section h3{font-size:14px;font-weight:600;color:var(--reden-dark-teal);margin:0 0 4px}.rtb-forecast-section .subtitle{font-size:12px;color:var(--reden-teal);margin:0 0 16px}.rtb-chart{height:280px}.rtb-summary{display:flex;gap:16px;margin-top:12px}.rtb-summary .summary-stat{flex:1;text-align:center;padding:8px;background:var(--reden-gray)}.rtb-summary .summary-stat .label{font-size:10px}.rtb-summary .summary-stat .value{font-size:14px}@media(max-width:1024px){.snapshot-layout{grid-template-columns:1fr}.snapshot-sidebar{order:-1}}@media(max-width:1024px){.charts-row{grid-template-columns:1fr}}@media(max-width:768px){.charts-container{grid-template-columns:1fr}.filters-row{flex-direction:column}.filter-group{width:100%}.summary-row{flex-wrap:wrap}.summary-stat{min-width:calc(50% - 8px)}}