.dashboard-grid{flex-direction:column}html,body{overflow-x:hidden;width:100%;position:relative}#root{display:flex;flex-direction:column}.chart-container{height:300px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;height:auto;grid-auto-rows:auto}.dashboard-grid{display:flex;flex-direction:column;gap:1.5rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-card);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.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}.layout{display:flex;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}.header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}h1,h2,h3{margin:0;font-weight:600}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-card: #1e293b;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-accent: #646cff;--color-accent-hover: #535bf2;--color-border: #334155;--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}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--color-bg-secondary);color:var(--color-text-primary)}#root{width:100%;height:100vh;display:flex;flex-direction:column}.mobile-only{display:none!important}.desktop-only{display:block!important}.header-controls,.control-group{display:flex;gap:1rem;align-items:center}.selector-group{display:flex;align-items:center}.action-buttons{display:flex;gap:.5rem;align-items:center}@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;width:300px;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}.header{flex-direction:row;align-items:center;justify-content:space-between}.mobile-only{display:block!important}.desktop-only{display:none!important}.hamburger-btn{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--color-text-primary)}.header-controls{position:fixed;top:0;right:-125%;width:260px;height:100vh;background-color:var(--color-bg-card);flex-direction:column;align-items:stretch;padding:1.5rem;box-shadow:-4px 0 15px #00000080;transition:right .3s ease-in-out;z-index:1000;overflow-y:auto;gap:1.5rem}.console-view .header-controls{right:-150%}.header-controls.open{right:0}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.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}.close-menu-btn{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--color-text-primary)}.control-group{flex-direction:column;align-items:stretch;gap:1.5rem;width:100%}.selector-group{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.selector-group select{width:100%}.action-buttons{flex-direction:column;width:100%;gap:1rem}.action-buttons button{width:100%!important;margin-left:0!important}.info-toggle{margin-right:0!important;justify-content:flex-start;width:100%}}@media(max-width:768px){:root{--color-bg-primary: #242424;--color-bg-secondary: #242424;--color-bg-card: #242424;--color-text-primary: #ffffff;--color-text-secondary: #ffffff;--color-border: #ffffff}body,.main-content,.card,.sidebar,.header{background-color:#242424!important;color:#fff!important}h1,h2,h3,h4,h5,h6,p,span,label,div{color:#fff!important}button{color:#fff!important;border-color:#fff!important}.recharts-cartesian-axis-tick-value,.recharts-text{fill:#fff!important}}@media print{body{background-color:#1e293b!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;height:auto!important;overflow:visible!important}#root,.layout,.main-content{height:auto!important;overflow:visible!important;display:block!important}.sidebar{display:none!important}.dashboard-grid{display:block!important}.card{break-inside:avoid;page-break-inside:avoid;height:auto!important;min-height:350px!important;border:1px solid #334155!important;box-shadow:none!important;background-color:#1e293b!important;margin-bottom:2rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.card>div{height:300px!important}.card>div.metrics-panel{height:auto!important}h2,h3,h4,p,text{color:#fff!important;fill:#fff!important}}.chart-container:focus,.chart-container *:focus,.card:focus,.card *:focus{outline:none!important}