:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-color: #bb86fc;--border-color: #333;--card-bg: #2c2c2c;--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{min-height:100vh;display:flex;flex-direction:column}.dashboard{padding:2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.dashboard-header h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--accent-color)}.date-range-picker{display:flex;gap:1rem;align-items:center}.input-group{display:flex;align-items:center;gap:.5rem}.input-group label{color:var(--text-secondary);font-size:.9rem}.input-group input{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem;border-radius:4px;font-family:inherit;outline:none}.input-group input:focus{border-color:var(--accent-color)}.dashboard-content{background-color:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:0 4px 6px #0000004d}.loading,.error{text-align:center;padding:2rem;color:var(--text-secondary)}.error{color:#cf6679}.chart-container h3{margin-top:0;margin-bottom:1.5rem;font-size:1.2rem;font-weight:500;color:var(--text-primary)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#444}.recharts-cartesian-axis-tick text{fill:#a0a0a0}.controls{display:flex;gap:2rem;align-items:center}.view-switcher{display:flex;background-color:var(--bg-secondary);border-radius:4px;padding:4px;border:1px solid var(--border-color)}.view-switcher button{background:none;border:none;color:var(--text-secondary);padding:.5rem 1rem;cursor:pointer;border-radius:4px;font-family:inherit;transition:all .2s}.view-switcher button.active{background-color:var(--accent-color);color:#000;font-weight:500}.view-switcher button:hover:not(.active){color:var(--text-primary);background-color:#ffffff0d}.user-selector{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:4px;font-family:inherit;outline:none;cursor:pointer;min-width:200px}.user-selector:focus{border-color:var(--accent-color)}.user-selector option{background-color:var(--bg-secondary);color:var(--text-primary)}