*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f4f4;color:#2e3838;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer;font-family:Inter,sans-serif}a{color:#5b7b7a;color:var(--primary-color);text-decoration:none}a:hover{color:#445e5d;color:var(--primary-dark)}a,button,input,select,textarea{transition:all .2s ease-in-out}a:focus,button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #5b7b7a33;outline:none}.login-wrapper{align-items:center;background:linear-gradient(135deg,#eef3f3,#f6f9f9);display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.login-container{background-color:#fff;background-color:var(--text-white);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 8px 30px #0000000d;box-shadow:var(--card-shadow);display:flex;max-width:1200px;min-height:600px;overflow:hidden;width:100%}.login-left-panel{background:linear-gradient(135deg,#5b7b7a,#445e5d);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;color:var(--text-white);display:flex;flex:1 1;flex-direction:column;justify-content:space-between;overflow:hidden;padding:3rem;position:relative}.login-left-panel:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.08' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.login-branding{position:relative;z-index:1}.brand-logo{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:.75rem;letter-spacing:-.5px;margin-bottom:.5rem}.brand-icon{font-size:2rem}.brand-tagline{font-size:1.1rem;font-weight:300;margin-left:.25rem;opacity:.9}.login-illustration{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23FFF' stroke-opacity='.25'%3E%3Ccircle cx='400' cy='400' r='250'/%3E%3Ccircle cx='400' cy='400' r='200'/%3E%3Ccircle cx='400' cy='400' r='150'/%3E%3Ccircle cx='400' cy='400' r='100'/%3E%3Ccircle cx='400' cy='400' r='50'/%3E%3C/g%3E%3Cg fill='%23FFF' fill-opacity='.25'%3E%3Ccircle cx='400' cy='300' r='20'/%3E%3Ccircle cx='300' cy='400' r='20'/%3E%3Ccircle cx='500' cy='400' r='20'/%3E%3Ccircle cx='400' cy='500' r='20'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;flex-grow:1;min-height:300px;position:relative;z-index:1}.login-illustration,.login-right-panel{align-items:center;display:flex;justify-content:center}.login-right-panel{background-color:#fff;background-color:var(--text-white);flex:1 1;padding:2.5rem 3rem}.login-form-container{max-width:380px;width:100%}.login-title{color:#2e3838;color:var(--text-dark);font-size:2.125rem;font-weight:700;margin-bottom:.375rem}.login-subtitle{color:#6e7878;color:var(--text-light);font-size:1rem;margin-bottom:2rem;opacity:.9}.login-form{gap:1.5rem}.input-container,.login-form{display:flex;flex-direction:column}.input-container{gap:.375rem;margin-bottom:.125rem}.password-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.input-label{color:#2e3838;color:var(--text-dark);font-size:.9375rem;font-weight:500;margin-bottom:.125rem}.forgot-password{color:#5b7b7a;color:var(--primary-color);font-size:.8125rem;text-decoration:none;transition:color .2s}.forgot-password:hover{color:#445e5d;color:var(--primary-dark);text-decoration:underline}.input-field-wrapper{align-items:center;display:flex;position:relative;width:100%}.input-icon{align-items:center;color:#a0a8a8;display:flex;font-size:1rem;height:1.25rem;justify-content:center;left:.75rem;opacity:.7;overflow:visible;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem;z-index:5}.input-field{background-color:#f6f8f8;background-color:var(--secondary-color);border:1px solid #00000014;border-radius:8px;box-shadow:0 2px 10px #00000008;box-shadow:var(--input-shadow);color:#2e3838;color:var(--text-dark);font-size:.9rem;height:48px;line-height:48px;padding:0 1rem 0 2.5rem;position:relative;transition:all .2s ease-in-out;width:100%;z-index:1}.input-field:focus{background-color:#fff;border-color:#5b7b7a;border-color:var(--primary-color);box-shadow:0 0 0 3px #5b7b7a26;outline:none}.input-field::placeholder{color:#b2b9b9;font-size:.875rem;font-weight:400;line-height:48px;opacity:.75}.error-container{background-color:#d6796714;border-left:3px solid #d67967;border-left:3px solid var(--error-color);border-radius:8px;padding:.75rem 1rem}.error-message{color:#d67967;color:var(--error-color);font-size:.875rem;margin:0}.login-button{align-items:center;background:linear-gradient(90deg,#5b7b7a,#8aa9a8);background:linear-gradient(to right,var(--primary-color),var(--primary-light));border:none;border-radius:8px;box-shadow:0 4px 15px #5b7b7a33;color:#fff;color:var(--text-white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;height:48px;justify-content:center;margin-top:1.5rem;overflow:hidden;padding:.875rem 0;position:relative;transition:all .2s ease-in-out}.button-icon{font-size:1.25rem;margin-left:.25rem;transition:transform .3s ease}.login-button:hover .button-icon{transform:translateX(4px)}.login-button:hover{background:linear-gradient(90deg,#445e5d,#5b7b7a);background:linear-gradient(to right,var(--primary-dark),var(--primary-color));box-shadow:0 6px 20px #5b7b7a4d;color:#fff;color:var(--text-white);transform:translateY(-2px)}.login-button:active{box-shadow:0 4px 10px #5b7b7a33;transform:translateY(0)}.login-button:after{background:linear-gradient(to bottom right,#fff0,#ffffff26 77%,#fff9 92%,#fff0);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .5s;width:200%}.login-button:hover:after{left:-100%;opacity:1;top:-100%}.login-footer{margin-top:2.5rem;text-align:center}.signup-text{color:#6e7878;color:var(--text-light);font-size:.875rem}.signup-link{color:#5b7b7a;color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .2s}.signup-link:hover{color:#445e5d;color:var(--primary-dark);text-decoration:underline}.login-container{animation:fadeIn .6s ease-out}@media (max-width:768px){.login-container{flex-direction:column}.login-left-panel{min-height:auto;padding:2rem}.login-right-panel{padding:2rem}.login-illustration{min-height:150px}}.spinner-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#2e38384d;background-color:#2e383840;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner-container,.spinner-ring{align-items:center;display:flex;justify-content:center}.spinner-ring{background:#fff;border-radius:50%;box-shadow:0 4px 20px #0000001a;height:80px;position:relative;width:80px}.spinner-ring:before{animation:spinner-ring 1s linear infinite;border-bottom:3px solid #0000;border-left:3px solid #0000;border-radius:50%;border-right:3px solid #0000;border-right-color:var(--primary-color);border-top:3px solid #0000;border-top-color:var(--primary-color);content:"";height:60px;position:absolute;width:60px}.spinner-ring div{background:var(--primary-dark);border-radius:50%;height:10px;position:absolute;width:10px}.spinner-ring div:first-child{background:var(--accent-color);left:50%;top:15px;transform:translateX(-50%)}.spinner-ring div:nth-child(2){background:var(--primary-dark);right:15px;top:50%;transform:translateY(-50%)}.spinner-ring div:nth-child(3){background:var(--primary-light);bottom:15px;left:50%;transform:translateX(-50%)}.spinner-ring div:nth-child(4){background:var(--primary-color);left:15px;top:50%;transform:translateY(-50%)}@keyframes spinner-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-color:#5b7b7a;--primary-light:#8aa9a8;--primary-dark:#445e5d;--secondary-color:#f6f8f8;--accent-color:#c2846e;--text-dark:#2e3838;--text-light:#6e7878;--success-color:#6a9b78;--error-color:#d67967;--border-radius:16px;--card-shadow:0 8px 30px #0000000d;--input-shadow:0 2px 10px #00000008}.wrapper{align-items:center;background:linear-gradient(135deg,#eef3f3,#f6f9f9);display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.container{animation:fadeIn .6s ease-out;background-color:#fff;background-color:var(--text-white);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 8px 30px #0000000d;box-shadow:var(--card-shadow);display:flex;flex-direction:column;max-width:1000px;min-height:600px;overflow:hidden;padding:2rem;width:100%}.title{color:#2e3838;color:var(--text-dark);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;position:relative;text-align:center}.title:after{background:linear-gradient(90deg,#5b7b7a,#8aa9a8);background:linear-gradient(to right,var(--primary-color),var(--primary-light));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.userTypeSelection{align-items:center;background:linear-gradient(135deg,#f6f9f9,#eef3f3);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 8px 30px #0000000d;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:1rem;margin:2rem 0;padding:2rem}.userTypeSelection p{color:#2e3838;color:var(--text-dark);font-size:1.25rem;font-weight:500;margin-bottom:1rem}.userTypeSelection .button{background:linear-gradient(90deg,#5b7b7a,#8aa9a8);background:linear-gradient(to right,var(--primary-color),var(--primary-light));border:none;border-radius:8px;box-shadow:0 4px 15px #5b7b7a33;color:#fff;color:var(--text-white);cursor:pointer;font-size:1.125rem;font-weight:600;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:200px}.userTypeSelection .button:hover{background:linear-gradient(90deg,#445e5d,#5b7b7a);background:linear-gradient(to right,var(--primary-dark),var(--primary-color));box-shadow:0 6px 20px #5b7b7a4d;transform:translateY(-2px)}.userTypeSelection .button:active{box-shadow:0 4px 10px #5b7b7a33;transform:translateY(0)}.userTypeSelection .button:after{background:linear-gradient(to bottom right,#fff0,#ffffff26 77%,#fff9 92%,#fff0);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .5s;width:200%}.userTypeSelection .button:hover:after{left:-100%;opacity:1;top:-100%}.form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px;width:100%}.form h2{color:#5b7b7a;color:var(--primary-color);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.form h3{border-top:1px solid #00000014;color:#2e3838;color:var(--text-dark);font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem;padding-top:1rem}.form input[type=date],.form input[type=email],.form input[type=number],.form input[type=password],.form input[type=text]{background-color:#f6f8f8;background-color:var(--secondary-color);border:1px solid #00000014;border-radius:8px;box-shadow:0 2px 10px #00000008;box-shadow:var(--input-shadow);color:#2e3838;color:var(--text-dark);font-size:.9rem;height:48px;padding:0 1rem;transition:all .2s ease-in-out;width:100%}.form input:focus{background-color:#fff;border-color:#5b7b7a;border-color:var(--primary-color);box-shadow:0 0 0 3px #5b7b7a26;outline:none}.form input::placeholder{color:#b2b9b9;font-size:.875rem;opacity:.75}.form input[type=file]{color:#2e3838;color:var(--text-dark);padding:.75rem 0;width:100%}.file-input-container{margin-bottom:1rem;position:relative;width:100%}.file-input-label{align-items:center;background-color:#f6f8f8;background-color:var(--secondary-color);border:1px solid #00000014;border-radius:8px;box-shadow:0 2px 10px #00000008;box-shadow:var(--input-shadow);color:#2e3838;color:var(--text-dark);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease-in-out}.file-input-label:hover{background-color:#fff;border-color:#5b7b7a;border-color:var(--primary-color)}.file-input-label i{color:#5b7b7a;color:var(--primary-color)}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form .button{align-items:center;background:linear-gradient(90deg,#5b7b7a,#8aa9a8);background:linear-gradient(to right,var(--primary-color),var(--primary-light));border:none;border-radius:8px;box-shadow:0 4px 15px #5b7b7a33;color:#fff;color:var(--text-white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;height:48px;justify-content:center;margin-top:1.5rem;overflow:hidden;padding:.875rem 0;position:relative;transition:all .2s ease-in-out}.form .button:hover{background:linear-gradient(90deg,#445e5d,#5b7b7a);background:linear-gradient(to right,var(--primary-dark),var(--primary-color));box-shadow:0 6px 20px #5b7b7a4d;transform:translateY(-2px)}.form .button:active{box-shadow:0 4px 10px #5b7b7a33;transform:translateY(0)}.form .button:after{background:linear-gradient(to bottom right,#fff0,#ffffff26 77%,#fff9 92%,#fff0);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .5s;width:200%}.form .button:hover:after{left:-100%;opacity:1;top:-100%}.successMessage{background-color:#6a9b7814;border-left:3px solid #6a9b78;border-left:3px solid var(--success-color);color:#6a9b78;color:var(--success-color)}.errorMessage,.successMessage{border-radius:8px;font-size:.9rem;margin-top:1.5rem;padding:1rem;text-align:center}.errorMessage{background-color:#d6796714;border-left:3px solid #d67967;border-left:3px solid var(--error-color);color:#d67967;color:var(--error-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-link-container{display:flex;justify-content:center;margin-top:2rem}.login-link{color:#5b7b7a;color:var(--primary-color);font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s}.login-link:hover{color:#445e5d;color:var(--primary-dark);text-decoration:underline}@media (max-width:768px){.container{min-height:auto;padding:1.5rem}.form-grid{grid-template-columns:1fr}.title{font-size:2rem}}.upload-progress{background-color:#f6f8f8;background-color:var(--secondary-color);border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden;width:100%}.upload-progress-bar{background:linear-gradient(90deg,#8aa9a8,#5b7b7a);background:linear-gradient(to right,var(--primary-light),var(--primary-color));height:100%;transition:width .3s ease}.upload-preview{border:3px solid #8aa9a8;border:3px solid var(--primary-light);border-radius:50%;height:80px;margin:.5rem 0;object-fit:cover;width:80px}.image-upload-container{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem}.email-input-container{position:relative;width:100%}.email-input-container input{background-color:#f6f8f8;background-color:var(--secondary-color);border:1px solid #00000014;border-radius:8px;box-shadow:0 2px 10px #00000008;box-shadow:var(--input-shadow);color:#2e3838;color:var(--text-dark);font-size:.9rem;height:48px;padding:0 1rem;transition:all .2s ease-in-out;width:100%}.email-input-container input:focus{background-color:#fff;border-color:#5b7b7a;border-color:var(--primary-color);box-shadow:0 0 0 3px #5b7b7a26;outline:none}.email-input-container input::placeholder{color:#b2b9b9;font-size:.875rem;opacity:.75}.input-error{border-color:#d67967!important;border-color:var(--error-color)!important;box-shadow:0 0 0 2px #d6796733!important}.email-error-message{animation:slideIn .3s ease-out;color:#d67967;color:var(--error-color);font-size:.875rem;margin-bottom:0;margin-top:.5rem;padding-left:.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.subscription-container{margin:2rem auto;max-width:1200px;padding:0 1rem;position:relative}.close-subscription-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:10px;top:10px;transition:all .2s ease}.close-subscription-button:hover{background-color:#0000001a;color:#333}.subscription-container h1{color:#333;margin-bottom:2rem;text-align:center}.plans-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.plan-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;flex:1 1;max-width:400px;min-width:300px;padding:2rem;transition:transform .3s ease}.plan-card:hover{transform:translateY(-5px)}.plan-card.premium{border:2px solid #4caf50;position:relative}.plan-card h2{color:#333;margin-bottom:1.5rem;text-align:center}.plan-features{margin:1.5rem 0}.plan-features ul{list-style:none;padding:0}.plan-features li{align-items:center;color:#666;display:flex;padding:.5rem 0}.plan-features li:before{color:#4caf50;content:"✓";font-weight:700;margin-right:.5rem}.plan-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:1rem;transition:background-color .3s ease;width:100%}.plan-button:hover:not(:disabled){background-color:#45a049}.plan-button:disabled{background-color:#ccc;cursor:not-allowed}.plan-button.current-plan{background-color:#666}.error-message{color:red;margin-bottom:1rem;text-align:center}.subscription-loading{color:#666;font-size:1.2rem;margin:2rem 0;text-align:center}.current-plan-display{background-color:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px;text-align:center}.current-plan-display h2{color:#333;margin-bottom:15px}.current-plan-details{align-items:center;display:flex;justify-content:center}.plan-badge{border-radius:20px;font-size:1.1em;font-weight:700;padding:8px 20px;text-transform:uppercase}.plan-badge.default{background-color:#e9ecef;color:#495057}.plan-badge.plus{background-color:#007bff;color:#fff}@media (max-width:768px){.plans-container{align-items:center;flex-direction:column}.plan-card{max-width:100%;width:100%}}:root{--primary-color:#2c7a7b;--primary-light:#4fd1c5;--primary-dark:#1a535c;--secondary-color:#f0f9fa;--accent-color:#f6ad55;--text-dark:#2d3748;--text-light:#718096;--text-white:#fff;--success-color:#48bb78;--warning-color:#f6ad55;--error-color:#e53e3e;--info-color:#4299e1;--patient-color:#4299e1;--doctor-color:#2c7a7b;--staff-color:#4fd1c5;--admin-color:#f6ad55;--card-shadow:0 4px 20px #0000000d;--hover-shadow:0 8px 30px #0000001a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#2d3748;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.home-page{max-width:100%;overflow-x:hidden;width:100%}.btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#2c7a7b;background-color:var(--primary-color);border:none;color:#fff}.btn-primary:hover{background-color:#1a535c;background-color:var(--primary-dark);box-shadow:0 4px 12px #1a535c33;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:1px solid #2c7a7b;border:1px solid var(--primary-color);color:#2c7a7b;color:var(--primary-color)}.btn-secondary:hover{background-color:#2c7a7b0d;transform:translateY(-2px)}.btn-outline{background-color:initial;border:1px solid #2c7a7b;border:1px solid var(--primary-color);color:#2c7a7b;color:var(--primary-color)}.btn-outline:hover{background-color:#2c7a7b0d;transform:translateY(-2px)}.btn-large{font-size:1rem;padding:.85rem 2rem}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2c7a7b,#f6ad55);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:#2d3748;color:var(--text-dark);font-size:2.25rem;font-weight:700;margin-bottom:.75rem;text-align:center}.section-subtitle{color:#718096;color:var(--text-light);font-size:1.125rem;margin:0 auto 3rem;max-width:700px;text-align:center}.home-header{background-color:#fff;box-shadow:0 2px 10px #0000000d;justify-content:space-between;padding:1.5rem 2rem;position:sticky;top:0;z-index:100}.home-header,.logo-container{align-items:center;display:flex}.logo-container{gap:.75rem}.logo-container img{height:40px}.logo-container h1{color:#2c7a7b;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin:0}.home-nav{align-items:center;display:flex;gap:2rem}.nav-link{color:#2d3748;color:var(--text-dark);font-size:.95rem;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:after{background-color:#2c7a7b;background-color:var(--primary-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-link.active,.nav-link:hover{color:#2c7a7b;color:var(--primary-color)}.auth-buttons{display:flex;gap:1rem}.hero-section{grid-gap:2rem;background-color:#f0f9fa;background-color:var(--secondary-color);background-image:radial-gradient(circle at top right,#2c7a7b1a 0,#0000 60%),radial-gradient(circle at bottom left,#f6ad551a 0,#0000 40%);display:grid;gap:2rem;grid-template-columns:1fr 1fr;overflow:hidden;padding:6rem 5rem;position:relative}.hero-section:before{background:linear-gradient(135deg,#4fd1c5,#f6ad55);background:linear-gradient(135deg,var(--primary-light),var(--accent-color));border-radius:50%;content:"";filter:blur(50px);height:200px;opacity:.1;position:absolute;right:-50px;top:-50px;width:200px}.hero-content{display:flex;flex-direction:column;justify-content:center}.hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#2c7a7b,#f6ad55);background:linear-gradient(120deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:#2d3748;color:var(--text-dark);font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{color:#718096;color:var(--text-light);font-size:1.25rem;line-height:1.5;margin-bottom:2.5rem}.hero-buttons{display:flex;gap:1rem}.hero-image,.image-placeholder{align-items:center;display:flex;justify-content:center}.image-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,#4fd1c5,#2c7a7b);background:linear-gradient(135deg,var(--primary-light),var(--primary-color));border-radius:20px;box-shadow:0 8px 30px #0000001a;box-shadow:var(--hover-shadow);max-width:500px;overflow:hidden;position:relative;width:100%}.image-placeholder:before{background:linear-gradient(45deg,#4fd1c5cc,#2c7a7bcc 50%,#f6ad5580);bottom:-10px;content:"";filter:blur(20px);left:-10px;opacity:.7;position:absolute;right:-10px;top:-10px;z-index:0}.placeholder-icon{color:#ffffffe6;font-size:6rem;position:relative;z-index:1}.portals-section{background-color:#fff;overflow:hidden;padding:5rem 2rem;position:relative}.portals-section:before{background:radial-gradient(circle,#4fd1c51a 0,#0000 70%);border-radius:50%;bottom:-100px;content:"";height:300px;left:-100px;position:absolute;width:300px}.portals-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.portal-card{background-color:#fff;border-radius:16px;border-top:4px solid #0000;box-shadow:0 4px 20px #0000000d;box-shadow:var(--card-shadow);display:flex;flex-direction:column;height:100%;padding:2rem;text-align:center;transition:all .3s ease}.portal-card:hover{box-shadow:0 8px 30px #0000001a;box-shadow:var(--hover-shadow);transform:translateY(-8px)}.portal-card:first-child{border-top-color:#4299e1;border-top-color:var(--patient-color)}.portal-card:nth-child(2){border-top-color:#2c7a7b;border-top-color:var(--doctor-color)}.portal-card:nth-child(3){border-top-color:#4fd1c5;border-top-color:var(--staff-color)}.portal-card:nth-child(4){border-top-color:#f6ad55;border-top-color:var(--admin-color)}.portal-icon{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#fff0);border-radius:16px;box-shadow:0 8px 16px #0000001a;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;overflow:hidden;position:relative;width:80px}.portal-icon:before{border-radius:16px;bottom:0;content:"";left:0;opacity:.85;position:absolute;right:0;top:0;z-index:-1}.portal-icon.patient:before{background:linear-gradient(135deg,#4fd1c5,#2c7a7b);background:linear-gradient(135deg,var(--primary-light),var(--primary-color))}.portal-icon.doctor:before{background:linear-gradient(135deg,#4ade80,#2c7a7b);background:linear-gradient(135deg,#4ade80,var(--doctor-color))}.portal-icon.staff:before{background:linear-gradient(135deg,#60a5fa,#4fd1c5);background:linear-gradient(135deg,#60a5fa,var(--staff-color))}.portal-icon.admin:before{background:linear-gradient(135deg,#f9a8d4,#f6ad55);background:linear-gradient(135deg,#f9a8d4,var(--admin-color))}.portal-card h3{color:#2d3748;color:var(--text-dark);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.portal-card p{color:#718096;color:var(--text-light);flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.portal-link{background-color:#f0f9fa;background-color:var(--secondary-color);border-radius:8px;color:#2c7a7b;color:var(--primary-color);display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.portal-card:first-child .portal-link:hover{background-color:#4299e1;background-color:var(--patient-color);color:#fff}.portal-card:nth-child(2) .portal-link:hover{background-color:#2c7a7b;background-color:var(--doctor-color);color:#fff}.portal-card:nth-child(3) .portal-link:hover{background-color:#4fd1c5;background-color:var(--staff-color);color:#fff}.portal-card:nth-child(4) .portal-link:hover{background-color:#f6ad55;background-color:var(--admin-color);color:#fff}.features-section{background-color:#f0f9fa;background-color:var(--secondary-color);overflow:hidden;padding:5rem 2rem;position:relative}.features-section:after{background:radial-gradient(circle at top right,#5a67d80d 0,#0000 60%);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:100%}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;position:relative;z-index:1}.feature-item{background-color:#fff;border-left:4px solid #2c7a7b;border-left:4px solid var(--primary-color);border-radius:16px;box-shadow:0 4px 20px #0000000d;box-shadow:var(--card-shadow);height:100%;padding:2rem;transition:all .3s ease}.feature-item:hover{box-shadow:0 8px 30px #0000001a;box-shadow:var(--hover-shadow);transform:translateY(-5px)}.feature-item:first-child{border-left-color:#2c7a7b;border-left-color:var(--primary-color)}.feature-item:nth-child(2){border-left-color:#4299e1;border-left-color:var(--info-color)}.feature-item:nth-child(3){border-left-color:#48bb78;border-left-color:var(--success-color)}.feature-item:nth-child(4){border-left-color:#f6ad55;border-left-color:var(--accent-color)}.feature-icon{align-items:center;background-color:#4f46e51a;border-radius:12px;color:#2c7a7b;color:var(--primary-color);display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.feature-item:first-child .feature-icon{background-color:#2c7a7b1a;color:#2c7a7b;color:var(--primary-color)}.feature-item:nth-child(2) .feature-icon{background-color:#4fd1c51a;color:#4fd1c5;color:var(--primary-light)}.feature-item:nth-child(3) .feature-icon{background-color:#48bb781a;color:#48bb78;color:var(--success-color)}.feature-item:nth-child(4) .feature-icon{background-color:#f6ad551a;color:#f6ad55;color:var(--accent-color)}.feature-item h3{color:#2d3748;color:var(--text-dark);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.feature-item p{color:#718096;color:var(--text-light);font-size:.95rem;line-height:1.6}.cta-section{background:linear-gradient(135deg,#2c7a7b,#1a535c);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;overflow:hidden;padding:6rem 2rem;position:relative;text-align:center}.cta-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.cta-content{margin:0 auto;max-width:700px;position:relative;z-index:1}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.cta-content p{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.cta-section .btn-primary{background-color:#fff;color:#2c7a7b;color:var(--primary-color)}.cta-section .btn-primary:hover{background-color:#ffffffe6;box-shadow:0 6px 15px #0000001a;transform:translateY(-2px)}.home-footer{background-color:#1e293b;color:#fff;overflow:hidden;padding:4rem 2rem 2rem;position:relative}.home-footer:before{background:linear-gradient(90deg,#4fd1c5,#2c7a7b,#f6ad55,#4fd1c5);background:linear-gradient(90deg,var(--primary-light),var(--primary-color),var(--accent-color),var(--primary-light));content:"";height:5px;left:0;position:absolute;top:0;width:100%}.footer-content{display:flex;flex-wrap:wrap;gap:3rem;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.footer-brand{max-width:300px}.footer-logo{height:40px}.footer-brand h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4fd1c5,#f6ad55);background:linear-gradient(90deg,var(--primary-light),var(--accent-color));-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.footer-brand p{font-size:.95rem;line-height:1.6;opacity:.7}.footer-links{display:flex;flex-wrap:wrap;gap:3rem}.footer-link-group{display:flex;flex-direction:column;gap:.75rem}.footer-link-group h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-link-group a{color:#ffffffb3;font-size:.95rem;padding-left:0;position:relative;text-decoration:none;transition:all .3s ease}.footer-link-group a:hover{color:#fff;padding-left:5px}.footer-bottom{border-top:1px solid #ffffff1a;color:#ffffff80;font-size:.875rem;margin:0 auto;max-width:1200px;padding-top:2rem;text-align:center}@media (max-width:1024px){.hero-section{padding:5rem 2rem}.hero-content h1{font-size:3rem}}@media (max-width:768px){.home-header{flex-direction:column;gap:1rem;padding:1rem}.home-nav{justify-content:flex-start;order:3;overflow-x:auto;padding-bottom:.5rem;width:100%}.hero-section{grid-template-columns:1fr;padding:3rem 1.5rem;text-align:center}.hero-content h1{font-size:2.5rem}.hero-buttons{justify-content:center}.image-placeholder{max-width:100%}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.footer-content{flex-direction:column;gap:2rem}.footer-brand{max-width:100%;text-align:center}.footer-links{justify-content:space-between;width:100%}}@media (max-width:480px){.home-header{padding:1rem}.auth-buttons{justify-content:center;width:100%}.hero-content h1{font-size:2rem}.hero-buttons{flex-direction:column;gap:1rem}.footer-links{flex-direction:column;gap:2rem}.features-grid,.portals-grid{grid-template-columns:1fr}}.btn-icon{font-size:.9em;margin-right:6px}.logo-icon{color:#2c7a7b;color:var(--primary-color);font-size:2rem;margin-right:.5rem}.portal-login-card{background:linear-gradient(135deg,#2c7a7b,#1a535c);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:16px;box-shadow:0 8px 30px #0000001a;box-shadow:var(--hover-shadow);color:#fff;margin:0 auto 3rem;max-width:900px;overflow:hidden;padding:2.5rem;position:relative;text-align:center}.portal-login-card:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:0}.login-card-content{position:relative;z-index:1}.login-card-content h3{font-size:1.8rem;font-weight:700;margin-bottom:1rem}.login-card-content p{font-size:1.1rem;line-height:1.6;margin:0 auto 2rem;max-width:700px;opacity:.9}.login-card-content .btn{background-color:#fff;box-shadow:0 4px 15px #0000001a;color:#2c7a7b;color:var(--primary-color);font-size:1.1rem;padding:.8rem 2rem}.login-card-content .btn:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.portal-features{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:auto}.portal-features span{background-color:#2c7a7b1a;border-radius:20px;color:#2c7a7b;color:var(--primary-color);font-size:.75rem;font-weight:500;padding:.3rem .8rem}.portal-card:first-child .portal-features span{background-color:#7f9cf51a;color:#4299e1;color:var(--patient-color)}.portal-card:nth-child(2) .portal-features span{background-color:#48bb781a;color:#2c7a7b;color:var(--doctor-color)}.portal-card:nth-child(3) .portal-features span{background-color:#4299e11a;color:#4fd1c5;color:var(--staff-color)}.portal-card:nth-child(4) .portal-features span{background-color:#f687b31a;color:#f6ad55;color:var(--admin-color)}.cta-buttons{display:flex;gap:1rem;justify-content:center}.cta-section .btn-secondary{background-color:#ffffff26;border:1px solid #ffffff4d;color:#fff}.cta-section .btn-secondary:hover{background-color:#ffffff40;transform:translateY(-2px)}.footer-logo{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}@media (max-width:768px){.portal-login-card{padding:2rem 1.5rem}.login-card-content h3{font-size:1.5rem}.login-card-content p{font-size:1rem}.cta-buttons{flex-direction:column}}@media (max-width:480px){.portal-features{align-items:center;flex-direction:column}}:root{--primary-chat-color:#2c7a7b;--secondary-chat-color:#4fd1c5;--dark-chat-color:#1a535c;--accent-chat-color:#f6ad55;--text-chat-dark:#2d3748;--text-chat-light:#718096;--text-chat-white:#fff;--background-chat-light:#f7fafc;--bot-message-bg:#e6f6f7;--user-message-bg:#2c7a7b;--chat-shadow:0 10px 25px #0000001a;--chat-border-radius:16px;--warning-color:#feb2b240;--assessment-color:#4fd1c533;--recommendations-color:#9ae6b440;--vitals-color:#90cdf433}.message-text strong{font-weight:700}.message-text em{font-style:italic}.message-text u{text-decoration:underline}.section-content p,.simple-message div{line-height:1.5}.live-chat-button{align-items:center;background-color:#2c7a7b;background-color:var(--primary-chat-color);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 15px #0003;color:#fff;color:var(--text-chat-white);cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:60px;z-index:999}.live-chat-button:hover{background-color:#1a535c;background-color:var(--dark-chat-color);box-shadow:0 8px 20px #00000040;transform:translateY(-5px)}.live-chat-container{background-color:#fff;background-color:var(--text-chat-white);border-radius:16px;border-radius:var(--chat-border-radius);bottom:100px;box-shadow:0 10px 25px #0000001a;box-shadow:var(--chat-shadow);display:flex;flex-direction:column;height:500px;overflow:hidden;position:fixed;right:30px;transition:all .3s ease;width:350px;z-index:998}.model-selector-container{align-items:center;background-color:#f0f9f9;border-top:1px solid #e2e8f0;display:flex;padding:0 12px}.model-selector-label{margin-right:8px}.model-selector,.model-selector-label{color:#2d3748;color:var(--text-chat-dark);font-size:12px}.model-selector{background-color:#fff;border:1px solid #cbd5e0;border-radius:4px;flex-grow:1;margin:6px 0;padding:4px 8px}.live-chat-container.maximized{border-radius:0;bottom:0;box-shadow:none;height:100%;left:0;right:0;top:0;width:100%}.live-chat-header{align-items:center;background-color:#2c7a7b;background-color:var(--primary-chat-color);border-top-left-radius:16px;border-top-left-radius:var(--chat-border-radius);border-top-right-radius:16px;border-top-right-radius:var(--chat-border-radius);color:#fff;color:var(--text-chat-white);display:flex;justify-content:space-between;padding:15px 20px}.live-chat-container.maximized .live-chat-header{border-radius:0}.live-chat-header h3{font-size:1.1rem;font-weight:600;margin:0}.header-buttons{align-items:center;display:flex;gap:10px}.close-button,.maximize-button{align-items:center;background:none;border:none;color:#fff;color:var(--text-chat-white);cursor:pointer;display:flex;font-size:20px;justify-content:center;opacity:.8;padding:0;transition:opacity .2s ease}.close-button:hover,.maximize-button:hover{opacity:1}.live-chat-messages{background-color:#f7fafc;background-color:var(--background-chat-light);display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.message-container{align-items:flex-start;display:flex;margin-bottom:5px;max-width:100%}.bot-message{justify-content:flex-start}.user-message{justify-content:flex-end}.message-container.system-message{justify-content:center;margin:15px 0}.message.system{background-color:#cbd5e04d;border-radius:30px;box-shadow:0 1px 3px #0000001a;color:#718096;color:var(--text-chat-light);font-size:.8rem;max-width:fit-content;padding:8px 16px;text-align:center}.message{word-wrap:break-word;border-radius:18px;max-width:80%;padding:12px 16px;position:relative}.message.bot{background-color:#e6f6f7;background-color:var(--bot-message-bg);border-bottom-left-radius:5px;color:#2d3748;color:var(--text-chat-dark);margin-right:auto}.message.user{background-color:#2c7a7b;background-color:var(--user-message-bg);border-bottom-right-radius:5px;color:#fff;color:var(--text-chat-white);margin-left:auto}.message-text{font-size:.95rem;line-height:1.4}.message-time{font-size:.7rem;margin-top:5px;opacity:.7;text-align:right}.message-avatar{align-items:center;background-color:#e2e8f0;border-radius:50%;display:flex;height:30px;justify-content:center;margin:0 8px;overflow:hidden;width:30px}.message-avatar img{height:100%;object-fit:cover;width:100%}.message-avatar.user{background-color:#4fd1c5;background-color:var(--secondary-chat-color);color:#fff;color:var(--text-chat-white);font-size:16px}.medical-advice-card{display:flex;flex-direction:column;gap:8px;width:100%}.advice-section{border-radius:8px;overflow:hidden;transition:all .3s ease}.section-header{align-items:center;background-color:#2c7a7b1a;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .2s ease}.section-header:hover{background-color:#2c7a7b26}.section-header h3{font-size:.9rem;font-weight:600;margin:0}.section-header h3,.toggle-button{color:#2c7a7b;color:var(--primary-chat-color)}.toggle-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0;transition:transform .2s ease}.section-content{background-color:#ffffffb3;max-height:0;overflow:hidden;padding:0 12px;transition:max-height .3s ease,padding .3s ease}.section-content.expanded{max-height:500px;padding:8px 12px}.section-content.no-header{max-height:none;padding:8px 12px}.section-content p{font-size:.85rem;line-height:1.4;margin:6px 0}.simple-message{width:100%}.simple-message div{font-size:.95rem;line-height:1.4;margin:4px 0}.section-header-warning{background-color:#feb2b240;background-color:var(--warning-color)}.section-header-assessment{background-color:#4fd1c533;background-color:var(--assessment-color)}.section-header-recommendations{background-color:#9ae6b440;background-color:var(--recommendations-color)}.section-header-vitals{background-color:#90cdf433;background-color:var(--vitals-color)}.message.typing{background-color:#e6f6f7;background-color:var(--bot-message-bg);border-radius:18px;min-width:60px;padding:12px 16px;width:auto}.typing-indicator{align-items:center;display:flex;gap:4px;justify-content:center}.typing-indicator span{animation:typingBounce 1.4s ease-in-out infinite;background-color:#718096;background-color:var(--text-chat-light);border-radius:50%;display:block;height:8px;opacity:.6;width:8px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.typing-message{color:#2d3748;color:var(--text-chat-dark);font-size:12px;line-height:1.4;margin-top:8px;opacity:.8;text-align:center}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.live-chat-input{align-items:center;background-color:#fff;background-color:var(--text-chat-white);border-top:1px solid #0000000d;display:flex;padding:15px}.live-chat-input input{border:1px solid #0000001a;border-radius:25px;flex:1 1;font-size:.95rem;outline:none;padding:12px 15px;transition:all .2s ease}.live-chat-input input:focus{border-color:#2c7a7b;border-color:var(--primary-chat-color);box-shadow:0 0 0 2px #2c7a7b33}.live-chat-input button{align-items:center;background-color:#2c7a7b;background-color:var(--primary-chat-color);border:none;border-radius:50%;color:#fff;color:var(--text-chat-white);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;margin-left:10px;transition:all .2s ease;width:40px}.live-chat-input button:hover:not(.disabled){background-color:#1a535c;background-color:var(--dark-chat-color);transform:scale(1.05)}.live-chat-input button.disabled{background-color:#cbd5e0;cursor:not-allowed;opacity:.7}@media (max-width:480px){.live-chat-container:not(.maximized){border-radius:0;border-top-left-radius:16px;border-top-left-radius:var(--chat-border-radius);border-top-right-radius:16px;border-top-right-radius:var(--chat-border-radius);bottom:0;height:80vh;right:0;width:100%}.live-chat-button{bottom:20px;height:50px;right:20px;width:50px}}.session-conflict-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.session-conflict-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e1e5e9;color:#fff;padding:24px}.header-icon,.modal-header{align-items:center;display:flex}.header-icon{background:#fff3;border-radius:12px;justify-content:center;margin-right:16px;padding:12px}.header-icon svg{height:24px;width:24px}.header-content{flex:1 1}.header-content h2{font-size:1.5rem;font-weight:600;margin:0 0 4px}.header-content p{font-size:.9rem;margin:0;opacity:.9}.close-button{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;transition:background-color .2s}.close-button:hover{background:#fff3}.close-button svg{height:20px;width:20px}.modal-content{flex:1 1;overflow-y:auto;padding:24px}.warning-section{align-items:flex-start;background:#fff8e1;border:1px solid #ffcc02;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.warning-icon{color:#f57c00;flex-shrink:0;height:20px;margin-top:2px;width:20px}.warning-section p{color:#5d4e0c;font-size:.9rem;line-height:1.5;margin:0}.sessions-list h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 16px}.session-item{align-items:center;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .2s}.session-item:hover{background-color:#f9fafb;border-color:#d1d5db}.session-item.selected{background-color:#f0f4ff;border-color:#667eea}.session-item.current-session{cursor:default}.session-item.current-session,.session-item.current-session:hover{background-color:#f0fdf4;border-color:#10b981}.session-info{align-items:center;display:flex;flex:1 1}.session-indicator{border-radius:50%;flex-shrink:0;height:12px;margin-right:12px;width:12px}.session-details{flex:1 1}.session-title{align-items:center;display:flex;gap:12px;margin-bottom:4px}.session-title strong{color:#111827;font-size:.95rem}.session-portal{background:#e5e7eb;border-radius:6px;color:#374151;font-size:.75rem;font-weight:500;padding:2px 8px}.session-meta{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:12px}.session-role{background:#f3f4f6;padding:2px 6px}.session-actions{align-items:center;display:flex;gap:8px}.current-badge{background:#10b981;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px}.switch-button{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s}.switch-button:hover{background:#5a67d8}.switch-button svg{height:14px;width:14px}.modal-footer{background:#f9fafb;border-top:1px solid #e1e5e9;padding:24px}.dismiss-button{background:#374151;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:12px;padding:12px 24px;transition:background-color .2s;width:100%}.dismiss-button:hover{background:#111827}.footer-info{text-align:center}.footer-info small{color:#6b7280;line-height:1.4}@media (max-width:768px){.session-conflict-overlay{padding:16px}.session-conflict-modal{max-height:90vh;max-width:100%}.modal-header{padding:20px}.header-content h2{font-size:1.3rem}.modal-content{padding:20px}.session-item{padding:12px}.session-meta{align-items:flex-start;flex-direction:column;gap:4px}.switch-button{font-size:.8rem;padding:6px 12px}}.debug-toggle-btn{align-items:center;background:#667eea;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:50px;justify-content:center;left:20px;position:fixed;transition:all .2s;width:50px;z-index:9999}.debug-toggle-btn:hover{background:#5a67d8;box-shadow:0 6px 16px #667eea66;transform:scale(1.1)}.session-debugger{background:#fff;border:2px solid #e1e5e9;border-radius:12px;bottom:20px;box-shadow:0 20px 40px #0000004d;left:20px;max-height:70vh;max-width:90vw;overflow:hidden;position:fixed;width:400px;z-index:10000}.debugger-header{align-items:center;background:#667eea;color:#fff;display:flex;justify-content:space-between;padding:16px}.debugger-header h3{font-size:1.1rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;width:24px}.close-btn:hover{background:#fff3}.debugger-content{max-height:60vh;overflow-y:auto;padding:16px}.debug-section{border-bottom:1px solid #e1e5e9;margin-bottom:20px;padding-bottom:16px}.debug-section:last-child{border-bottom:none;margin-bottom:0}.debug-section h4{align-items:center;color:#333;display:flex;font-size:1rem;gap:8px;margin:0 0 12px}.debug-section.warning{background:#fff8e1;border:1px solid #ffcc02;border-radius:8px;padding:12px}.debug-section.warning h4{color:#f57c00}.debug-item{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px;padding:4px 0}.debug-item strong{color:#555;min-width:100px}.session-debug-item{background:#f8f9fa;border:2px solid #0000;border-radius:8px;margin-bottom:8px;padding:10px}.session-debug-item.current{background:#f0fdf4;border-color:#10b981}.session-debug-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.session-role{background:#e5e7eb;border-radius:4px;color:#374151;font-size:.75rem;font-weight:500;padding:2px 8px;text-transform:capitalize}.session-debug-details{display:flex;flex-direction:column;gap:2px}.session-debug-details small{color:#6b7280;font-size:.8rem}.debug-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.debug-btn{align-items:center;background:#374151;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:8px 12px;transition:background-color .2s}.debug-btn:hover{background:#111827}.debug-btn.danger{background:#dc2626}.debug-btn.danger:hover{background:#b91c1c}.instructions{background:#f0f4ff;border-radius:8px;padding:12px}.instructions h4{color:#1e40af;margin-bottom:8px}.instructions ol{color:#374151;margin:0;padding-left:20px}.instructions li{font-size:.85rem;line-height:1.4;margin-bottom:4px}.confirm-overlay{align-items:center;background:#00000080;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.confirm-dialog{background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000004d;max-width:300px;padding:20px;text-align:center}.confirm-dialog h4{color:#dc2626;margin:0 0 12px}.confirm-dialog p{color:#374151;font-size:.9rem;margin:0 0 16px}.confirm-actions{display:flex;gap:8px;justify-content:center}.confirm-actions .debug-btn{min-width:80px}@media (max-width:768px){.session-debugger{bottom:10px;right:2.5vw;width:95vw}.debug-actions{flex-direction:column}.debug-btn{justify-content:center}}
/*# sourceMappingURL=main.a1612faf.css.map*/