:root{--bg-color: #0d1117;--panel-bg: #161b22;--text-main: #c9d1d9;--text-muted: #8b949e;--accent: #58a6ff;--accent-hover: #1f6feb;--success: #238636;--danger: #da3633;--border-color: #30363d;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);display:flex;justify-content:center;align-items:center;min-height:100vh}#root{width:100%}.app-container{max-width:1200px;margin:0 auto;padding:40px}.header{margin-bottom:40px;text-align:center}.header h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:-.5px}.header p{color:var(--text-muted);font-size:1.1rem}.dashboard{display:grid;grid-template-columns:300px 1fr;gap:30px}.panel{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 8px 24px #0003}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;color:#fff}.form-control{width:100%;padding:12px;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-main);font-size:1rem;box-sizing:border-box;transition:border-color .2s ease}.form-control:focus{outline:none;border-color:var(--accent)}.btn-primary{width:100%;padding:12px;background-color:var(--accent);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.metric-card{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:20px;text-align:center}.metric-title{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.metric-value{font-size:2rem;font-weight:700;color:#fff}.metric-value.positive{color:var(--success)}.metric-value.negative{color:var(--danger)}.chart-container{height:400px;width:100%;margin-top:30px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}