:root{--bg-primary:#121212;--bg-secondary:#1e1e1e99;--bg-tertiary:#2d2d2dcc;--text-primary:#fff;--text-secondary:#aaa;--accent-color:#ff6b00;--accent-hover:#ff8533;--border-color:#ffffff1a;--glass-blur:blur(12px);--glass-border:1px solid #ffffff0d;--glass-shadow:0 4px 30px #0000004d;--radius-lg:16px;--radius-md:8px;--radius-sm:4px;--font-family:"Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}.glass-panel{background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glass-card{background:var(--bg-tertiary);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-md);padding:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dashboard-layout{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:var(--border-color) 1px solid;flex-direction:column;gap:1.5rem;width:280px;min-width:280px;height:100%;padding:1.5rem;display:flex;overflow-y:auto}.main-content{flex-direction:column;flex:1;gap:2rem;padding:2rem;display:flex;overflow-y:auto}h1{margin-bottom:.5rem;font-size:1.75rem;font-weight:600}h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:600}p{color:var(--text-secondary);font-size:.875rem}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:600}select{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);appearance:none;background-color:#0000004d;outline:none;padding:.75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #ff6b0033}select option{background-color:var(--bg-tertiary);color:var(--text-primary)}.charts-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1200px){.charts-grid{grid-template-columns:1fr 1fr}}.chart-container{width:100%;height:350px;margin-top:1rem}.loading-overlay{width:100%;height:100%;color:var(--accent-color);justify-content:center;align-items:center;font-weight:500;display:flex}.react-select-container{font-size:.875rem}.react-select__control{border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:none!important;background-color:#0000004d!important}.react-select__control--is-focused{border-color:var(--accent-color)!important;box-shadow:0 0 0 2px #ff6b0033!important}.react-select__menu{border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;z-index:50!important;background-color:#1e1e1e!important}.react-select__option{color:var(--text-primary)!important;cursor:pointer!important;background-color:#0000!important}.react-select__option--is-focused{background-color:#ffffff1a!important}.react-select__option--is-selected{background-color:var(--accent-color)!important}.react-select__single-value,.react-select__input-container{color:var(--text-primary)!important}.rdrCalendarWrapper{border-radius:var(--radius-md);border:1px solid var(--border-color);color:#fff!important;background-color:#1a1a1a!important}.rdrMonthAndYearWrapper{padding-top:10px}.rdrMonthAndYearPickers select{color:#fff;background-color:#0000;border:none}.rdrMonthAndYearPickers select option{background-color:#1a1a1a}.rdrNextPrevButton{background:#ffffff1a!important}.rdrNextPrevButton i{border-color:#0000 #0000 #0000 #fff!important}.rdrPprevButton i{border-color:#0000 #fff #0000 #0000!important}.rdrWeekDay{color:var(--text-secondary)!important}.rdrDay{color:#fff!important}.rdrDayPassive,.rdrDayPassive .rdrDayNumber span{color:#444!important}.rdrDayToday .rdrDayNumber span:after{background:var(--accent-color)!important}.rdrInRange,.rdrStartEdge,.rdrEndEdge{color:var(--accent-color)!important;background:#ff6b0033!important}.rdrStartEdge,.rdrEndEdge{background:var(--accent-color)!important;color:#fff!important}.rdrDayNumber span,.rdrStartEdge .rdrDayNumber span,.rdrEndEdge .rdrDayNumber span{color:#fff!important}.rdrDayHovered{border-color:var(--accent-color)!important}.rdrDefinedRangesWrapper{border-right:1px solid var(--border-color)!important;background-color:#1a1a1a!important}.rdrStaticRange{color:#fff!important;background-color:#0000!important;border-bottom:1px solid #ffffff0d!important}.rdrStaticRange:hover,.rdrStaticRangeSelected{color:var(--accent-color)!important;background-color:#ffffff0d!important}.rdrStaticRangeLabel{color:inherit!important}.rdrInputRanges{display:none!important}.date-range-button{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background-color:#0000004d;justify-content:space-between;align-items:center;padding:.75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s;display:flex}.date-range-button:focus,.date-range-button:active{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #ff6b0033}.date-picker-popover{z-index:100;border-radius:var(--radius-md);margin-top:.5rem;position:absolute;overflow:hidden;box-shadow:0 10px 25px #00000080}.date-picker-cover{z-index:99;position:fixed;inset:0}.table-wrapper{flex-direction:column;gap:1.5rem;margin-top:1rem;padding:1.5rem;display:flex}.table-header-row{flex-direction:column;gap:.25rem;display:flex}.table-scroll-container{border-radius:var(--radius-md);border:1px solid var(--border-color);max-height:500px;overflow-y:auto}.cost-table{border-collapse:collapse;width:100%;color:var(--text-primary);font-size:.875rem}.cost-table thead{z-index:10;background-color:#1a1a1a;position:sticky;top:0}.cost-table th{text-align:left;border-bottom:2px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:1rem;font-size:.75rem;font-weight:600}.cost-table td{border-bottom:1px solid var(--border-color);padding:.875rem 1rem}.cost-table tbody tr:hover{background-color:#ffffff08}.cost-table tfoot{background-color:#1a1a1a;font-weight:700;position:sticky;bottom:0}.footer-total td{border-top:2px solid var(--border-color);color:var(--accent-color)}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.flex-center{justify-content:center;align-items:center;display:flex}.font-bold{font-weight:700}.font-mono{font-family:JetBrains Mono,Courier New,monospace}.text-primary{color:var(--accent-color)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-50{opacity:.5}.italic{font-style:italic}.mb-6{margin-bottom:1.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.bg-white\/5{background-color:#ffffff0d}.py-8{padding-top:2rem;padding-bottom:2rem}.status-dot{border-radius:50%;width:12px;height:12px;box-shadow:0 0 8px #00000080}.status-green{background-color:#4ade80;box-shadow:0 0 10px #4ade8066}.status-red{background-color:#f33;box-shadow:0 0 10px #f336}@keyframes flash{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.flashing{justify-content:center;align-items:center;animation:1s ease-in-out infinite flash;display:flex}.loading-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;display:flex}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bottom-grid{grid-template-columns:7fr 3fr;align-items:stretch;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width<=1024px){.bottom-grid{grid-template-columns:1fr}}.base-stock-wrapper{flex-direction:column;display:flex}.data-bar-table th,.data-bar-table td{padding:.5rem .75rem}.data-bar-cell{vertical-align:middle;position:relative}.data-bar-container{background-color:#0000;justify-content:flex-end;align-items:center;width:100%;height:24px;display:flex;position:relative}.data-bar-fill{z-index:1;background-color:#ff6b00;height:100%;position:absolute;top:0;left:0}.data-bar-text{z-index:2;color:#fff;text-align:center;text-shadow:1px 1px 2px #000c;width:100%;padding:0 .5rem;font-size:.85rem;position:relative}.btn-sync{background-color:var(--accent-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px #0000001a}.btn-sync:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 15px #ff6b0066}.btn-sync:active:not(:disabled){transform:translateY(0)}.btn-sync:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.3)}.sync-success-toast{color:#000;border-radius:var(--radius-md);z-index:1000;background:#4ade80;padding:1rem 1.5rem;font-weight:700;animation:.3s ease-out slideIn;position:fixed;top:2rem;right:2rem;box-shadow:0 10px 25px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.rdrCalendarWrapper{box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#fff;flex-direction:column;display:inline-flex}.rdrDateDisplay{justify-content:space-between;display:flex}.rdrDateDisplayItem{text-align:center;width:0;color:inherit;flex:1}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;justify-content:space-between;display:flex}.rdrMonthAndYearPickers{flex:auto;justify-content:center;align-items:center;display:flex}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{flex-direction:row;display:flex}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{box-sizing:inherit;text-align:center;flex-basis:14.2857%}.rdrDays{flex-wrap:wrap;display:flex}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{color:red;font-size:1.6em;line-height:1.6em;position:absolute;top:0;right:.25em}.rdrDay{box-sizing:inherit;width:14.2857%;font:inherit;cursor:pointer;position:relative}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align:auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{-webkit-user-select:none;user-select:none;display:inline-flex}.rdrStaticRanges{flex-direction:column;display:flex}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{background-color:#fff;border:1px solid #0000;border-radius:4px;box-shadow:0 1px 2px #23394236}.rdrDateDisplayItem input{cursor:pointer;color:#849095;background:0 0;border:0;width:100%;height:2.5em;line-height:2.5em}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{appearance:none;color:#3e484f;cursor:pointer;text-align:center;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") right 8px center no-repeat;border:0;border-radius:4px;outline:0;padding:10px 30px 10px 10px}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{background:#eff2f7;border:0;border-radius:5px;width:24px;height:24px;margin:0 .833em;padding:0;display:block}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{text-align:center;border-style:solid;width:0;height:0;margin:auto;padding:0;display:block;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:#0000 #34495e #0000 #0000;transform:translate(-3px)}.rdrNextButton i{border-width:4px 4px 4px 6px;border-color:#0000 #0000 #0000 #34495e;margin:0 0 0 7px;transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{color:#849095;font-weight:400;line-height:2.667em}.rdrDay{-webkit-user-select:none;user-select:none;text-align:center;color:#1d2429;background:0 0;border:0;height:3em;padding:0;line-height:3em}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;justify-content:center;align-items:center;font-weight:300;display:flex;position:absolute;inset:5px 0}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";background:#3d91ff;border-radius:2px;width:18px;height:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;inset:5px 0}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-left-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-right-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none;z-index:1;background:#ffffff17;border:0 solid;position:absolute;inset:3px 0}.rdrDayStartPreview{border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{background:#fff;border-right:1px solid #eff2f7;width:226px;font-size:12px}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eff2f7;outline:0;padding:0;display:block}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{text-align:left;outline:0;padding:10px 20px;line-height:18px;display:block}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{text-align:center;color:#6c767a;border:1px solid #dee7eb;border-radius:4px;width:30px;height:30px;margin-right:10px;line-height:30px}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{color:#333;border-color:#b4bfc4;outline:0}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";background:0 0;border:1px solid;border-radius:1.333em;position:absolute;inset:-2px 0}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale()opacity(60%)}.rdrMonthName{text-align:left;color:#849095;padding:.833em;font-weight:600}