*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden;font-family:Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1e2a3a,#0f2a23)}body{display:flex;justify-content:center;align-items:flex-start;padding:2rem;min-height:100vh}.card{background:#fffffff2;border-radius:2rem;box-shadow:0 25px 45px -12px #0006;padding:2rem;width:100%;max-width:1300px;margin:0 auto}.auth-card{max-width:500px;margin:0 auto}h1,h2{font-weight:600;margin-bottom:1rem;color:#0f2b3d}h1{font-size:1.8rem;text-align:center;border-left:5px solid #2c7da0;padding-left:1rem}.tabs{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.tab-btn{background:none;border:none;padding:.6rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;color:#4b5563}.tab-btn.active{color:#2c7da0;border-bottom:3px solid #2c7da0}.form-group{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem;flex-wrap:wrap}.form-group label{font-weight:500;color:#1e293b;min-width:70px}.form-group input{flex:1;min-width:100px;padding:.5rem .6rem;border:1px solid #cbd5e1;border-radius:.8rem;font-size:.85rem}input:focus{outline:none;border-color:#2c7da0;box-shadow:0 0 0 2px #2c7da033}button{background:#2c7da0;color:#fff;border:none;padding:.7rem 1.2rem;border-radius:2rem;font-weight:600;cursor:pointer;transition:.2s}button:hover{background:#1f5e7a;transform:translateY(-1px)}.error-msg{color:#e53e3e;font-size:.8rem;text-align:center;margin-top:.5rem}.success-msg{color:#2b6e3f;font-size:.8rem;text-align:center}.dashboard{display:flex;flex-wrap:wrap;gap:1.5rem;flex-direction:column}.inputs-graph{display:flex;flex-wrap:wrap;gap:1.5rem}.inputs-panel{flex:1;min-width:280px}.graph-panel{flex:2;min-width:400px;display:flex;flex-direction:column;gap:1rem}.ensayo{background:#f8fafc;border-radius:1rem;padding:1rem;margin-bottom:1rem;border:1px solid #e2e8f0}.ensayo h3{font-size:1.1rem;margin-bottom:.8rem;color:#2c7da0}.results{background:#f1f5f9;border-radius:1.5rem;padding:1rem;width:100%}.results p{margin:.3rem 0;font-family:monospace}canvas{background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a;width:100%!important;height:auto!important;border:1px solid #e2e8f0;display:block}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.top-bar h2{margin-bottom:0}.action-buttons{display:flex;gap:.8rem;flex-wrap:wrap}.action-btn{background:#f1f5f9;color:#1e293b;border:1px solid #cbd5e1;padding:.4rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:500;transition:.2s}.action-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.logout-btn{background:#e53e3e;color:#fff;border:none}.logout-btn:hover{background:#c53030}#tooltip{position:absolute;background:#0f172ae6;color:#fff;padding:8px 12px;border-radius:8px;font-size:.8rem;pointer-events:none;display:none;z-index:1000;box-shadow:0 4px 6px #0000004d;border:1px solid #2c7da0;white-space:nowrap}@media(max-width:700px){body{padding:0;align-items:stretch}.card{padding:1rem;border-radius:1rem}.form-group{flex-direction:column;align-items:stretch;gap:.2rem}.form-group label{min-width:auto}.form-group input{width:100%}.top-bar{flex-direction:column;align-items:stretch}.action-buttons{justify-content:center}.graph-panel,.inputs-panel{min-width:0;width:100%}canvas{max-width:100%;height:auto}.tools-grid{grid-template-columns:minmax(260px,1fr)!important;gap:1rem}.hero-section h1{font-size:2rem}}@media(min-width:701px){.graph-panel{min-width:400px}}@media print{body{background:#fff;padding:0}.top-bar,.inputs-panel,button,.tabs,.auth-card{display:none!important}.card{box-shadow:none;border:none;width:100%;max-width:100%}.graph-panel{width:100%}canvas{border:1px solid #eee;max-width:500px;margin:0 auto}.results{background:none;border:1px solid #eee;font-size:12pt}}