:root{--primary:#2b6cb0;--primary-light:#4299e1;--secondary:#38b2ac;--accent:#f56565;--background:#f7fafc;--text:#2d3748;--gray-100:#f7fafc;--gray-200:#edf2f7;--gray-300:#e2e8f0;--gray-400:#cbd5e0;--gray-500:#a0aec0;--gray-600:#718096;--gray-700:#4a5568;--gray-800:#2d3748;--gray-900:#1a202c}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7fafc;background-color:var(--background);color:#2d3748;color:var(--text);font-family:Inter,-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}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.btn{border:none;border-radius:.375rem;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background-color:#2b6cb0;background-color:var(--primary);color:#fff;color:var(--white)}.btn-primary:hover{background-color:#4299e1;background-color:var(--primary-light)}.btn-secondary{background-color:#38b2ac;background-color:var(--secondary);color:#fff;color:var(--white)}.card{border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.card,.input{background-color:#fff;background-color:var(--white)}.input{border:1px solid #e2e8f0;border:1px solid var(--gray-300);border-radius:.375rem;padding:.75rem;transition:border-color .2s ease;width:100%}.input:focus{border-color:#2b6cb0;border-color:var(--primary);box-shadow:0 0 0 3px #2b6cb01a;outline:none}.saviour-container{background:linear-gradient(165deg,#f0f7ff,#e6f4ff);color:#0a4d8c;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.saviour-title{color:#0a4d8c;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:2.5rem;padding-bottom:1rem;position:relative;text-align:center}.saviour-title:after{background:linear-gradient(90deg,#0a6cbb,#60a5fa);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.saviour-subtitle{color:#5a7a9d;font-size:1.1rem;font-weight:400;margin-bottom:3rem;margin-top:-1.5rem;text-align:center}.chart-card{background-color:#fff;border:1px solid #9fd1ff4d;border-radius:1.2rem;box-shadow:0 10px 30px #0c508b26;margin-bottom:3rem;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.chart-card:hover{box-shadow:0 15px 35px #0c508b33;transform:translateY(-3px)}.chart-header{align-items:center;border-bottom:1px solid #e6f4ff;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.chart-header h2{color:#0a4d8c;font-size:1.5rem;font-weight:600;margin:0}.chart-icon-wrapper{align-items:center;background-color:#e6f4ff;border-radius:12px;color:#0a6cbb;display:flex;height:50px;justify-content:center;width:50px}.chart-icon{color:#0a6cbb}.chart-description{color:#5a7a9d;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.monitoring-controls{align-items:center;background-color:#f0f7ff;border:1px solid #e6f4ff;border-radius:.8rem;display:flex;justify-content:space-between;margin:1.5rem 0;padding:1rem}.monitoring-status{align-items:center;display:flex;gap:.75rem}.status-dot{background-color:#cbd5e1;height:10px;width:10px}.status-dot.active{animation:pulse 2s infinite;background-color:#22c55e;box-shadow:0 0 0 3px #22c55e33}.status-dot.paused{background-color:#eab308;box-shadow:0 0 0 3px #eab30833}.status-text{color:#0a4d8c;font-weight:600}.controls-buttons{display:flex;gap:.75rem}.control-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1.25rem;transition:all .2s ease}.start-button{background-color:#0a6cbb;color:#fff}.start-button:hover{background-color:#0a5aa1;box-shadow:0 4px 8px #0a6cbb40}.pause-button{background-color:#f0f7ff;border:1px solid #90cdf4;color:#0a6cbb}.pause-button:hover{background-color:#e6f4ff;box-shadow:0 4px 8px #0a6cbb26}.resume-button{background-color:#22c55e;color:#fff}.resume-button:hover{background-color:#16a34a;box-shadow:0 4px 8px #16a34a40}.stop-button{background-color:#ef4444;color:#fff}.stop-button:hover{background-color:#dc2626;box-shadow:0 4px 8px #dc262640}@keyframes pulse{0%{box-shadow:0 0 0 0 #22c55e66}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 0 0 #22c55e00}}.options-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.option-card{background-color:#fff;border:1px solid #9fd1ff4d;border-radius:1rem;box-shadow:0 10px 30px #0c508b1a;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.option-card:hover{border-color:#60a5fa;box-shadow:0 15px 35px #0c508b33;transform:translateY(-6px)}.option-card h2{color:#0a4d8c;font-size:1.4rem;font-weight:600;margin:.75rem 0}.option-card p{color:#5a7a9d;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.card-icon-wrapper{align-items:center;background-color:#e6f4ff;border-radius:16px;color:#0a6cbb;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;transition:all .3s ease;width:64px}.option-card:hover .card-icon-wrapper{background-color:#0a6cbb;box-shadow:0 8px 16px #0a6cbb33;color:#fff}.card-icon{color:inherit}.option-button{align-items:center;background-color:#e6f4ff;border:none;border-radius:.5rem;color:#0a6cbb;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.option-button:hover{background-color:#0a6cbb;color:#fff}.stats-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background-color:#fff;border:1px solid #9fd1ff4d;border-radius:1rem;box-shadow:0 10px 20px #0c508b1a;display:flex;flex-direction:column;padding:1.5rem;text-align:center}.stat-value{color:#0a6cbb;font-size:2.2rem;font-weight:700;margin:.5rem 0}.stat-label{color:#5a7a9d;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.stat-trend{align-items:center;display:flex;font-size:.85rem;gap:.3rem;margin-top:.5rem}.trend-up{color:#0a8c4d}.trend-down{color:#e53e3e}@media (max-width:768px){.saviour-container{padding:1.5rem}.saviour-title{font-size:2rem}.chart-card,.option-card{padding:1.5rem}.stats-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}:root{--dark-blue:#003459;--medium-blue:#00598e;--light-blue:#0077b6;--accent-blue:#00a8e8;--off-white:#f5f9fc;--light-grey:#e0ebf4;--medium-grey:#cbd5e0;--dark-grey:#4a5568}body{background-color:#f5f9fc;background-color:var(--off-white);color:#4a5568;color:var(--dark-grey);font-family:Inter,Segoe UI,sans-serif}.chat-wrapper{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.chat-title{margin-bottom:24px;text-align:center}.chat-title h1{color:#003459;color:var(--dark-blue);font-size:28px;font-weight:700;margin-bottom:8px}.chat-title p{color:#00598e;color:var(--medium-blue);font-size:16px;max-width:500px}.chat-container{background:#fff;background:var(--white);border:1px solid #e0ebf4;border:1px solid var(--light-grey);border-radius:16px;box-shadow:0 10px 25px #0034591a;display:flex;flex-direction:column;height:600px;max-width:500px;overflow:hidden;position:relative;width:100%}.chat-header{background:linear-gradient(100deg,#00598e,#00a8e8);background:linear-gradient(100deg,var(--medium-blue),var(--accent-blue));border-bottom:1px solid #ffffff1a;color:#fff;color:var(--white);font-size:18px;font-weight:600;justify-content:space-between;padding:20px}.chat-header,.header-logo{align-items:center;display:flex}.header-logo{gap:10px}.header-logo img,.header-logo svg{height:24px;width:24px}.header-status{align-items:center;background-color:#fff3;border-radius:12px;display:flex;font-size:12px;font-weight:500;padding:4px 10px}.status-dot{background-color:#4ade80;border-radius:50%;height:8px;margin-right:6px;width:8px}.chat-box{background-color:#fff;background-color:var(--white);display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.chat-box::-webkit-scrollbar{width:6px}.chat-box::-webkit-scrollbar-track{background:#f5f9fc;background:var(--off-white)}.chat-box::-webkit-scrollbar-thumb{background-color:#cbd5e0;background-color:var(--medium-grey);border-radius:6px}.messages-container{display:flex;flex-direction:column;gap:16px}.message{word-wrap:break-word;border-radius:16px;font-size:15px;line-height:1.5;max-width:85%;padding:12px 16px;position:relative}.message-group{display:flex;flex-direction:column;gap:2px}.user-group{align-items:flex-end;align-self:flex-end}.bot-group{align-items:flex-start;align-self:flex-start}.message-sender{color:#4a5568;color:var(--dark-grey);font-size:12px;font-weight:500;margin-bottom:4px;padding-left:6px}.user{align-self:flex-end;background-color:#00a8e8;background-color:var(--accent-blue);border-bottom-right-radius:4px;box-shadow:0 2px 5px #00a8e833;color:#fff;color:var(--white)}.bot{box-shadow:0 2px 5px #0000000d;color:#003459;color:var(--dark-blue)}.bot,.bot-typing{align-self:flex-start;background-color:#e0ebf4;background-color:var(--light-grey);border-bottom-left-radius:4px}.bot-typing{color:#4a5568;color:var(--dark-grey);font-size:14px;padding:10px 16px}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-dot{animation:typing-animation 1.4s ease-in-out infinite;background-color:#00598e;background-color:var(--medium-blue);border-radius:50%;height:8px;opacity:.6;width:8px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-animation{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-input{background-color:#fff;background-color:var(--white);border-top:1px solid #e0ebf4;border-top:1px solid var(--light-grey);padding:16px}.chat-input,.input-wrapper{display:flex;position:relative}.input-wrapper{background-color:#f5f9fc;background-color:var(--off-white);border:1px solid #e0ebf4;border:1px solid var(--light-grey);border-radius:24px;overflow:hidden;transition:border-color .2s,box-shadow .2s;width:100%}.input-wrapper:focus-within{border-color:#00a8e8;border-color:var(--accent-blue);box-shadow:0 0 0 2px #00a8e833}.chat-input input{background-color:initial;border:none;color:#4a5568;color:var(--dark-grey);flex:1 1;font-size:15px;outline:none;padding:12px 16px}.chat-input input::placeholder{color:#cbd5e0;color:var(--medium-grey)}.chat-input button{align-items:center;background-color:#00a8e8;background-color:var(--accent-blue);border:none;border-radius:24px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:4px;margin-right:4px;margin-top:4px;padding:8px 16px;transition:background-color .2s,transform .1s}.chat-input button:hover{background-color:#00598e;background-color:var(--medium-blue)}.chat-input button:active{transform:scale(.98)}.chat-input button svg{height:16px;width:16px}.empty-state{align-items:center;color:#cbd5e0;color:var(--medium-grey);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px;text-align:center}.empty-state svg{color:#0077b6;color:var(--light-blue);height:56px;margin-bottom:16px;opacity:.5;width:56px}.empty-state h3{color:#00598e;color:var(--medium-blue);font-size:18px;font-weight:600;margin-bottom:8px}.empty-state p{font-size:14px;line-height:1.5;max-width:300px}.suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.suggestion-chip{background-color:#e0ebf4;background-color:var(--light-grey);border:1px solid #e0ebf4;border:1px solid var(--light-grey);border-radius:16px;color:#00598e;color:var(--medium-blue);cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s}.suggestion-chip:hover{background-color:#cbd5e0;background-color:var(--medium-grey)}:root{--primary:#2563eb;--primary-dark:#1e40af;--primary-light:#3b82f6;--secondary:#0ea5e9;--tertiary:#10b981;--white:#fff;--light:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-500:#64748b;--gray-700:#334155;--dark:#0f172a;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--border-radius-sm:6px;--border-radius:12px;--border-radius-lg:16px;--box-shadow-sm:0 2px 8px #00000014;--box-shadow:0 8px 30px #0f172a14;--box-shadow-lg:0 20px 40px #0f172a1f;--transition:all 0.25s cubic-bezier(0.25,0.8,0.25,1);--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f0f4f8,#d5e3f8);color:#0f172a;color:var(--dark);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-sans);font-weight:400;line-height:1.6;padding:1.5rem}.login-container,body{align-items:center;display:flex;justify-content:center;min-height:100vh}.login-container{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);padding:2rem}.login-card{background:#fff;background:var(--white);border-radius:1rem;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2.5rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#2563eb;color:var(--primary);font-size:2rem;font-weight:600;margin-bottom:.5rem}.login-header p{color:var(--gray-600);font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#334155}.form-group input{border:1px solid #cbd5e1}.form-group input:focus{border-color:#2563eb}.login-button{background-color:#2563eb;background-color:var(--primary);border:none;border-radius:.5rem;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:background-color .2s ease}.login-button:hover{background-color:#3b82f6;background-color:var(--primary-light)}.login-footer{color:var(--gray-600);font-size:.875rem;margin-top:1.5rem;text-align:center}.login-footer a{color:#2563eb;color:var(--primary);font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:640px){.login-card{padding:1.5rem}.login-header h1{font-size:1.75rem}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#f0f2f5}.signup-container{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.signup-card{background:var(--white);border-radius:1rem;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:2.5rem;width:100%}.signup-header{margin-bottom:2rem;text-align:center}.signup-header h1{color:var(--primary);font-size:2rem;font-weight:600;margin-bottom:.5rem}.signup-header p{color:var(--gray-600);font-size:1rem}.signup-form{gap:1.5rem}.form-group,.signup-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--gray-700);font-size:.875rem;font-weight:500}.form-group input{border:1px solid var(--gray-300);border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2b6cb01a;outline:none}.signup-button{background-color:var(--primary);border:none;border-radius:.5rem;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:background-color .2s ease}.signup-button:hover{background-color:var(--primary-light)}.signup-footer{color:var(--gray-600);font-size:.875rem;margin-top:1.5rem;text-align:center}.signup-footer a{color:var(--primary);font-weight:500;text-decoration:none}.signup-footer a:hover{text-decoration:underline}.error-message{color:var(--accent);font-size:.875rem;margin-top:.5rem}@media (max-width:640px){.signup-card{padding:1.5rem}.signup-header h1{font-size:1.75rem}}.assessment-container{align-items:center;background:linear-gradient(165deg,#f0f7ff,#e6f4ff);color:#104e8b;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.assessment-header{color:#0a4d8c;margin-bottom:2.5rem;padding-bottom:1rem;position:relative;text-align:center}.assessment-header h1{font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem}.assessment-header p{color:#5a7a9d;font-size:1.1rem;font-weight:400}.assessment-header:after{background:linear-gradient(90deg,#0a6cbb,#60a5fa);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.loading-container{align-items:center;display:flex;justify-content:center;padding:3rem}.error-text{background-color:#e53e3e1a;border-left:4px solid #e53e3e;border-radius:8px;color:#e53e3e;font-size:1rem;font-weight:600;padding:1rem;text-align:center}.metric-card{background-color:#fff;border:1px solid #9fd1ff4d;border-radius:12px;box-shadow:0 10px 30px #0c508b1a;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center;transition:transform .3s,box-shadow .3s}.metric-card:hover{border-color:#60a5fa;box-shadow:0 15px 35px #0c508b26;transform:translateY(-5px)}.metric-card h6{color:#5a7a9d;font-size:1rem;font-weight:500;margin-bottom:1rem}.metric-card h4{color:#0a6cbb;font-size:2.2rem;font-weight:700;margin:0}.tooltip{color:#5a7a9d;font-size:.85rem;margin-top:.8rem}.progress-section{background-color:#fff;border:1px solid #9fd1ff4d;border-radius:12px;box-shadow:0 10px 30px #0c508b1a;margin-top:2rem;padding:2rem;text-align:center}.progress-section h6{color:#0a4d8c;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.status-text{color:#0a6cbb;font-size:1.8rem!important;font-weight:700;margin-bottom:1.5rem}.status-text.improvement{color:#0ca678}.status-text.stable{color:#0a6cbb}.status-text.deterioration{color:#e53e3e}.progress-bar{background-color:#0a6cbb26!important;border-radius:6px!important;height:12px!important}.progress-bar .MuiLinearProgress-bar{background:linear-gradient(90deg,#0a6cbb,#60a5fa)!important;border-radius:6px!important}.progress-bar.low .MuiLinearProgress-bar{background:linear-gradient(90deg,#0ca678,#34d399)!important}.progress-bar.medium .MuiLinearProgress-bar{background:linear-gradient(90deg,#0a6cbb,#60a5fa)!important}.progress-bar.high .MuiLinearProgress-bar{background:linear-gradient(90deg,#e53e3e,#fc8181)!important}.fetch-button{background-color:#0a6cbb!important;border-radius:8px!important;box-shadow:0 4px 12px #0a6cbb40!important;color:#fff!important;font-size:1rem!important;font-weight:600!important;padding:.8rem 2rem!important;text-transform:none!important;transition:all .3s ease!important}.fetch-button:hover{background-color:#0a5aa1!important;box-shadow:0 6px 16px #0a6cbb4d!important;transform:translateY(-2px)}.fetch-button:disabled{background-color:#c0c6cc!important;box-shadow:none!important;cursor:not-allowed!important}.graph-container{background-color:#fff;border:1px solid #9fd1ff4d;border-radius:12px;box-shadow:0 10px 30px #0c508b1a;margin-top:2rem;padding:2rem}.graph-title{color:#0a4d8c!important;font-size:1.2rem!important;font-weight:600!important;margin-bottom:1.5rem!important;text-align:center}@media (max-width:768px){.assessment-container{padding:1.5rem}.assessment-header h1{font-size:2rem}.metric-card{padding:1.5rem}.metric-card h4{font-size:1.8rem}}.therapy-mode{background-color:#f0f7ff;color:#1e3a5f;font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:32px}.therapy-mode h1{color:#0a4d8c;font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:32px;text-align:center}.therapy-status-card{background-color:#fff;border:1px solid #9fd1ff4d;border-radius:20px;box-shadow:0 10px 30px #0c508b26;margin:0 auto;max-width:580px;padding:40px;transition:transform .3s ease,box-shadow .3s ease}.therapy-status-card:hover{box-shadow:0 15px 35px #0c508b33;transform:translateY(-3px)}.card-header{align-items:center;display:flex;margin-bottom:24px}.card-header-icon{background-color:#e6f4ff;border-radius:12px;color:#0a6cbb;margin-right:16px;padding:12px}.card-title{color:#0a4d8c;font-size:22px;font-weight:600;margin:0}.status-row{align-items:center;border-bottom:1px solid #e6f4ff;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.status-row:last-of-type{border-bottom:none;margin-bottom:24px}.status-label{color:#5a7a9d;font-size:15px;font-weight:500}.status-value{align-items:center;color:#0a4d8c;display:flex;font-size:16px;font-weight:600}.status-value.active{color:#0a8c4d}.status-value.idle{color:#5a7a9d}.status-value.time{font-family:SF Mono,Consolas,monospace;font-size:18px;letter-spacing:.5px}.status-indicator{border-radius:50%;height:8px;margin-right:8px;width:8px}.status-indicator.active{background-color:#0a8c4d;box-shadow:0 0 0 3px #0a8c4d33}.status-indicator.idle{background-color:#5a7a9d;box-shadow:0 0 0 3px #5a7a9d33}.countdown-display{background-color:#e6f4ff;border-radius:12px;margin:4px 0 20px;padding:16px 20px;text-align:center}.countdown-time{color:#0a6cbb;font-family:SF Mono,Consolas,monospace;font-size:36px;font-weight:700;letter-spacing:1px}.countdown-label{color:#5a7a9d;font-size:14px;margin-top:4px}.action-button{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;margin-top:16px;padding:16px;transition:all .3s ease;width:100%}.action-button span{margin-left:10px}.action-button.start{background-color:#0a6cbb;box-shadow:0 6px 12px #0a6cbb33}.action-button.start:hover{background-color:#0a5aa1;box-shadow:0 8px 16px #0a6cbb4d}.action-button.stop{background-color:#e53e3e;box-shadow:0 6px 12px #e53e3e33}.action-button.stop:hover{background-color:#c53030;box-shadow:0 8px 16px #e53e3e4d}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0a4d8cb3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border:1px solid #9fd1ff4d;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:40px;width:90%}.modal-content h2{color:#0a4d8c;font-size:24px;margin-bottom:24px;margin-top:0;text-align:center}.modal-content p{color:#5a7a9d;line-height:1.6;margin-bottom:24px}.duration-selector{margin:32px 0}input[type=range]{background:#d0e6ff;border-radius:3px;height:6px;margin-bottom:24px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#0a6cbb;border-radius:50%;box-shadow:0 2px 8px #0a6cbb4d;cursor:pointer;height:24px;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}input[type=range]::-webkit-slider-thumb:hover{background:#0a5aa1;transform:scale(1.1)}.preset-durations{display:flex;justify-content:space-between;margin-bottom:32px}.preset-button{background-color:#e6f4ff;border:1px solid #b3d4ff;border-radius:10px;color:#0a4d8c;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;margin:0 6px;padding:12px 16px;transition:all .3s ease}.preset-button:first-child{margin-left:0}.preset-button:last-child{margin-right:0}.preset-button:hover{background-color:#d0e6ff}.preset-button.selected{background-color:#0a6cbb;border-color:#0a6cbb;box-shadow:0 4px 8px #0a6cbb33;color:#fff}.preset-button.selected:hover{background-color:#0a5aa1;border-color:#0a5aa1}.continue-button{align-items:center;background-color:#0a6cbb;border:none;border-radius:12px;box-shadow:0 6px 12px #0a6cbb33;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;padding:16px;transition:all .3s ease;width:100%}.continue-button:hover{background-color:#0a5aa1;box-shadow:0 8px 16px #0a6cbb4d}.gel-pad-instructions{margin-bottom:32px;text-align:center}.gel-pad-image{align-items:center;background-color:#e6f4ff;border:1px dashed #b3d4ff;border-radius:12px;color:#0a6cbb;display:flex;font-weight:500;height:200px;justify-content:center;margin:16px auto;max-width:300px;padding:16px}.progress-bar-container{background-color:#e6f4ff;border-radius:4px;height:8px;margin:24px 0;overflow:hidden;width:100%}.progress-bar{background-color:#0a6cbb;height:100%;transition:width 1s linear}
/*# sourceMappingURL=main.638a5e4d.css.map*/