:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--sidebar-width: 240px;--primary-color: #4285f4;--border-color: #e0e0e0;--background-light: #f9f9f9;--background-dark: #252525;--text-light: #333;--text-dark: #f0f0f0;--background-color: #ffffff;--text-color: #333333;--sidebar-background: #f5f5f5;--card-background: #ffffff;--hover-color: #f0f0f0;--active-color: #007bff;--slider-track: #e0e0e0;--slider-thumb: #007bff;--slider-thumb-hover: #0056b3;--table-header: #f8f9fa;--cost-color: #28a745;--error-color: #dc3545}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--text-light);background-color:var(--background-light);width:100vw;overflow-x:hidden}.app-container{display:flex;min-height:100vh;width:100vw;max-width:100vw;background-color:var(--background-color);color:var(--text-color);overflow-x:hidden}.sidebar{width:200px;padding:20px;background-color:var(--sidebar-background);border-right:1px solid var(--border-color)}.menu-section{margin-bottom:20px}.menu-section h3{margin-top:0;margin-bottom:1rem;font-size:1.2rem;color:#666;text-transform:uppercase;letter-spacing:1px}.menu-items{display:flex;flex-direction:column;gap:10px}.menu-items button{padding:10px;border:none;background:none;color:var(--text-color);cursor:pointer;text-align:left;border-radius:4px;transition:background-color .2s}.menu-items button:hover{background-color:var(--hover-color)}.menu-items button.active{background-color:var(--active-color);color:#fff}.main-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:20px;width:calc(100vw - 200px);box-sizing:border-box}.main-content h1{margin:0;font-size:24px}.controls{background-color:var(--card-background);padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;box-sizing:border-box}.threshold-control{display:flex;flex-direction:column;gap:10px;width:100%}.threshold-control label{font-weight:500}.sliders-container{display:flex;flex-direction:column;gap:20px;margin-top:10px}.range-slider-container{position:relative;width:100%;height:40px;display:flex;align-items:center;padding:0;box-sizing:border-box}.range-slider{position:relative;width:100%;height:6px;background-color:var(--border-color);border-radius:3px;touch-action:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--slider-thumb);border-radius:50%;cursor:pointer;pointer-events:auto;transition:background .2s;margin-top:-6px}.range-slider::-moz-range-thumb{width:20px;height:20px;background:var(--slider-thumb);border-radius:50%;cursor:pointer;pointer-events:auto;transition:background .2s;border:none}.range-slider-track:before{content:"";position:absolute;left:0;right:0;height:100%;background:var(--active-color);border-radius:4px;z-index:1}.range-slider-min:focus~.range-slider-track:before{left:0;right:calc(100% - var(--max-value))}.range-slider-max:focus~.range-slider-track:before{left:var(--min-value);right:0}@media (prefers-color-scheme: dark){.range-slider-track{background:var(--slider-track)}.range-slider-track:before{background:var(--active-color)}}.chart-container{flex:1;width:100%;box-sizing:border-box;min-height:350px;display:flex;flex-direction:column;background:none;padding:0;box-shadow:none;border-radius:0}.monthly-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:24px}.monthly-chart{background:var(--card-background);border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a}.month-title{margin:0 0 16px;text-align:center;color:var(--text-color);font-size:16px}.shared-legend{padding:16px;border-top:1px solid var(--border-color)}.legend-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:8px;height:8px;border-radius:50%}.legend-text{color:var(--text-color);font-size:12px}.resource-grid-container{margin:20px 0;width:100%;display:flex;flex-direction:column;gap:24px}.resource-grid{overflow-x:auto;margin-bottom:0;padding:20px}.resource-grid table{width:100%;border-collapse:collapse;font-size:14px;background:var(--card-background)}.resource-grid th,.resource-grid td{padding:12px;text-align:right;border-bottom:1px solid var(--border-color);color:var(--text-color)}.resource-grid td:first-child{text-align:left;width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:80px}.resource-grid th{background-color:var(--background-color);font-weight:600;white-space:nowrap;text-align:left;position:sticky;top:0;z-index:1}.resource-grid th:not(:first-child){text-align:right;width:100px}.resource-grid .resource-count{text-align:center;width:80px}.resource-grid .has-cost{color:var(--primary-color);text-align:right}.resource-grid tr{cursor:pointer;transition:background-color .2s ease}.resource-grid tr td:first-child{position:relative;padding-left:24px}.resource-grid tr td:first-child:before{content:"▶";position:absolute;left:8px;color:var(--primary-color);opacity:.6;font-size:10px;top:50%;transform:translateY(-50%);transition:transform .2s ease}.resource-grid tr td:first-child:after{content:"Drill down";position:absolute;right:8px;top:50%;transform:translateY(-50%);background-color:var(--primary-color);color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;opacity:0;transition:opacity .2s ease}.resource-grid tr:hover td:first-child:after{opacity:1}.resource-grid tr.selected td:first-child:before{transform:translateY(-50%) rotate(90deg);opacity:1}.resource-grid tr.selected td:first-child:after{content:"Collapse";opacity:1;background-color:var(--border-color)}.resource-grid tr:hover td:first-child:before{opacity:1}.resource-grid tr:hover td{background-color:var(--hover-color)}.resource-grid tr.selected td{background-color:var(--active-background);border-bottom:1px solid var(--primary-color)}.resource-grid .sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:20px}.resource-grid .sortable:hover{background-color:var(--hover-color)}.resource-grid .sortable:after{content:"↕";position:absolute;right:5px;color:var(--text-color);opacity:.5}.resource-grid .sortable[data-sort-direction=asc]:after{content:"↑";opacity:1}.resource-grid .sortable[data-sort-direction=desc]:after{content:"↓";opacity:1}.resource-grid .resource-group{font-weight:500;color:var(--primary-color)}.resource-grid .resource-name{font-family:monospace;font-size:12px;color:var(--text-color);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.resource-details{margin-top:20px;background-color:#f9f9f9;border-radius:4px}.resource-details h3{margin:0;padding:15px 20px;color:#1890ff;background-color:#f5f5f5;border-bottom:1px solid #ddd}.resource-details .resource-group{font-weight:500;color:#1890ff;padding-left:20px}.resource-details .resource-name{font-family:monospace;font-size:12px;color:#666;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding-left:20px}.resource-details .total-cost{padding-right:20px}.resource-details td:last-child{padding-right:20px}.resource-grid-empty{text-align:center;padding:20px;color:#999}.loading,.error{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px}.error{color:var(--error-color)}.custom-tooltip{position:fixed;background-color:var(--card-background);padding:1rem;border-radius:6px;box-shadow:0 2px 10px #00000026;border:1px solid var(--border-color);z-index:1000;pointer-events:none;max-width:300px;min-width:200px}.custom-tooltip .label{font-weight:600;margin-bottom:8px;color:var(--text-color)}.custom-tooltip .tooltip-content{display:flex;flex-direction:column;gap:4px}.custom-tooltip .tooltip-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-color)}.custom-tooltip .tooltip-value{font-weight:500;margin-left:12px}.custom-tooltip .tooltip-row.total{border-top:1px solid var(--border-color);margin-top:8px;padding-top:8px;font-weight:600}@media (prefers-color-scheme: dark){body{background-color:var(--background-dark);color:var(--text-dark)}.sidebar{background-color:#303030;border-right:1px solid #404040}.menu-section h3{color:#aaa}.menu-items button{color:var(--text-dark)}.menu-items button:hover{background-color:#4285f426}.main-content,.controls,.resource-grid-container{background-color:#303030;box-shadow:0 2px 10px #0000004d}.slider{background:#555}.custom-tooltip{background-color:var(--card-background);border-color:var(--border-color)}.resource-grid th{background-color:#404040}.resource-grid td{border-bottom:1px solid #444}.resource-grid .has-cost{background-color:#2a3a2a}.resource-grid tr:hover td{background-color:#3a3a3a}.range-slider-track{background:var(--slider-track)}.range-slider-track:before{background:var(--active-color)}}.resource-charts-container{width:100%;padding:20px}.layout-controls{display:flex;gap:10px;margin-bottom:20px}.layout-controls button{padding:8px 16px;border:1px solid var(--border-color);background:var(--background-color);color:var(--text-color);border-radius:4px;cursor:pointer;transition:all .2s ease}.layout-controls button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.charts-grid{display:grid;gap:24px}.charts-grid.layout-1{grid-template-columns:1fr}.charts-grid.layout-2{grid-template-columns:repeat(2,1fr)}.charts-grid.layout-3{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-card{background-color:var(--card-background);border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden;min-height:350px}.chart-card h3{margin:0;padding:15px 20px;color:#1890ff;background-color:#f5f5f5;border-bottom:1px solid #ddd}.recharts-responsive-container{width:100%!important}.recharts-wrapper{width:100%!important;height:100%!important}.recharts-surface{width:100%;height:100%}.no-data-message{text-align:center;padding:40px;color:var(--text-color);font-size:1.1em}.cost-range-control{width:100%;padding:20px 0;position:relative}.range-thumb{position:absolute;width:18px;height:18px;background-color:var(--primary-color);border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;transform:translate(-50%,-50%);top:50%;z-index:2;user-select:none;-webkit-user-select:none;touch-action:none}.range-thumb:hover{box-shadow:0 2px 6px #0000004d}.range-thumb:active{box-shadow:0 2px 8px #0006;cursor:grabbing}.range-track{position:absolute;height:100%;background-color:var(--primary-color);border-radius:3px;pointer-events:none;z-index:1}.resource-grid th.sortable{cursor:pointer;position:relative;padding-right:20px}.resource-grid th.sortable:hover{background-color:var(--hover-color)}.resource-grid th.sortable:after{content:"↕";position:absolute;right:5px;color:var(--text-color);opacity:.5}.resource-grid th.sortable[data-sort-direction=asc]:after{content:"↑";opacity:1}.resource-grid th.sortable[data-sort-direction=desc]:after{content:"↓";opacity:1}.resource-grid td{padding:8px;text-align:right}.resource-grid td:first-child{text-align:left}.resource-grid .total-cost{font-weight:600;color:var(--primary-color);text-align:right;width:100px}.resource-grid .has-cost{background-color:var(--hover-color)}.recharts-default-legend{padding:0!important;margin:0!important;text-align:center!important}.recharts-legend-item{display:inline-block!important;margin-right:10px!important}.recharts-legend-item .recharts-surface{width:8px!important;height:8px!important;display:inline-block!important;vertical-align:middle!important;margin-right:4px!important}.recharts-legend-item-text{color:inherit!important;font-size:12px!important;vertical-align:middle!important}.recharts-legend-wrapper{padding-top:10px!important;bottom:16px!important}.chart-card.full-width{grid-column:1 / -1;margin-bottom:24px}.view-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.view-toggle button{padding:8px 16px;border:1px solid var(--border-color);background:var(--background-color);color:var(--text-color);border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px}.view-toggle button:hover{background:var(--hover-color)}.view-toggle button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.legend-controls{display:flex;justify-content:center;gap:10px;margin-bottom:15px}.legend-controls button{padding:6px 12px;border:1px solid var(--border-color);background:var(--background-color);color:var(--text-color);border-radius:4px;cursor:pointer;font-size:12px}.legend-controls button:hover{background:var(--hover-color)}.legend-item{transition:opacity .2s ease}.legend-item.inactive{opacity:.5}.legend-item.inactive .legend-color{border:1px dashed var(--border-color)}.legend-item:hover{opacity:.8}.resource-grid .totals-row{border-top:2px solid var(--border-color);font-weight:600}.resource-grid .totals-row td{background-color:var(--background-color);position:sticky;bottom:0;z-index:2}.resource-grid .totals-row td:first-child{font-weight:600;color:var(--text-color)}.resource-grid .totals-row .total-cost{color:var(--primary-color)}.monthly-totals{margin-top:24px;padding:16px;background:var(--card-background);border-radius:8px;box-shadow:0 2px 4px #0000001a}.totals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color);font-weight:600}.totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.total-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:var(--background-color);border-radius:4px}.total-item span:first-child{font-size:12px;color:var(--text-color);opacity:.8}.total-item .total-cost{font-weight:600;color:var(--primary-color)}