:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--color-bg-primary: #000000;--color-bg-secondary: #000000;--color-bg-card: #000000;--color-text-primary: #ffffff;--color-text-secondary: #ffffff;--color-border: #ffffff;--color-accent: #646cff;--color-accent-hover: #535bf2;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--radius-md: .5rem;--radius-lg: .75rem;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background-color:var(--color-bg-primary);color:var(--color-text-primary);overflow-x:hidden}#root{width:100%;height:100%;display:flex;flex-direction:column}.layout{display:flex;flex:1;height:100vh;overflow:hidden}.sidebar{width:250px;background-color:var(--color-bg-card);border-right:1px solid var(--color-border);padding:1rem;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem;overflow-y:auto;background-color:var(--color-bg-primary)}.header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.header-controls,.control-group{display:flex;gap:1.5rem;align-items:center}.action-buttons{display:flex;gap:.5rem;align-items:center}h1,h2,h3,h4{margin:0;font-weight:600;color:var(--color-text-primary)}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin-bottom:1.5rem}button{border-radius:8px;border:1px solid var(--color-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-card);color:var(--color-text-primary);cursor:pointer;transition:all .25s}button:hover{border-color:var(--color-accent);background-color:#646cff1a}.chart-container{height:300px;width:100%}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.dashboard-grid{display:flex;flex-direction:column;gap:1.5rem}.chart-card-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.metrics-panel{display:flex;flex-direction:column}.mobile-only{display:none!important}.desktop-only{display:block!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{width:90%;max-width:500px;max-height:90vh;overflow-y:auto;background-color:var(--color-bg-card);padding:2rem;border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media(max-width:1200px){.main-content{padding:1rem;width:400px;max-width:100vw}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:1.5rem 5px;width:335px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin-bottom:1.5rem}.chart-container{height:300px;width:325px;margin-left:0;margin-right:auto;align-self:flex-start}.metrics-grid{grid-template-columns:325px;justify-content:start}.chart-card-grid{grid-template-columns:1fr}.header{flex-direction:row;align-items:center;justify-content:space-between}.sidebar{display:none}.mobile-only{display:block!important}.desktop-only{display:none!important}.hamburger-btn,.close-menu-btn{background:none;border:none!important;box-shadow:none!important;outline:none!important;padding:.5rem;color:var(--color-text-primary)}.header-controls{position:fixed;top:0;right:-125%;width:280px;height:100vh;background-color:var(--color-bg-card);border-left:1px solid #334155;flex-direction:column;padding:1.5rem;box-shadow:-4px 0 15px #00000080;transition:right .3s ease-in-out;z-index:1000;display:flex;gap:1.5rem;align-items:stretch;overflow-y:auto}.header-controls.open{right:0}.header-controls h3{color:#f8fafc!important}.header-controls label,.header-controls span{color:#94a3b8!important}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.control-group,.action-buttons{flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%}.selector-group{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;margin-bottom:1.5rem}.selector-group select{width:100%}.action-buttons button{width:100%!important;margin-left:0!important}}@media(max-width:768px){:root{--color-bg-primary: #000000;--color-bg-secondary: #000000;--color-bg-card: #000000}body,.main-content,.card,.sidebar,.header{background-color:#000!important}}.recharts-cartesian-axis-tick-value,.recharts-text{fill:#fff!important}.recharts-legend-item-text{color:#fff!important}@media print{body{background:#fff!important;color:#000!important}.card{border:1px solid #ccc!important;break-inside:avoid}.sidebar,.mobile-only{display:none!important}}.chart-container:focus,.chart-container *:focus,.card:focus,.card *:focus{outline:none!important}