body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.home-page{background:linear-gradient(135deg,#f5f5f5,#e8f4f4);min-height:100vh;overflow:hidden;padding:60px 20px;position:relative}.home-page:before{background:radial-gradient(circle at 20% 50%,#0090900d 0,#0000 50%),radial-gradient(circle at 80% 80%,#00c0c00d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.home-header{animation:fadeIn .6s ease-out;color:#333;margin-bottom:60px;position:relative;text-align:center;z-index:1}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 20px}.home-header h1{animation:titleFloat 3s ease-in-out infinite;color:#009090;font-size:3.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:15px;text-shadow:0 2px 10px #00909033}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-header p{color:#666;font-size:1.4rem;font-weight:500;letter-spacing:.5px}.simulators-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1000px;padding:0 20px}.simulator-card{align-items:center;animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:2px solid #0090901a;border-radius:20px;box-shadow:0 8px 30px #0090901a;color:#333;display:flex;flex-direction:column;overflow:hidden;padding:40px;position:relative;text-align:center;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.simulator-card:before{background:linear-gradient(90deg,#0000,#00c0c033,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.simulator-card:hover:before{left:100%}.simulator-card:hover{border-color:#009090;box-shadow:0 15px 50px #00909040;transform:translateY(-10px) scale(1.02)}.simulator-icon{font-size:5rem;margin-bottom:20px}.simulator-card h2{color:#009090;font-size:1.8rem;font-weight:700;margin-bottom:15px}.simulator-card p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:25px}.launch-button{color:#009090;font-size:1.1rem;font-weight:700;transition:transform .2s}.simulator-card:hover .launch-button{transform:translateX(5px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.home-header h1{font-size:2.2rem}.header-content{flex-direction:column;gap:20px}.simulators-grid{grid-template-columns:1fr}.simulator-card{padding:30px}}.auth-section{gap:20px}.auth-section,.user-info{align-items:center;display:flex}.user-info{background:#fff;border-radius:30px;box-shadow:0 2px 10px #0000001a;gap:15px;padding:12px 20px}.profile-container{align-items:center;display:flex;gap:12px}.profile-picture{border:2px solid #009090;border-radius:50%;height:40px;object-fit:cover;width:40px}.profile-info{align-items:flex-start;display:flex;flex-direction:column}.profile-name{color:#333;font-size:.95rem;font-weight:600}.profile-email{color:#666;font-size:.85rem}.auth-button{border:none;border-radius:20px;box-shadow:0 2px 8px #00000026;cursor:pointer;font-size:1rem;font-weight:600;outline:none;padding:10px 24px;transition:all .3s ease}.auth-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.login-button{background:linear-gradient(135deg,#009090,#00c0c0);color:#fff}.logout-button{background:#f56565;color:#fff}.logout-button:hover{background:#e53e3e}.auth-error,.auth-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:50vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#009090;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-error{color:#e53e3e;text-align:center}.loading-text{color:#666;font-size:1.1rem}.login-prompt{align-items:center;animation:fadeInUp .8s ease-out,floatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:30px;box-shadow:0 20px 60px #00909026,0 0 0 1px #0090901a;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:700px;min-height:50vh;overflow:hidden;padding:60px 50px;position:relative;text-align:center;z-index:1}.process-icons-background{bottom:0;left:0;opacity:.08;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.bg-icon{animation:floatIcon 20s ease-in-out infinite;font-size:4rem;position:absolute}.bg-icon:first-child{animation-delay:0s;left:10%;top:10%}.bg-icon:nth-child(2){animation-delay:2s;right:15%;top:20%}.bg-icon:nth-child(3){animation-delay:4s;bottom:30%;left:20%}.bg-icon:nth-child(4){animation-delay:6s;right:10%;top:60%}.bg-icon:nth-child(5){animation-delay:8s;bottom:15%;left:15%}.bg-icon:nth-child(6){animation-delay:10s;left:50%;top:40%}@keyframes floatIcon{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(10px,-10px) rotate(5deg)}50%{transform:translate(-10px,10px) rotate(-5deg)}75%{transform:translate(10px,10px) rotate(5deg)}}.login-content{align-items:center;display:flex;flex-direction:column;gap:25px;position:relative;width:100%;z-index:2}.main-lock-container{margin-bottom:10px;position:relative}.lock-glow{animation:glowPulse 3s ease-in-out infinite;background:radial-gradient(circle,#0090904d 0,#0000 70%);border-radius:50%;height:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.prompt-icon{animation:iconPulse 2s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,144,144,.3));font-size:5rem;opacity:.95;position:relative;z-index:2}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.process-badge{align-items:center;animation:badgeFloat 2s ease-in-out infinite;background:linear-gradient(135deg,#009090,#00c0c0);border-radius:25px;box-shadow:0 4px 15px #0090904d;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 20px}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.badge-icon{font-size:1.2rem}.badge-text{letter-spacing:.5px}.login-prompt h2{color:#333;font-size:2.2rem;font-weight:700;margin:10px 0}.login-prompt p{color:#666;font-size:1.15rem;line-height:1.6;margin-bottom:30px;max-width:500px}.feature-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.feature-item{align-items:center;background:#0090900d;border:1px solid #00909026;border-radius:20px;color:#333;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.feature-item:hover{background:#0090901a;box-shadow:0 5px 15px #00909033;transform:translateY(-3px)}.feature-icon{font-size:1.3rem}.login-prompt .auth-button{font-size:1.1rem;margin-top:10px;padding:14px 50px}.App{background-color:#f5f5f5;min-height:100vh;padding:20px}.header{color:#333;margin-bottom:30px;position:relative;text-align:center}.back-button{background:#009090;border-radius:8px;box-shadow:0 2px 8px #0090904d;color:#fff;font-weight:600;left:20px;padding:10px 20px;position:absolute;text-decoration:none;top:10px;transition:all .3s ease}.back-button:hover{background:#007a7a;box-shadow:0 4px 12px #00909066;transform:translateX(-3px)}.header h1{color:#009090;font-size:2.5rem;margin:0}.header p{color:#666;font-size:1.1rem;margin:5px 0 0}.main-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1800px}.full-width,.full-width-viz{width:100%}.left-panel,.right-panel{display:flex;flex-direction:column;gap:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.card h2{border-bottom:2px solid #009090;color:#333;font-size:1.5rem;margin:0 0 15px;padding-bottom:10px}.diagram-container{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:center;min-height:400px;overflow:hidden;padding:10px}.controls{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#333;font-size:.9rem;font-weight:600}.control-group input{border:2px solid #ddd;border-radius:4px;font-size:1rem;padding:8px 12px;transition:border-color .3s}.control-group input:focus{border-color:#009090;outline:none}.control-group input[type=range]{background:#ddd;border-radius:3px;height:6px;padding:0}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#009090;border-radius:50%;cursor:pointer;height:20px;width:20px}.control-group input[type=range]::-moz-range-thumb{background:#009090;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.value-display{color:#666;font-size:.9rem;text-align:right}.button-group{display:flex;gap:10px;margin-top:15px}.button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s}.button-primary{background-color:#009090;color:#fff}.button-primary:hover{background-color:#007070}.button-secondary{background-color:#666;color:#fff}.button-secondary:hover{background-color:#555}.button-danger{background-color:#d9534f;color:#fff}.button-danger:hover{background-color:#c9302c}.button:disabled{cursor:not-allowed;opacity:.5}.mode-toggle{display:flex;gap:10px;margin-bottom:15px}.mode-button{background:#fff;border:2px solid #009090;border-radius:4px;color:#009090;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:all .3s}.mode-button.active{background:#009090;color:#fff}.mode-button:hover{background:#e0f2f2}.mode-button.active:hover{background:#007070}.status-display{display:flex;flex-direction:column;gap:12px}.status-item{background:#f8f9fa;border-left:4px solid #009090;border-radius:6px;padding:12px}.status-item label{color:#666;display:block;font-size:.75rem;font-weight:600;margin-bottom:5px;text-transform:uppercase}.status-item>div{align-items:baseline;display:flex;white-space:nowrap}.status-item .value{color:#333;font-size:1.5rem;font-weight:700}.status-item .unit{color:#666;font-size:1rem;margin-left:4px}.connection-status{align-items:center;border-radius:4px;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:8px 16px}.connection-status.connected{background-color:#d4edda;color:#155724}.connection-status.disconnected{background-color:#f8d7da;color:#721c24}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:12px;width:12px}.status-dot.connected{background-color:#28a745}.status-dot.disconnected{background-color:#dc3545}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.full-width{grid-column:1/-1}h2{margin:0}@media (max-width:1200px){.main-container{grid-template-columns:1fr}}
/*# sourceMappingURL=main.65348b6e.css.map*/