:root{--color-white: #ffffff;--color-black: #000000;--color-sage-light: #788c7a;--color-sage-dark: #464c47;--color-copper-light: #d18a53;--color-copper-dark: #84531f;--bg-primary: #0a0a0a;--bg-secondary: #151515;--bg-card: #1a1a1a;--border-color: var(--color-sage-dark);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(209, 138, 83, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--bg-primary);background-image:radial-gradient(ellipse at top,rgba(120,140,122,.03) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(209,138,83,.02) 0%,transparent 50%);color:var(--color-white);min-height:100vh}#root{min-height:100vh}.app-container{max-width:1400px;margin:0 auto;padding:32px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header h1{color:var(--color-copper-light);font-size:1.8rem;font-weight:500;letter-spacing:.5px}.controls{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:28px;padding:24px;background:linear-gradient(135deg,var(--bg-card) 0%,#1f1f1f 100%);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.control-item{flex:1;min-width:250px}.chart-container{background:linear-gradient(135deg,var(--bg-card) 0%,#1f1f1f 100%);border-radius:12px;border:1px solid var(--border-color);padding:24px;min-height:400px;box-shadow:var(--shadow-sm)}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:24px;color:var(--color-white)}.loading-overlay p{color:var(--color-sage-light);font-size:1.1rem;letter-spacing:.5px}.no-data{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--color-sage-light);font-size:1.1rem;font-style:italic}