:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--success: #10b981;--danger: #ef4444;--border: #475569}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:2rem}.app-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.app-header h1{font-size:2.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.app-header p{color:var(--text-secondary);font-size:1.1rem}.error-banner{background:#ef444426;border:1px solid var(--danger);color:var(--danger);padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.app-main{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:2rem}.left-panel,.right-panel{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border)}.config-form h2{margin-bottom:1.5rem;font-size:1.3rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary)}.form-group small{display:block;margin-top:.25rem;color:var(--text-secondary);font-size:.8rem}.form-group .info-text{color:var(--text-secondary);font-size:.9rem;background:var(--bg-card);padding:.75rem;border-radius:8px}.config-form button{width:100%;padding:1rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.config-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.config-form button:disabled{opacity:.6;cursor:not-allowed}.result-chart h2,.chart-placeholder p{margin-bottom:1.5rem;font-size:1.3rem}.chart-placeholder{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);padding:1rem;border-radius:8px;text-align:center}.stat-label{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:.25rem}.stat-value{font-size:1.25rem;font-weight:600}.chart-container{background:var(--bg-card);border-radius:8px;padding:1rem}.history-section{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border)}.history-table h2{margin-bottom:1rem;font-size:1.3rem}.history-empty,.history-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.history-table table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.history-table th{color:var(--text-secondary);font-weight:500;font-size:.85rem;text-transform:uppercase}.history-table tbody tr:hover{background:var(--bg-card)}.app-footer{text-align:center;padding-top:2rem;margin-top:2rem;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.9rem}@media(max-width:900px){.app-main{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}
