body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ecf0f1;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}#root{min-height:100vh}.app-container{color:#333;max-width:900px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.header{text-align:center;margin-bottom:2rem}.header h1{color:#2c3e50;margin:0;font-size:2.5rem}.header p{color:#7f8c8d;font-size:1.1rem}.controls{background:#f8f9fa;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 2px 4px #0000000d}.control-group{flex-direction:column;gap:.5rem;display:flex}.control-group label{color:#555;font-size:.9rem;font-weight:600}.control-group input{border:1px solid #ccc;border-radius:4px;width:100px;padding:.5rem;font-size:1rem}.btn-train{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;height:40px;padding:.6rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .2s}.btn-train:hover:not(:disabled){background-color:#2980b9}.btn-train:disabled{cursor:not-allowed;background-color:#bdc3c7}.dashboard{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;display:flex}.plot-container{background:#fff;border-radius:8px;justify-content:center;padding:1rem;display:flex;box-shadow:0 4px 6px #0000001a}.data-canvas{background-color:#fff;border:1px solid #eee;border-radius:4px;max-width:100%;height:auto}.metrics-container{background:#fff;border-radius:8px;flex:1;min-width:300px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.metrics-container h2{color:#2c3e50;margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.metrics-grid{flex-direction:column;gap:1rem;display:flex}.metric-card{background:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.metric-label{color:#7f8c8d;font-weight:600}.metric-value{color:#2c3e50;font-size:1.25rem;font-weight:700}.metrics-placeholder{text-align:center;color:#95a5a6;background:#f8f9fa;border-radius:6px;padding:2rem;font-style:italic}