.header{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);gap:var(--spacing-sm)}.logo{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;flex-shrink:0}.logo-icon{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.heart-icon{width:32px;height:32px;color:var(--color-red-primary);fill:var(--color-red-light);stroke-width:1.5}.cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:700;color:var(--color-white);text-shadow:0 1px 2px rgba(0,0,0,.2)}.logo-text{display:flex;flex-direction:column}.logo-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-green-primary);line-height:1.1}.logo-subtitle{font-size:.625rem;color:var(--color-gold-primary);font-weight:500}.header-nav{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-md);color:var(--color-gray-600);transition:all .2s ease}.nav-btn:hover{background-color:var(--color-gray-100);color:var(--color-green-primary)}.nav-btn.loading{cursor:default}.spinner-small{width:16px;height:16px;border:2px solid var(--color-gray-200);border-top-color:var(--color-green-primary);border-radius:50%;animation:spin 1s linear infinite}.login-btn{background-color:var(--color-green-primary);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm)}.login-btn:hover{background-color:var(--color-green-dark);color:var(--color-white)}.login-text{font-weight:600;font-size:.75rem}.user-menu{display:flex;align-items:center;gap:2px}.user-btn{background:var(--color-gray-100);padding:var(--spacing-xs);gap:var(--spacing-xs)}.user-btn:hover{background:var(--color-gray-200)}.user-avatar-small{width:24px;height:24px;border-radius:50%;background:var(--color-green-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center}.user-avatar-small svg{width:14px;height:14px}.user-name{font-weight:600;font-size:.75rem;color:var(--color-gray-700);display:none}.dashboard-btn{background:#2e7d321a;color:var(--color-green-primary)}.dashboard-btn:hover{background:#2e7d3233}.logout-btn-header:hover{background:#c628281a;color:var(--color-red-primary)}@media(min-width:640px){.header-content{padding:var(--spacing-sm) var(--spacing-md)}.user-name{display:inline}.logo-title{font-size:1.25rem}.logo-subtitle{font-size:.75rem}.logo-icon{width:44px;height:44px}.heart-icon{width:38px;height:38px}}@media(min-width:768px){.header-nav{gap:var(--spacing-sm)}}.site-footer{margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0 var(--spacing-xl);border-top:1px solid var(--color-gray-200)}.site-footer-inner{text-align:center}.site-footer-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}.site-footer-nav a{color:var(--color-green-primary);font-weight:600;text-decoration:none}.site-footer-nav a:hover{text-decoration:underline;text-underline-offset:2px}.site-footer-sep{color:var(--color-gray-400);-webkit-user-select:none;user-select:none}.site-footer-note{margin-top:var(--spacing-sm);font-size:.75rem;color:var(--color-gray-600);max-width:560px;margin-left:auto;margin-right:auto;line-height:1.45}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:1100;padding:var(--spacing-md);background:linear-gradient(180deg,rgba(250,250,250,.96) 0%,var(--color-white) 100%);border-top:1px solid var(--color-gray-200);box-shadow:0 -8px 24px #00000014}.cookie-banner-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md)}@media(min-width:768px){.cookie-banner-inner{flex-direction:row;align-items:center;justify-content:space-between}}.cookie-banner-title{font-size:1rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.cookie-banner-text{font-size:.875rem;color:var(--color-gray-700);max-width:720px}.cookie-banner-text a{color:var(--color-green-primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}.cookie-banner-text a:hover{color:var(--color-green-dark)}.cookie-banner-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);flex-shrink:0}.cookie-btn{border-radius:var(--radius-full);font-weight:600;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border:2px solid transparent;transition:background .2s ease,color .2s ease,border-color .2s ease}.cookie-btn-primary{background:var(--color-green-primary);color:var(--color-white);border-color:var(--color-green-primary)}.cookie-btn-primary:hover{background:var(--color-green-dark);border-color:var(--color-green-dark)}.cookie-btn-secondary{background:var(--color-white);color:var(--color-green-primary);border-color:var(--color-green-primary)}.cookie-btn-secondary:hover{background:var(--color-gray-50)}.category-tabs{display:flex;gap:2px;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-gray-200);background:var(--color-white);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(var(--spacing-sm) * -1);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.category-tabs::-webkit-scrollbar{display:none}.category-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-xs) var(--spacing-sm);min-width:64px;border-radius:var(--radius-md);color:var(--color-gray-500);transition:all .2s ease;flex-shrink:0;position:relative}.category-tab:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:2px;background-color:var(--color-green-primary);border-radius:var(--radius-full);transition:width .2s ease}.category-tab:hover{color:var(--color-gray-700)}.category-tab:active{transform:scale(.95)}.category-tab.active{color:var(--color-gray-900)}.category-tab.active:after{width:100%}.category-icon{stroke-width:1.5;width:20px;height:20px}.category-tab.active .category-icon{color:var(--color-green-primary)}.category-name{font-size:.625rem;font-weight:500;white-space:nowrap}@media(min-width:640px){.category-tabs{gap:var(--spacing-sm);justify-content:flex-start;margin:0;padding-left:0;padding-right:0}.category-tab{min-width:80px;padding:var(--spacing-sm) var(--spacing-md)}.category-name{font-size:.75rem}.category-icon{width:24px;height:24px}}.specialty-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.specialty-list-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-500)}.specialty-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-white);border-radius:var(--radius-md);text-align:left;transition:all .2s ease;border:1px solid transparent;width:100%}.specialty-item:hover{border-color:var(--color-green-light);box-shadow:var(--shadow-sm)}.specialty-item:active{transform:scale(.98)}.specialty-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-gray-600);flex-shrink:0}.specialty-item:hover .specialty-icon{background:#2e7d321a;color:var(--color-green-primary)}.specialty-name{flex:1;font-size:.8125rem;font-weight:500;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.specialty-doctors{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.doctor-avatars{display:flex}.avatar-placeholder{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--color-gray-200),var(--color-gray-300));border:2px solid var(--color-white);margin-right:-6px;position:relative}.online-dot{position:absolute;bottom:-1px;right:-1px;width:6px;height:6px;background-color:var(--color-available);border:1px solid var(--color-white);border-radius:50%}.more-doctors{font-size:.6875rem;font-weight:600;color:var(--color-gray-500);background:var(--color-gray-100);padding:2px 6px;border-radius:var(--radius-full);margin-left:var(--spacing-xs)}.specialty-section{margin-bottom:var(--spacing-md)}.specialty-section-title{font-size:.75rem;font-weight:600;color:var(--color-gold-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs);padding-left:var(--spacing-xs)}@media(min-width:1024px){.specialty-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}@media(min-width:1280px){.specialty-list{grid-template-columns:repeat(3,1fr)}}.consultation-modal{background:var(--color-white);border-radius:var(--radius-xl);width:calc(100% - 32px);max-width:400px;max-height:90vh;overflow-y:auto;padding:var(--spacing-lg);position:relative;animation:slideUp .3s ease}.consultation-modal.triage-modal{max-width:520px}.consultation-modal .close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);background:var(--color-gray-100);transition:all .2s ease}.consultation-modal .close-btn:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.consultation-modal .modal-header{text-align:center;margin-bottom:var(--spacing-md);padding-right:var(--spacing-lg)}.modal-icon{width:56px;height:56px;margin:0 auto var(--spacing-sm);background:linear-gradient(135deg,var(--color-green-primary),var(--color-green-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white)}.consultation-modal .modal-header h2{font-size:1.125rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.consultation-modal .doctor-info{font-size:.875rem;color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.consultation-modal .doctor-info strong{color:var(--color-green-primary)}.specialty-tag{display:inline-block;padding:4px 12px;background:#2e7d321a;color:var(--color-green-primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.triage-progress{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.4;transition:all .3s ease}.progress-step.active{opacity:1}.progress-step .step-icon{width:32px;height:32px;border-radius:50%;background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);transition:all .3s ease}.progress-step.active .step-icon,.progress-step.completed .step-icon{background:var(--color-green-primary);color:var(--color-white)}.progress-step span{font-size:.6875rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px}.progress-step.active span{color:var(--color-green-primary)}.progress-line{width:40px;height:2px;background:var(--color-gray-200);margin-bottom:20px}.triage-step{min-height:280px}.triage-step h3{font-size:1rem;font-weight:700;color:var(--color-gray-800);margin-bottom:var(--spacing-md);text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.consultation-modal .input-group{margin-bottom:var(--spacing-md)}.consultation-modal .input-group label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;font-weight:600;color:var(--color-gray-700);margin-bottom:6px}.consultation-modal .input-group .required{color:var(--color-red-primary)}.consultation-modal .input-group .optional{font-weight:400;color:var(--color-gray-400);font-size:.75rem}.consultation-modal input[type=text],.consultation-modal input[type=number]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.9375rem;font-family:inherit;transition:border-color .2s ease}.consultation-modal input:focus{outline:none;border-color:var(--color-green-primary);box-shadow:0 0 0 3px #2e7d321a}.consultation-modal textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:.9375rem;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s ease}.consultation-modal textarea:focus{outline:none;border-color:var(--color-green-primary);box-shadow:0 0 0 3px #2e7d321a}.consultation-modal textarea::placeholder,.consultation-modal input::placeholder{color:var(--color-gray-400)}.char-count{display:block;text-align:right;font-size:.75rem;color:var(--color-gray-400);margin-top:4px}.input-row.three-cols{grid-template-columns:1fr 1fr 1fr}.radio-group{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.radio-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--color-gray-600);background:var(--color-white);transition:all .2s ease;cursor:pointer}.radio-btn:hover{border-color:var(--color-green-primary);color:var(--color-green-primary)}.radio-btn.selected{border-color:var(--color-green-primary);background:#2e7d321a;color:var(--color-green-primary)}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.checkbox-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:2px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--color-gray-600);background:var(--color-white);transition:all .2s ease;cursor:pointer}.checkbox-btn:hover{border-color:var(--color-green-primary)}.checkbox-btn.selected{border-color:var(--color-green-primary);background:var(--color-green-primary);color:var(--color-white)}.severity-slider{padding:var(--spacing-xs) 0}.severity-slider input[type=range]{width:100%;height:8px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--color-green-primary) 0%,var(--color-gold-primary) 50%,var(--color-red-primary) 100%);appearance:none;cursor:pointer}.severity-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-white);border:3px solid var(--color-green-primary);box-shadow:var(--shadow-md);cursor:pointer}.severity-labels{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xs);font-size:.75rem;color:var(--color-gray-500)}.severity-value{font-size:1.25rem;font-weight:700;color:var(--color-gray-800);background:var(--color-gray-100);padding:4px 12px;border-radius:var(--radius-md)}.urgency-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.urgency-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);text-align:left;transition:all .2s ease;cursor:pointer}.urgency-btn:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.urgency-icon{font-size:1.5rem}.urgency-content{display:flex;flex-direction:column;gap:2px}.urgency-content strong{font-size:.9375rem;color:var(--color-gray-800)}.urgency-content span{font-size:.75rem;color:var(--color-gray-500)}.urgency-btn.urgent.selected{border-color:var(--color-red-primary);background:#c628280d}.urgency-btn.moderate.selected{border-color:var(--color-gold-primary);background:#c5a0280d}.urgency-btn.routine.selected{border-color:var(--color-green-primary);background:#2e7d320d}.payment-notice{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid rgba(255,152,0,.3);border-radius:var(--radius-lg);margin-top:var(--spacing-md);color:#e65100}.payment-notice svg{flex-shrink:0;margin-top:2px}.payment-notice-content{display:flex;flex-direction:column;gap:4px}.payment-notice-content strong{font-size:.875rem;color:#e65100}.payment-notice-content span{font-size:.75rem;color:#ff8f00;line-height:1.4}.consultation-modal .error-message{padding:var(--spacing-sm) var(--spacing-md);background:#c628281a;color:var(--color-red-primary);border-radius:var(--radius-md);font-size:.8125rem;margin-top:var(--spacing-sm);text-align:center}.triage-navigation{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;transition:all .2s ease}.nav-btn.back{background:var(--color-gray-100);color:var(--color-gray-700);flex:0 0 auto;padding:var(--spacing-md) var(--spacing-lg)}.nav-btn.back:hover{background:var(--color-gray-200)}.nav-btn.next,.nav-btn.submit{background:linear-gradient(135deg,var(--color-green-primary),var(--color-green-dark));color:var(--color-white);box-shadow:0 2px 8px #2e7d324d}.nav-btn.next:hover:not(:disabled),.nav-btn.submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2e7d3266}.nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:480px){.consultation-modal.triage-modal{padding:var(--spacing-md)}.input-row{grid-template-columns:1fr}.input-row.three-cols{grid-template-columns:1fr 1fr}.progress-step span{display:none}.triage-progress{gap:var(--spacing-sm)}.progress-line{width:24px;margin-bottom:0}}.doctor-list-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.doctor-list-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.back-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:44px;height:44px;padding:0 var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-white);border:2px solid var(--color-gray-200);color:var(--color-gray-700);font-weight:600;font-size:.875rem;transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.back-btn:hover{background:var(--color-green-primary);border-color:var(--color-green-primary);color:var(--color-white);box-shadow:var(--shadow-md)}.specialty-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#2e7d321a;border-radius:var(--radius-full);color:var(--color-green-primary);font-weight:600;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 50px)}.first-available{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-lg);border:2px solid var(--color-green-light);cursor:pointer;transition:all .2s ease}.first-available:hover{box-shadow:var(--shadow-md)}.first-available-top{display:flex;gap:var(--spacing-sm);align-items:flex-start}.first-available-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-gray-600);flex-shrink:0}.first-available-content{flex:1;min-width:0}.first-available-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:2px}.first-available-header h3{font-size:.875rem;font-weight:700;color:var(--color-gray-900)}.online-indicator{width:8px;height:8px;background-color:var(--color-available);border-radius:50%;flex-shrink:0}.first-available-desc{font-size:.75rem;color:var(--color-gray-600);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.first-available-time{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.6875rem;color:var(--color-gray-500);margin-top:var(--spacing-xs)}.chat-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-green-primary);color:var(--color-white);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;transition:all .2s ease;width:100%}.chat-btn:hover{background:var(--color-green-dark)}.doctor-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.doctor-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-lg);transition:all .2s ease;border:1px solid var(--color-gray-100)}.doctor-card:hover{border-color:var(--color-green-light);box-shadow:var(--shadow-sm)}.doctor-card-top{display:flex;gap:var(--spacing-sm);align-items:flex-start}.doctor-avatar{position:relative;width:48px;height:48px;flex-shrink:0}.doctor-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--color-gray-200),var(--color-gray-300));display:flex;align-items:center;justify-content:center;color:var(--color-gray-500)}.avatar-placeholder-large svg{width:24px;height:24px}.availability-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;background-color:var(--color-available);border:2px solid var(--color-white);border-radius:50%}.doctor-info{flex:1;min-width:0}.doctor-name-row{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:2px}.availability-indicator{width:6px;height:6px;background-color:var(--color-available);border-radius:50%;flex-shrink:0}.doctor-name{font-size:.875rem;font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doctor-hospital{font-size:.75rem;color:var(--color-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doctor-city{font-size:.75rem;color:var(--color-gray-500);margin-bottom:var(--spacing-xs)}.doctor-stats{display:flex;align-items:center;gap:var(--spacing-md)}.stat{display:flex;align-items:center;gap:2px;font-size:.6875rem;color:var(--color-gray-500)}.stat.rating{color:var(--color-green-primary)}.stat.rating svg{color:var(--color-green-primary)}.stat svg{width:12px;height:12px}.loading-doctors{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);text-align:center;color:var(--color-gray-500)}.loading-doctors .spinner{animation:spin 1s linear infinite;color:var(--color-green-primary);margin-bottom:var(--spacing-sm)}.loading-doctors p{font-size:.875rem}.no-doctors-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);text-align:center;background:var(--color-white);border-radius:var(--radius-lg);border:1px dashed var(--color-gray-300)}.no-doctors-message svg{color:var(--color-gray-400);margin-bottom:var(--spacing-md)}.no-doctors-message h3{font-size:1rem;font-weight:700;color:var(--color-gray-800);margin-bottom:var(--spacing-xs)}.no-doctors-message p{font-size:.875rem;color:var(--color-gray-600);line-height:1.5;margin-bottom:var(--spacing-xs)}.no-doctors-message strong{color:var(--color-green-primary)}.back-btn-large{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-green-primary);color:var(--color-white);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;transition:all .2s ease;margin-top:var(--spacing-md)}.back-btn-large:hover{background:var(--color-green-dark)}@media(min-width:768px){.doctor-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.first-available{flex-direction:row;align-items:center}.first-available-top{flex:1}.chat-btn{width:auto}}.quick-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.quick-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-white);border-radius:var(--radius-lg);text-align:left;transition:all .2s ease;border:1px solid var(--color-gray-200);width:100%}.quick-option:hover{border-color:var(--color-green-primary);box-shadow:var(--shadow-sm)}.quick-option:active{transform:scale(.98)}.quick-option-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-gray-600);flex-shrink:0}.specialty-icon{background:#2e7d321a;color:var(--color-green-primary)}.analysis-icon{background:#c5a0281a;color:var(--color-gold-primary)}.second-opinion-icon{background:#c628281a;color:var(--color-red-primary)}.quick-option-content{flex:1;min-width:0}.quick-option-title{font-size:.875rem;font-weight:600;color:var(--color-gray-900);margin-bottom:2px}.quick-option-desc{font-size:.75rem;color:var(--color-gray-600);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quick-option-modal{background:var(--color-white);border-radius:var(--radius-xl);width:calc(100% - 32px);max-width:400px;max-height:90vh;overflow-y:auto;padding:var(--spacing-lg);position:relative;animation:slideUp .3s ease}.quick-option-modal .close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500)}.quick-option-modal .close-btn:hover{background:var(--color-gray-100)}.quick-option-modal .modal-header{text-align:center;margin-bottom:var(--spacing-md);padding-right:var(--spacing-lg)}.quick-option-modal .modal-header h2{font-size:1.125rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.quick-option-modal .modal-header p{font-size:.8125rem;color:var(--color-gray-600)}.quick-option-modal .modal-body{margin-bottom:var(--spacing-md)}.quick-option-modal textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;resize:vertical;min-height:120px}.quick-option-modal textarea:focus{outline:none;border-color:var(--color-green-primary);box-shadow:0 0 0 3px #2e7d321a}.quick-option-modal textarea::placeholder{color:var(--color-gray-400)}.quick-option-modal .submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-green-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600}.quick-option-modal .submit-btn:hover:not(:disabled){background:var(--color-green-dark)}.quick-option-modal .submit-btn:disabled{opacity:.6;cursor:not-allowed}.quick-option-modal .error-message{padding:var(--spacing-sm);background:#d32f2f1a;border:1px solid rgba(211,47,47,.3);border-radius:var(--radius-md);color:var(--color-red-primary);font-size:.875rem;margin-bottom:var(--spacing-sm);text-align:center}.confirmation-content{text-align:center;padding:var(--spacing-md) 0}.confirm-icon{width:64px;height:64px;border-radius:50%;background:#2e7d321a;color:var(--color-green-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.confirmation-content h2{font-size:1.125rem;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.confirmation-content p{font-size:.875rem;color:var(--color-gray-600);margin-bottom:var(--spacing-md);line-height:1.5}.confirm-details{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.detail-item{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:.8125rem;color:var(--color-gray-700)}.detail-item strong{color:var(--color-green-primary)}.waiting-content{text-align:center;padding:var(--spacing-md) 0}.waiting-animation{position:relative;width:80px;height:80px;margin:0 auto var(--spacing-md)}.pulse-ring{position:absolute;inset:0;border:3px solid var(--color-green-primary);border-radius:50%;animation:pulse 2s ease-out infinite}@keyframes pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.waiting-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#2e7d321a;border-radius:50%;color:var(--color-green-primary)}.waiting-content h2{font-size:1.125rem;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.waiting-content>p{font-size:.875rem;color:var(--color-gray-600);margin-bottom:var(--spacing-md)}.waiting-info{background:#c5a0281a;border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.waiting-info p{font-size:.75rem;color:var(--color-gold-dark);margin-bottom:var(--spacing-xs)}.waiting-info p:last-child{margin-bottom:0}.waiting-tip{font-weight:600}.close-waiting-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-green-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600}.close-waiting-btn:hover{background:var(--color-green-dark)}@media(min-width:1024px){.quick-options{flex-direction:row}.quick-option{flex:1;flex-direction:column;text-align:center;padding:var(--spacing-md)}.quick-option-content{text-align:center}}.auth-modal{background:var(--color-white);border-radius:var(--radius-xl);width:calc(100% - 32px);max-width:460px;max-height:90vh;overflow-y:auto;padding:var(--spacing-lg);position:relative;animation:slideUp .3s ease}.auth-modal .close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);z-index:1}.auth-modal .close-btn:hover{background:var(--color-gray-100)}.auth-modal .modal-header{text-align:center;margin-bottom:var(--spacing-md);padding-right:var(--spacing-lg)}.auth-modal .modal-header h2{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.auth-modal .modal-header p{font-size:.8125rem;color:var(--color-gray-600)}.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.role-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-gray-600);transition:all .2s ease}.role-btn:hover{border-color:var(--color-green-light)}.role-btn.active{border-color:var(--color-green-primary);background:#2e7d320d;color:var(--color-green-primary)}.role-btn span{font-weight:600;font-size:.8125rem}.step-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:var(--spacing-md);padding:0 var(--spacing-sm)}.step-dot-row{display:flex;align-items:center;gap:0;flex-shrink:0}.step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;background:var(--color-gray-200);color:var(--color-gray-500);transition:all .3s ease;flex-shrink:0}.step-dot-row.active .step-circle{background:var(--color-green-primary);color:#fff;box-shadow:0 0 0 4px #2e7d3226}.step-dot-row.done .step-circle{background:var(--color-green-primary);color:#fff}.step-label{font-size:.6875rem;font-weight:600;color:var(--color-gray-400);margin-left:6px;white-space:nowrap}.step-dot-row.active .step-label,.step-dot-row.done .step-label{color:var(--color-green-primary)}.step-line{width:20px;height:2px;background:var(--color-gray-200);margin:0 4px;flex-shrink:0}.step-dot-row.done+.step-dot-row .step-line,.step-dot-row.done .step-line{background:var(--color-green-primary)}.avatar-upload-group{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:var(--spacing-md)}.avatar-upload-circle{width:88px;height:88px;border-radius:50%;border:2px dashed var(--color-gray-300);background:var(--color-gray-50);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease;color:var(--color-gray-400);overflow:hidden}.avatar-upload-circle:hover{border-color:var(--color-green-primary);color:var(--color-green-primary);background:#2e7d3208}.avatar-upload-circle.uploading{border-color:var(--color-green-primary);color:var(--color-green-primary)}.avatar-preview-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-upload-badge{position:absolute;bottom:2px;right:2px;width:22px;height:22px;background:var(--color-green-primary);color:#fff;border-radius:50%;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white}.avatar-remove-btn{position:absolute;top:0;right:0;width:24px;height:24px;background:#c62828e6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border:2px solid white}.avatar-upload-circle:hover .avatar-remove-btn{opacity:1}.avatar-upload-label{font-size:.75rem;font-weight:600;color:var(--color-gray-500)}.form-step{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.input-group{margin-bottom:var(--spacing-sm)}.input-group label{display:block;font-size:.75rem;font-weight:600;color:var(--color-gray-700);margin-bottom:4px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--spacing-sm);color:var(--color-gray-400);z-index:1;pointer-events:none}.input-wrapper input,.input-wrapper select.has-icon{width:100%;padding:var(--spacing-sm);padding-left:calc(var(--spacing-sm) + 24px);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.9375rem}.input-wrapper input:focus,.input-wrapper select:focus{outline:none;border-color:var(--color-green-primary);box-shadow:0 0 0 3px #2e7d321a}.input-wrapper input::placeholder{color:var(--color-gray-400)}.select-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.9375rem;background:#fff;color:var(--color-gray-900);cursor:pointer;appearance:auto}.select-input:focus{outline:none;border-color:var(--color-green-primary);box-shadow:0 0 0 3px #2e7d321a}.input-row{display:flex;gap:var(--spacing-sm)}.input-sm{flex:0 0 45%}.input-grow{flex:1}.textarea-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;resize:vertical;min-height:70px}.textarea-input:focus{outline:none;border-color:var(--color-green-primary);box-shadow:0 0 0 3px #2e7d321a}.textarea-input::placeholder{color:var(--color-gray-400)}.char-count{display:block;text-align:right;font-size:.6875rem;color:var(--color-gray-400);margin-top:2px}.toggle-password{position:absolute;right:var(--spacing-sm);padding:4px;color:var(--color-gray-400)}.toggle-password:hover{color:var(--color-gray-600)}.upload-section{margin-bottom:var(--spacing-md)}.upload-info{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#2e7d320d;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.upload-info-icon{color:var(--color-green-primary);flex-shrink:0;margin-top:2px}.upload-info h4{font-size:.875rem;font-weight:700;color:var(--color-gray-900);margin-bottom:4px}.upload-info p{font-size:.75rem;color:var(--color-gray-600);line-height:1.5}.upload-zone{border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-md);text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--color-gray-50)}.upload-zone:hover{border-color:var(--color-green-primary);background:#2e7d3208}.upload-zone-icon{color:var(--color-gray-400)}.upload-zone:hover .upload-zone-icon{color:var(--color-green-primary)}.upload-zone-text{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.upload-zone-hint{font-size:.6875rem;color:var(--color-gray-400)}.upload-loading{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-green-primary);font-size:.875rem;font-weight:500}.uploaded-files{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:6px}.uploaded-file{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.uploaded-file svg:first-child{color:var(--color-green-primary);flex-shrink:0}.uploaded-file-name{flex:1;font-size:.8125rem;font-weight:500;color:var(--color-gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-gray-400);flex-shrink:0;transition:all .2s ease}.remove-file:hover{background:#c628281a;color:var(--color-red-primary)}.upload-required-hint{font-size:.75rem;color:var(--color-gold-dark);margin-top:var(--spacing-sm);text-align:center}.step-buttons{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.step-back-btn{display:flex;align-items:center;gap:4px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--color-gray-600);background:#fff;transition:all .2s ease}.step-back-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.step-next-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-green-primary);color:#fff;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;transition:all .2s ease}.step-next-btn:hover{background:var(--color-green-dark)}.step-buttons .submit-btn{flex:1}.success-message{padding:var(--spacing-sm);background:#2e7d321a;color:var(--color-green-primary);border-radius:var(--radius-md);font-size:.8125rem;margin-bottom:var(--spacing-sm)}.error-message{padding:var(--spacing-sm);background:#c628281a;color:var(--color-red-primary);border-radius:var(--radius-md);font-size:.8125rem;margin-bottom:var(--spacing-sm)}.auth-modal .submit-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-green-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;margin-top:var(--spacing-sm)}.auth-modal .submit-btn:hover:not(:disabled){background:var(--color-green-dark)}.auth-modal .submit-btn:disabled{opacity:.6;cursor:not-allowed}.modal-footer{text-align:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.modal-footer p{font-size:.8125rem;color:var(--color-gray-600)}.switch-mode{color:var(--color-green-primary);font-weight:600}.switch-mode:hover{text-decoration:underline}.info-box{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:#c5a0281a;border-radius:var(--radius-md)}.info-box p{font-size:.75rem;color:var(--color-gold-dark);line-height:1.4}@media(max-width:400px){.step-label{display:none}.step-line{width:30px}.input-row{flex-direction:column}.input-sm{flex:1}}.payment-modal{background:var(--color-white);border-radius:var(--radius-xl);width:calc(100% - 32px);max-width:440px;max-height:90vh;overflow-y:auto;padding:var(--spacing-lg);position:relative;animation:slideUp .3s ease}.payment-modal .close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500)}.payment-modal .close-btn:hover{background:var(--color-gray-100)}.payment-modal .modal-header{text-align:center;margin-bottom:var(--spacing-md);padding-right:var(--spacing-lg)}.payment-modal .modal-header h2{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.payment-modal .modal-header p{font-size:.8125rem;color:var(--color-gray-600)}.plans-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.plan-card{position:relative;display:flex;flex-direction:column;padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);text-align:left;transition:all .2s ease}.plan-card:hover{border-color:var(--color-green-light)}.plan-card.selected{border-color:var(--color-green-primary);background:#2e7d3208}.plan-card.popular{border-color:var(--color-gold-primary)}.plan-card.popular.selected{border-color:var(--color-green-primary)}.popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:2px 12px;background:var(--color-gold-primary);color:var(--color-white);font-size:.6875rem;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase}.plan-header{margin-bottom:var(--spacing-sm)}.plan-header h3{font-size:.9375rem;font-weight:700;color:var(--color-gray-900);margin-bottom:4px}.plan-price{display:flex;align-items:baseline;gap:2px}.plan-price .price{font-size:1.75rem;font-weight:700;color:var(--color-green-primary)}.plan-price .currency{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.plan-price .period{font-size:.75rem;color:var(--color-gray-500)}.plan-features{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--spacing-sm)}.plan-features li{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-gray-700)}.plan-radio{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}.plan-radio .radio{width:20px;height:20px;border:2px solid var(--color-gray-300);border-radius:50%;transition:all .2s ease}.plan-radio .radio.checked{border-color:var(--color-green-primary);background:var(--color-green-primary);box-shadow:inset 0 0 0 4px var(--color-white)}.continue-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-green-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600}.continue-btn:hover{background:var(--color-green-dark)}.security-note{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);font-size:.6875rem;color:var(--color-gray-500)}.test-mode-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:linear-gradient(135deg,#ff98001a,#ffc1071a);border:1px solid rgba(255,152,0,.3);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:.75rem;color:#e65100;font-weight:500}.test-mode-banner svg{flex-shrink:0}.payment-form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.payment-form .input-group label{display:block;font-size:.75rem;font-weight:600;color:var(--color-gray-700);margin-bottom:4px}.payment-form input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.9375rem}.payment-form input:focus{outline:none;border-color:var(--color-green-primary);box-shadow:0 0 0 3px #2e7d321a}.card-input{position:relative;display:flex;align-items:center}.card-input svg{position:absolute;left:var(--spacing-sm);color:var(--color-gray-400)}.card-input input{padding-left:calc(var(--spacing-sm) + 24px)}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.payment-summary{padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.summary-row{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--color-gray-600);padding:4px 0}.summary-row.total{font-weight:700;color:var(--color-gray-900);border-top:1px solid var(--color-gray-200);margin-top:4px;padding-top:var(--spacing-xs)}.pay-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-green-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600}.pay-btn:hover:not(:disabled){background:var(--color-green-dark)}.pay-btn:disabled{opacity:.7;cursor:not-allowed}.pay-btn .spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin 1s linear infinite}.back-btn-text{width:100%;text-align:center;margin-top:var(--spacing-sm);font-size:.8125rem;color:var(--color-gray-600)}.back-btn-text:hover{color:var(--color-green-primary)}.success-screen{text-align:center;padding:var(--spacing-lg) 0}.success-screen .success-icon{width:64px;height:64px;border-radius:50%;background:#2e7d321a;color:var(--color-green-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.success-screen h2{font-size:1.25rem;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.success-screen p{font-size:.875rem;color:var(--color-gray-600);margin-bottom:var(--spacing-md)}.success-features{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.success-features .feature{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:.8125rem;color:var(--color-green-primary)}.dashboard{display:flex;min-height:100vh;background:var(--color-gray-50)}.pending-approval-page{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#f0fdf4,#f8fafc,#fefce8);padding:var(--spacing-md)}.pending-approval-card{background:var(--color-white);border-radius:20px;padding:40px 32px 32px;max-width:460px;width:100%;box-shadow:0 4px 6px -1px #0000000d,0 20px 40px -8px #00000014;text-align:center;position:relative;overflow:hidden}.pending-approval-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-green-primary),var(--color-gold-primary))}.pending-approval-icon-wrap{display:flex;justify-content:center;margin-bottom:20px}.pending-approval-icon-bg{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#c5a0281f,#c5a0280f);display:flex;align-items:center;justify-content:center;color:var(--color-gold-primary);animation:pendingPulse 2.5s ease-in-out infinite}@keyframes pendingPulse{0%,to{box-shadow:0 0 #c5a02826;transform:scale(1)}50%{box-shadow:0 0 0 12px #c5a02800;transform:scale(1.03)}}.pending-approval-card h2{font-size:1.375rem;font-weight:800;color:var(--color-gray-900);margin-bottom:4px}.pending-approval-subtitle{font-size:.9375rem;color:var(--color-gray-500);margin-bottom:28px}.pending-approval-steps{display:flex;flex-direction:column;gap:0;margin:0 auto 24px;max-width:280px;text-align:left}.pending-step{display:flex;align-items:center;gap:12px;padding:10px 0;position:relative;color:var(--color-gray-400)}.pending-step:not(:last-child):after{content:"";position:absolute;left:13px;top:34px;width:2px;height:calc(100% - 24px);background:var(--color-gray-200)}.pending-step.completed{color:var(--color-green-primary)}.pending-step.completed:after{background:var(--color-green-primary)}.pending-step.active{color:var(--color-gold-primary);font-weight:600}.step-dot{width:28px;height:28px;min-width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);z-index:1}.pending-step.completed .step-dot{background:#2e7d321f;color:var(--color-green-primary)}.pending-step.active .step-dot{background:#c5a0281f;color:var(--color-gold-primary);animation:pendingPulse 2.5s ease-in-out infinite}.pending-step span{font-size:.875rem}.pending-approval-info{font-size:.8125rem;color:var(--color-gray-500);line-height:1.7;margin-bottom:28px;padding:16px;background:var(--color-gray-50);border-radius:var(--radius-lg);text-align:left}.pending-approval-info strong{color:var(--color-gray-700)}.pending-approval-footer{display:flex;justify-content:center}.pending-logout-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:10px 24px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-600);font-size:.875rem;font-weight:600;transition:all .2s ease}.pending-logout-btn:hover{background:var(--color-gray-200);color:var(--color-gray-800)}@media(max-width:480px){.pending-approval-card{padding:32px 20px 24px;border-radius:16px}.pending-approval-card h2{font-size:1.25rem}.pending-approval-icon-bg{width:56px;height:56px}}.dashboard-sidebar{width:280px;background:var(--color-white);border-right:1px solid var(--color-gray-200);padding:var(--spacing-lg);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.user-info{display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--spacing-lg)}.user-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-green-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center}.user-details h3{font-size:1rem;font-weight:600;color:var(--color-gray-900)}.user-role{font-size:.75rem;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px}.nav-container{display:flex;flex-direction:column;flex:1}.dashboard-nav{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-gray-600);font-weight:500;transition:all .2s ease;text-align:left}.nav-item:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.nav-item.active{background:#2e7d321a;color:var(--color-green-primary)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-gray-600);font-weight:500;transition:all .2s ease;margin-top:auto}.logout-btn:hover{background:#c628281a;color:var(--color-red-primary)}.chat-back-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-lg);color:var(--color-white);font-weight:600;font-size:1rem;transition:all .2s ease;background:linear-gradient(135deg,var(--color-green-primary),var(--color-green-dark));margin-bottom:var(--spacing-lg);width:100%;box-shadow:0 2px 8px #2e7d324d}.chat-back-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2e7d3266}.back-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-green-primary);font-weight:600;transition:all .2s ease;background:#2e7d321a;margin-bottom:var(--spacing-md)}.back-btn:hover{background:#2e7d3233}.dashboard-main{flex:1;padding:var(--spacing-xl);overflow-y:auto}.tab-content{max-width:1000px;animation:fadeIn .3s ease}.tab-content h1{font-size:1.75rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-lg)}.tab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.tab-description{color:var(--color-gray-600);margin-bottom:var(--spacing-lg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-sm)}.stat-icon{width:48px;height:48px;padding:var(--spacing-sm);background:#2e7d321a;border-radius:var(--radius-md);color:var(--color-green-primary)}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--color-gray-900)}.stat-label{font-size:.875rem;color:var(--color-gray-500)}.quick-actions h2{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.action-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-sm);transition:all .2s ease;color:var(--color-gray-700)}.action-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);color:var(--color-green-primary)}.primary-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-green-primary);color:var(--color-white);border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.primary-btn:hover{background:var(--color-green-dark)}.documents-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.document-card{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-sm)}.document-icon{width:48px;height:48px;background:var(--color-gray-100);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-gray-600)}.document-info{flex:1}.document-info h4{font-size:.9375rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.document-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem;color:var(--color-gray-500)}.document-type{background:#2e7d321a;color:var(--color-green-primary);padding:2px 8px;border-radius:var(--radius-full);font-weight:500}.document-actions{display:flex;gap:var(--spacing-xs)}.icon-btn{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);transition:all .2s ease}.icon-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.icon-btn.danger:hover{background:#c628281a;color:var(--color-red-primary)}.empty-state h3{color:var(--color-gray-700);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--color-gray-500);margin-bottom:var(--spacing-lg)}.consultations-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.consultation-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);width:100%;text-align:left;border:2px solid transparent;transition:all .2s ease}.consultation-card.clickable{cursor:pointer}.consultation-card.clickable:hover:not(:disabled){border-color:var(--color-green-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.consultation-card.clickable:active:not(:disabled){transform:translateY(0)}.consultation-card:disabled{opacity:.7;cursor:not-allowed}.consultation-card.completed{opacity:.85;background:var(--color-gray-50)}.consultation-action{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-gray-200);color:var(--color-green-primary);font-size:.875rem;font-weight:600}.consultation-action svg{flex-shrink:0}.consultation-status{margin-bottom:var(--spacing-sm)}.status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.status.pending{background:#ff98001a;color:#f57c00}.status.accepted{background:#2196f31a;color:#1976d2}.status.completed{background:#2e7d321a;color:var(--color-green-primary)}.status.active{background:#2e7d3226;color:var(--color-green-primary);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.consultation-info h4{font-weight:600;color:var(--color-gray-900)}.consultation-info p{color:var(--color-gray-600);font-size:.875rem}.consultation-date{font-size:.75rem;color:var(--color-gray-500)}.reports-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.report-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.report-card h4{font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.report-doctor{color:var(--color-green-primary);font-size:.875rem;margin-bottom:var(--spacing-sm)}.report-content{color:var(--color-gray-600);font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-sm)}.report-date{font-size:.75rem;color:var(--color-gray-500)}.settings-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.settings-section h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:400px}.settings-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-form label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.settings-form input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-gray-50)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.upload-modal{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);width:100%;max-width:480px;position:relative}.upload-modal h2{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.upload-modal>p{color:var(--color-gray-600);font-size:.875rem;margin-bottom:var(--spacing-lg)}.upload-area{margin-bottom:var(--spacing-lg)}.upload-area input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;color:var(--color-gray-500);transition:all .2s ease}.upload-label:hover{border-color:var(--color-green-primary);color:var(--color-green-primary)}.document-types{padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.document-types h4{font-size:.875rem;margin-bottom:var(--spacing-sm)}.document-types ul{font-size:.875rem;color:var(--color-gray-600)}.document-types li{padding:var(--spacing-xs) 0}.billing-section{display:flex;flex-direction:column;gap:var(--spacing-xl)}.billing-section h3{font-size:1.125rem;font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-md)}.current-plan,.billing-history,.payment-methods,.upgrade-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.plan-card{border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative}.plan-card.active-plan{border-color:var(--color-green-primary);background:#2e7d3205}.plan-card.premium-plan{border-color:var(--color-gold-primary);background:linear-gradient(135deg,#c5a0280d,#c5a02805)}.plan-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;background:var(--color-green-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.plan-card h4{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.plan-price{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.plan-price .price{font-size:2.5rem;font-weight:800;color:var(--color-gray-900)}.plan-price .currency{font-size:1rem;color:var(--color-gray-500)}.plan-features{list-style:none;padding:0;margin:0 0 var(--spacing-md) 0}.plan-features li{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;color:var(--color-gray-700);font-size:.9375rem}.plan-features li svg{color:var(--color-green-primary);flex-shrink:0}.no-subscription-card{background:linear-gradient(135deg,var(--color-gray-50),var(--color-white));border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center}.no-subscription-card .no-sub-icon{color:var(--color-gray-400);margin-bottom:var(--spacing-md)}.no-subscription-card h3{font-size:1.25rem;font-weight:700;color:var(--color-gray-800);margin-bottom:var(--spacing-sm)}.no-subscription-card p{color:var(--color-gray-600);margin-bottom:var(--spacing-md)}.no-subscription-card .primary-btn{display:inline-flex;margin:0 auto}.available-plans{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.plans-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:768px){.plans-grid{grid-template-columns:repeat(2,1fr)}}.plans-grid .premium-plan .plan-badge{background:var(--color-gold-primary)}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-gray-400);text-align:center}.empty-history svg{margin-bottom:var(--spacing-sm)}.empty-history p{font-size:.875rem;color:var(--color-gray-500)}.plan-renewal{font-size:.875rem;color:var(--color-gray-500);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.payments-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.payment-info{display:flex;flex-direction:column;gap:4px}.payment-date{font-size:.75rem;color:var(--color-gray-500)}.payment-desc{font-weight:500;color:var(--color-gray-800)}.payment-amount{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.amount{font-weight:700;color:var(--color-gray-900)}.status.paid{background:#2e7d321a;color:var(--color-green-primary);padding:2px 8px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600}.payment-method-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.payment-method-card svg{color:var(--color-gray-600)}.card-info{flex:1;display:flex;flex-direction:column;gap:4px}.card-number{font-weight:600;color:var(--color-gray-800)}.card-expiry{font-size:.75rem;color:var(--color-gray-500)}.change-btn{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-gray-600);transition:all .2s ease}.change-btn:hover{border-color:var(--color-green-primary);color:var(--color-green-primary)}.upgrade-btn{width:100%;justify-content:center;background:linear-gradient(135deg,var(--color-gold-primary),var(--color-gold-light));padding:var(--spacing-md);font-size:1rem}.upgrade-btn:hover{background:linear-gradient(135deg,var(--color-gold-light),var(--color-gold-primary))}.doctor-filter-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.filter-tab{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;color:var(--color-gray-600);background:var(--color-gray-100);white-space:nowrap;transition:all .2s ease}.filter-tab:hover{background:var(--color-gray-200)}.filter-tab.active{background:var(--color-green-primary);color:var(--color-white)}.quick-section{margin-bottom:var(--spacing-xl)}.quick-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.quick-section-header h2{font-size:1.125rem;font-weight:700;color:var(--color-gray-900)}.see-all-btn{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:600;color:var(--color-green-primary);transition:all .2s ease}.see-all-btn:hover{text-decoration:underline}.doctor-consult-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.doctor-consult-list.full{gap:var(--spacing-xs)}.doctor-consult-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-lg);border:2px solid transparent;box-shadow:var(--shadow-sm);transition:all .2s ease;text-align:left;width:100%}.doctor-consult-card.clickable{cursor:pointer}.doctor-consult-card.clickable:hover{border-color:var(--color-green-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.doctor-consult-card.pending{border-left:4px solid #FF9800}.doctor-consult-card.accepted,.doctor-consult-card.in_progress{border-left:4px solid var(--color-green-primary)}.doctor-consult-card.completed,.doctor-consult-card.cancelled{opacity:.65;border-left:4px solid var(--color-gray-300)}.dc-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.dc-avatar{width:44px;height:44px;min-width:44px;border-radius:50%;background:var(--color-gray-200);color:var(--color-gray-700);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;position:relative}.dc-avatar.active{background:var(--color-green-primary);color:var(--color-white)}.dc-unread-dot{position:absolute;top:0;right:0;width:12px;height:12px;border-radius:50%;background:#ef4444;border:2px solid var(--color-white)}.dc-info{flex:1;min-width:0}.dc-name-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.dc-info h4{font-size:.9375rem;font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.dc-status-badge.pending{background:#ff980026;color:#f57c00}.dc-status-badge.accepted,.dc-status-badge.in_progress{background:#2e7d321f;color:var(--color-green-primary)}.dc-status-badge.completed{background:var(--color-gray-100);color:var(--color-gray-500)}.dc-status-badge.cancelled{background:#c628281a;color:var(--color-red-primary)}.dc-complaint,.dc-last-msg{font-size:.8125rem;color:var(--color-gray-600);margin:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.dc-time{font-size:.6875rem;color:var(--color-gray-400)}.dc-urgency{font-size:.6875rem;font-weight:600;padding:1px 6px;border-radius:var(--radius-full)}.dc-urgency.urgent{background:#c628281a;color:var(--color-red-primary)}.dc-urgency.moderate{background:#ff98001a;color:#f57c00}.dc-urgency.routine{background:#2e7d321a;color:var(--color-green-primary)}.dc-type{font-size:.6875rem;color:var(--color-gray-500)}.dc-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.dc-arrow{color:var(--color-gray-400)}.dc-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.dc-accept-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-green-primary),var(--color-green-dark));color:var(--color-white);font-size:.8125rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px #2e7d324d}.dc-accept-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #2e7d3266}.dc-chat-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:#2e7d321a;color:var(--color-green-primary);font-size:.8125rem;font-weight:600;transition:all .2s ease}.dc-chat-btn:hover{background:var(--color-green-primary);color:var(--color-white)}.dc-complete-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--color-gray-400);transition:all .2s ease}.dc-complete-btn.with-label{width:auto;height:auto;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;background:#d32f2f0f;color:#b71c1c;border:1px solid rgba(211,47,47,.12)}.dc-complete-btn.with-label:hover{background:#d32f2f;color:#fff;border-color:#d32f2f}.dc-complete-btn:hover{background:#2e7d321a;color:var(--color-green-primary)}.dc-view-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;background:#1976d214;color:#1976d2;border:1px solid rgba(25,118,210,.15);cursor:pointer;transition:all .2s ease}.dc-view-btn:hover{background:#1976d2;color:#fff;border-color:#1976d2}.dc-done-label{color:var(--color-gray-400)}.dc-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:var(--radius-full);background:#ef4444;color:var(--color-white);font-size:.6875rem;font-weight:700;padding:0 6px}.nav-item-with-badge{position:relative;display:flex;align-items:center;justify-content:center}.nav-badge{position:absolute;top:-4px;right:-8px;min-width:16px;height:16px;border-radius:var(--radius-full);background:#ef4444;color:var(--color-white);font-size:.5625rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px}.stat-card{cursor:pointer;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card.stat-pending{border-left:4px solid #FF9800}.stat-card.stat-active{border-left:4px solid var(--color-green-primary)}.stat-card.stat-unread{border-left:4px solid #ef4444}@media(max-width:768px){.dashboard{flex-direction:column}.dashboard-sidebar{width:100%;height:auto;position:relative;flex-direction:column;padding:var(--spacing-md);border-right:none;border-bottom:1px solid var(--color-gray-200)}.user-info{display:flex;width:100%;padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.chat-back-btn{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);font-size:.9375rem}.nav-container{display:flex;flex-direction:row;align-items:stretch;width:100%;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.back-btn{display:none}.dashboard-nav{display:flex;flex-direction:row;flex-wrap:nowrap;flex:1;gap:0;justify-content:space-between}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:6px 2px;min-width:0;flex:1;border-radius:var(--radius-sm)}.nav-item svg{width:16px;height:16px;flex-shrink:0}.nav-item span{display:block;font-size:.5rem;text-align:center;white-space:nowrap;line-height:1;letter-spacing:-.02em}.logout-btn{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:6px 2px;min-width:0;flex:0 0 auto;width:36px;margin-top:0}.logout-btn svg{width:16px;height:16px;flex-shrink:0}.logout-btn span{display:block;font-size:.5rem;text-align:center}.dashboard-main{padding:var(--spacing-md)}.tab-content h1{font-size:1.375rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-md)}.stat-icon{width:36px;height:36px}.stat-value{font-size:1.25rem}.actions-grid{grid-template-columns:1fr}.doctor-consult-card{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.dc-left{gap:var(--spacing-sm)}.dc-avatar{width:40px;height:40px;min-width:40px;font-size:1rem}.dc-actions{display:flex;gap:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-gray-100);justify-content:flex-end}.dc-right{display:none}.doctor-filter-tabs{gap:var(--spacing-xs);padding-bottom:4px}.filter-tab{padding:6px 12px;font-size:.75rem}.payment-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.payment-amount{align-items:flex-start;flex-direction:row;gap:var(--spacing-md)}.plan-price .price{font-size:2rem}.tab-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.tab-header .primary-btn{width:100%;justify-content:center}.document-card{flex-wrap:wrap}.document-actions{width:100%;justify-content:flex-end;padding-top:var(--spacing-xs);border-top:1px solid var(--color-gray-100)}}@media(max-width:380px){.stats-grid{grid-template-columns:1fr}.dc-accept-btn span,.dc-chat-btn span{display:none}}.admin-dashboard{min-height:100vh;background:var(--color-gray-50)}.admin-header{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.admin-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.admin-dashboard .back-btn{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--color-white);border:2px solid var(--color-gray-200);color:var(--color-gray-700);box-shadow:var(--shadow-sm);transition:all .2s ease}.admin-dashboard .back-btn:hover{background:var(--color-green-primary);border-color:var(--color-green-primary);color:var(--color-white)}.admin-title{display:flex;align-items:center;gap:var(--spacing-sm)}.admin-icon{color:var(--color-gold-primary)}.admin-title h1{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);line-height:1.2}.admin-title span{font-size:.75rem;color:var(--color-gray-500)}.admin-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.admin-user{font-weight:500;color:var(--color-gray-700)}.admin-header .logout-btn{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);transition:all .2s ease}.admin-header .logout-btn:hover{background:#c628281a;color:var(--color-red-primary)}.stats-bar{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-lg);display:flex;justify-content:center;gap:var(--spacing-2xl)}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-gray-600)}.stat-item.highlight{color:var(--color-gold-primary)}.stat-item .stat-value{font-size:1.5rem;font-weight:700;color:var(--color-gray-900)}.stat-item.highlight .stat-value{color:var(--color-gold-primary)}.stat-item .stat-label{font-size:.875rem}.admin-tabs{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:0 var(--spacing-lg);display:flex;gap:var(--spacing-sm)}.tab-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--color-gray-600);font-weight:500;border-bottom:2px solid transparent;transition:all .2s ease}.tab-btn:hover{color:var(--color-gray-900)}.tab-btn.active{color:var(--color-green-primary);border-bottom-color:var(--color-green-primary)}.tab-btn .badge{background:var(--color-red-primary);color:var(--color-white);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.admin-content{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.tab-panel h2{font-size:1.25rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-lg)}.pending-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.pending-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--color-gray-200);transition:border-color .2s ease}.pending-card.expanded{border-color:var(--color-green-primary)}.pending-card-main{padding:var(--spacing-lg);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg)}.doctor-info{display:flex;gap:var(--spacing-md);flex:1;min-width:0}.doctor-avatar{width:56px;height:56px;border-radius:50%;background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);flex-shrink:0;position:relative;overflow:hidden}.doctor-avatar .avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.doctor-details{flex:1;min-width:0}.doctor-details h3{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:2px}.doctor-specialty{font-size:.875rem;color:var(--color-green-primary);font-weight:500;margin-bottom:var(--spacing-xs)}.doctor-meta-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:4px}.meta-item{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--color-gray-600)}.meta-item svg{color:var(--color-gray-400);flex-shrink:0}.doctor-date{font-size:.75rem;color:var(--color-gray-400)}.pending-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);flex-shrink:0}.expand-toggle{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--radius-md);font-size:.75rem;color:var(--color-gray-500);background:var(--color-gray-50);border:1px solid var(--color-gray-200);transition:all .2s ease}.expand-toggle:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.doctor-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;transition:all .2s ease}.action-btn.approve{background:var(--color-green-primary);color:var(--color-white)}.action-btn.approve:hover{background:var(--color-green-dark)}.action-btn.reject{background:var(--color-gray-100);color:var(--color-gray-700)}.action-btn.reject:hover{background:#c628281a;color:var(--color-red-primary)}.pending-card-expanded{border-top:1px solid var(--color-gray-200);padding:var(--spacing-lg);background:var(--color-gray-50);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.expanded-section{margin-bottom:var(--spacing-md)}.expanded-section:last-child{margin-bottom:0}.expanded-section h4{font-size:.875rem;font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:6px}.expanded-section p{font-size:.8125rem;color:var(--color-gray-600);line-height:1.6}.doc-count{background:var(--color-green-primary);color:#fff;font-size:.6875rem;font-weight:700;padding:1px 7px;border-radius:var(--radius-full);margin-left:4px}.doc-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.doc-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--color-green-primary);text-decoration:none;transition:all .2s ease}.doc-link:hover{border-color:var(--color-green-primary);background:#2e7d320d}.doc-link.loading{color:var(--color-gray-400);pointer-events:none}.doc-loading-dot{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.no-docs{font-size:.8125rem;color:var(--color-gold-dark);background:#c5a0281a;padding:var(--spacing-sm);border-radius:var(--radius-md)}.doctors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.doctor-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;box-shadow:var(--shadow-sm)}.doctor-card .doctor-avatar{width:64px;height:64px;margin:0 auto var(--spacing-md)}.status-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid var(--color-white)}.status-dot.online{background:var(--color-available)}.doctor-card h4{font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.doctor-card .specialty{color:var(--color-green-primary);font-size:.875rem;margin-bottom:var(--spacing-xs)}.doctor-card .location{color:var(--color-gray-500);font-size:.8125rem;margin-bottom:var(--spacing-sm)}.doctor-card .doctor-stats{font-size:.75rem;color:var(--color-gray-400)}.patients-table{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.patients-table table{width:100%;border-collapse:collapse}.patients-table th,.patients-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-gray-200)}.patients-table th{background:var(--color-gray-50);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-600)}.patients-table td{font-size:.875rem;color:var(--color-gray-700)}.patient-type{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.patient-type.simple{background:var(--color-gray-100);color:var(--color-gray-600)}.patient-type.subscription{background:#2e7d321a;color:var(--color-green-primary)}.patient-type.bracelet{background:#c5a0281a;color:var(--color-gold-dark)}.patient-type.social{background:#2196f31a;color:#1976d2}.status{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.status.active{background:#2e7d321a;color:var(--color-green-primary)}.status.inactive{background:#c628281a;color:var(--color-red-primary)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-400)}.empty-state svg{margin-bottom:var(--spacing-md)}.empty-state p{color:var(--color-gray-500)}@media(max-width:768px){.stats-bar{flex-wrap:wrap;gap:var(--spacing-lg)}.pending-card-main{flex-direction:column}.pending-card-right{flex-direction:row;width:100%;justify-content:space-between;align-items:center}.doctor-actions{width:auto}.action-btn{flex:none}.patients-table{overflow-x:auto}.patients-table table{min-width:600px}.admin-tabs{overflow-x:auto}}.chat-window{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--color-gray-50);z-index:1000}.chat-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.chat-header .back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-white);border:2px solid var(--color-gray-200);color:var(--color-gray-700);box-shadow:var(--shadow-sm);transition:all .2s ease}.chat-header .back-btn:hover{background:var(--color-green-primary);border-color:var(--color-green-primary);color:var(--color-white)}.chat-info{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.chat-avatar{position:relative;width:40px;height:40px;border-radius:50%;background:var(--color-green-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.chat-avatar .status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--color-white)}.chat-avatar .status-dot.online{background:var(--color-available)}.chat-details h3{font-size:.9375rem;font-weight:700;color:var(--color-gray-900)}.chat-status{font-size:.75rem;color:var(--color-available)}.call-buttons{display:flex;gap:var(--spacing-xs)}.call-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:all .2s ease}.call-btn.video{color:var(--color-green-primary);background:#2e7d321a}.call-btn.video:hover{background:var(--color-green-primary);color:var(--color-white)}.call-btn.audio{color:var(--color-gold-primary);background:#c5a0281a}.call-btn.audio:hover{background:var(--color-gold-primary);color:var(--color-white)}.more-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--color-gray-600)}.more-btn:hover{background:var(--color-gray-100)}.end-consultation-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:#d32f2f14;color:#d32f2f;font-size:13px;font-weight:600;transition:all .2s ease;border:1px solid rgba(211,47,47,.15);cursor:pointer;white-space:nowrap}.end-consultation-btn:hover{background:#d32f2f;color:#fff;border-color:#d32f2f}@media(max-width:500px){.end-btn-label{display:none}.end-consultation-btn{padding:6px 10px}}.end-confirm-modal{background:var(--color-white);border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .25s ease}.end-confirm-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#2e7d321a;color:#2e7d32;margin:0 auto 16px}.end-confirm-modal h3{font-size:18px;font-weight:700;color:var(--color-gray-900);margin-bottom:8px}.end-confirm-modal p{font-size:14px;color:var(--color-gray-500);line-height:1.5;margin-bottom:24px}.end-confirm-actions{display:flex;gap:12px;justify-content:center}.end-confirm-actions .cancel-btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;background:var(--color-gray-100);color:var(--color-gray-700);cursor:pointer;transition:all .2s ease;border:none}.end-confirm-actions .cancel-btn:hover{background:var(--color-gray-200)}.end-confirm-actions .confirm-end-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;background:#2e7d32;color:#fff;cursor:pointer;transition:all .2s ease;border:none}.end-confirm-actions .confirm-end-btn:hover{background:#1b5e20}.end-confirm-actions .confirm-end-btn:disabled{opacity:.7;cursor:not-allowed}.status-banner.completed{display:flex;align-items:center;gap:8px;justify-content:center;padding:12px 16px;background:#2e7d3214;border:1px solid rgba(46,125,50,.15);border-radius:12px;margin:8px 16px;color:#2e7d32;font-size:14px}.status-banner.completed p{margin:0}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm)}.status-banner{padding:var(--spacing-sm);border-radius:var(--radius-md);text-align:center;margin-bottom:var(--spacing-sm)}.status-banner.pending{background:#c5a0281a;color:var(--color-gold-dark)}.status-banner p{font-size:.8125rem}.date-separator{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) 0}.date-separator span{font-size:.6875rem;color:var(--color-gray-500);background:var(--color-gray-100);padding:2px 12px;border-radius:var(--radius-full)}.message-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.message{display:flex;max-width:85%}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-bubble{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);position:relative}.message.sent .message-bubble{background:var(--color-green-primary);color:var(--color-white);border-bottom-right-radius:var(--radius-sm)}.message.received .message-bubble{background:var(--color-white);color:var(--color-gray-900);border-bottom-left-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.message-bubble p{font-size:.9375rem;line-height:1.4;margin-bottom:2px;word-wrap:break-word}.message-time{font-size:.625rem;opacity:.7;display:block;text-align:right}.message.received .message-time{color:var(--color-gray-500)}.empty-chat{flex:1;display:flex;align-items:center;justify-content:center}.empty-chat p{font-size:.875rem;color:var(--color-gray-500)}.chat-input-area{padding:var(--spacing-sm);background:var(--color-white);border-top:1px solid var(--color-gray-200);flex-shrink:0}.chat-input-wrapper{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--color-gray-100);border-radius:var(--radius-full);padding:4px}.attach-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--color-gray-500);flex-shrink:0}.attach-btn:hover{color:var(--color-green-primary);background:var(--color-white)}.chat-input-wrapper input{flex:1;padding:var(--spacing-sm);border:none;background:transparent;font-size:.9375rem;min-width:0}.chat-input-wrapper input::placeholder{color:var(--color-gray-400)}.chat-input-wrapper input:focus{outline:none}.send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-green-primary);color:var(--color-white);flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--color-green-dark)}.send-btn:disabled{background:var(--color-gray-300);cursor:not-allowed}.meet-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff40;border-radius:var(--radius-md);color:inherit;font-weight:600;text-decoration:none;margin-top:var(--spacing-sm);transition:all .2s ease}.message.received .meet-link{background:linear-gradient(135deg,var(--color-green-primary),var(--color-green-dark));color:var(--color-white)}.message.sent .meet-link{background:#ffffff4d}.meet-link:hover{transform:scale(1.02);box-shadow:0 2px 8px #0000001a}.call-modal{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);width:calc(100% - 32px);max-width:400px;position:relative;text-align:center}.call-modal .close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500)}.call-modal .close-btn:hover{background:var(--color-gray-100)}.call-modal-icon{width:80px;height:80px;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,var(--color-green-primary),var(--color-green-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white)}.call-modal h3{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.call-modal-desc{font-size:.875rem;color:var(--color-gray-600);margin-bottom:var(--spacing-lg);line-height:1.5}.call-modal-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.call-modal .primary-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-green-primary),var(--color-green-dark));color:var(--color-white);border-radius:var(--radius-lg);font-weight:600;font-size:1rem;width:100%;box-shadow:0 4px 12px #2e7d324d;transition:all .2s ease}.call-modal .primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #2e7d3266}.call-modal .primary-btn:disabled{opacity:.7;cursor:not-allowed}.start-call-btn .spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.call-modal-info{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-md);text-align:left}.call-modal-info p{font-size:.75rem;color:var(--color-gray-600);line-height:1.5}.call-modal-info strong{color:var(--color-gray-800)}@supports (padding: max(0px)){.chat-input-area{padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom))}.chat-header{padding-top:max(var(--spacing-sm),env(safe-area-inset-top))}}.chat-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-gray-600)}.chat-error h3{font-size:1.25rem;color:var(--color-gray-800);margin-bottom:var(--spacing-sm)}.chat-error p{font-size:.9375rem;margin-bottom:var(--spacing-lg);max-width:300px;line-height:1.5}.chat-error .btn-back{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-green-primary);color:var(--color-white);border-radius:var(--radius-lg);font-weight:600;transition:all .2s ease}.chat-error .btn-back:hover{background:var(--color-green-dark)}.triage-toggle{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);background:transparent;transition:all .2s ease}.triage-toggle:hover,.triage-toggle.active{background:#2e7d321a;color:var(--color-green-primary)}.triage-panel{background:linear-gradient(135deg,#f8fdf8,#f0f9f0);border-bottom:2px solid var(--color-green-primary);padding:var(--spacing-md);max-height:400px;overflow-y:auto}.animate-slide-down{animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:400px}}.triage-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.triage-panel-header h4{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:700;color:var(--color-green-primary);margin:0}.close-triage{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);transition:all .2s ease}.close-triage:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.triage-panel-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.urgency-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;width:fit-content}.urgency-badge.urgent{background:#c628281a;color:var(--color-red-primary);border:1px solid rgba(198,40,40,.3)}.urgency-badge.moderate{background:#c5a0281a;color:#b8860b;border:1px solid rgba(197,160,40,.3)}.urgency-badge.routine{background:#2e7d321a;color:var(--color-green-primary);border:1px solid rgba(46,125,50,.3)}.triage-section{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-sm);border:1px solid var(--color-gray-200)}.triage-section h5{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.triage-section h5 svg{color:var(--color-green-primary)}.main-complaint{font-size:.9375rem;color:var(--color-gray-800);line-height:1.5;margin:0}.triage-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs);font-size:.75rem;color:var(--color-gray-600)}.triage-meta strong{color:var(--color-gray-800)}.triage-factors{display:flex;flex-direction:column;gap:4px;margin-top:var(--spacing-xs)}.triage-factors .factor{font-size:.75rem;padding:4px 8px;border-radius:var(--radius-sm)}.triage-factors .factor.helps{background:#2e7d321a;color:var(--color-green-primary)}.triage-factors .factor.worsens{background:#c628281a;color:var(--color-red-primary)}.triage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs);font-size:.8125rem;color:var(--color-gray-600)}.triage-grid strong{color:var(--color-gray-800)}.triage-item{display:flex;align-items:flex-start;gap:var(--spacing-xs);font-size:.8125rem;color:var(--color-gray-700);margin-bottom:var(--spacing-xs)}.triage-item svg{flex-shrink:0;margin-top:2px;color:var(--color-gray-500)}.triage-item.warning{background:#ff98001a;padding:var(--spacing-xs);border-radius:var(--radius-sm);color:#e65100}.triage-extra{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.triage-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-gray-100);border-radius:var(--radius-full);font-size:.6875rem;color:var(--color-gray-600)}.triage-collapsed{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm);background:linear-gradient(135deg,#2e7d320d,#2e7d321a);border-bottom:1px solid rgba(46,125,50,.2);font-size:.8125rem;font-weight:500;color:var(--color-green-primary);transition:all .2s ease}.triage-collapsed:hover{background:#2e7d3226}.urgency-dot{width:8px;height:8px;border-radius:50%}.urgency-dot.urgent{background:var(--color-red-primary);box-shadow:0 0 8px #c6282880}.urgency-dot.moderate{background:var(--color-gold-primary)}.urgency-dot.routine{background:var(--color-green-primary)}.jitsi-call-container{display:flex;flex-direction:column;flex-shrink:0;background:#1a1a2e;border-bottom:2px solid var(--color-green-primary);transition:height .3s ease;height:55vh;min-height:300px}.jitsi-call-container.minimized{height:48px;min-height:48px}.jitsi-call-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0006;flex-shrink:0;z-index:1}.call-active-indicator{display:flex;align-items:center;gap:8px;color:#fff;font-size:.8125rem;font-weight:600}.pulse-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.jitsi-call-controls{display:flex;gap:6px}.jitsi-control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:#ffffff26;color:#fff;transition:all .2s ease}.jitsi-control-btn:hover{background:#ffffff4d}.jitsi-control-btn.end-call{background:#ef4444}.jitsi-control-btn.end-call:hover{background:#dc2626}.jitsi-embed{flex:1;overflow:hidden}.jitsi-call-container.minimized .jitsi-embed{display:none}.meet-link-btn{cursor:pointer;border:none;font-family:inherit}.meet-link.in-call{opacity:.7;cursor:default}.upload-progress-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2e7d3214;border-top:1px solid rgba(46,125,50,.2);font-size:.8125rem;color:var(--color-green-primary);font-weight:500}.spinning{animation:spin 1s linear infinite}.message-content{line-height:1.4;word-wrap:break-word}.message-content>span{font-size:.9375rem}.chat-image-container{display:flex;flex-direction:column;gap:4px;max-width:260px}.chat-image{border-radius:var(--radius-md);max-width:100%;max-height:240px;object-fit:cover;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.chat-image:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.chat-image-name{font-size:.6875rem;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-file-link{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all .2s ease;font-size:.875rem;font-weight:500}.message.sent .chat-file-link{background:#fff3;color:var(--color-white)}.message.received .chat-file-link{background:#2e7d3214;color:var(--color-gray-800)}.chat-file-link:hover{transform:scale(1.02)}.chat-file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.chat-file-loading{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;opacity:.7}.attach-btn:disabled{opacity:.4;cursor:not-allowed}.attach-btn:disabled:hover{color:var(--color-gray-500);background:transparent}.my-consultations{animation:fadeIn .3s ease}.consultations-title{font-size:1rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-md)}.consultations-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.consultation-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-white);border-radius:var(--radius-lg);text-align:left;transition:all .2s ease;border:1px solid transparent;width:100%}.consultation-card:hover:not(:disabled){border-color:var(--color-green-light);box-shadow:var(--shadow-sm)}.consultation-card:disabled{opacity:.7;cursor:default}.consultation-card.completed{background:var(--color-gray-50)}.consultation-avatar{width:44px;height:44px;border-radius:50%;background:var(--color-green-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.consultation-info{flex:1;min-width:0}.consultation-info h4{font-size:.875rem;font-weight:600;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.consultation-info p{font-size:.75rem;color:var(--color-gray-600)}.consultation-time{font-size:.6875rem;color:var(--color-gray-400)}.consultation-status{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;flex-shrink:0}.consultation-status.pending{background:#ff98001a;color:#f57c00}.consultation-status.active{background:#2e7d321a;color:var(--color-green-primary)}.consultation-status.completed{background:var(--color-gray-100);color:var(--color-gray-500)}.consultation-status.cancelled{background:#c628281a;color:var(--color-red-primary)}.consultation-status.gold{background:#c5a0281a;color:var(--color-gold-dark)}.my-consultations-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-500)}.my-consultations-empty svg{margin-bottom:var(--spacing-md);opacity:.5}.my-consultations-empty svg.spinner{opacity:1;color:var(--color-green-primary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.my-consultations-empty h3{font-size:1rem;color:var(--color-gray-700);margin-bottom:var(--spacing-xs)}.my-consultations-empty p{font-size:.8125rem}.subscription-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid rgba(255,152,0,.3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);color:#e65100;font-size:.875rem}.subscription-notice svg{flex-shrink:0}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--color-gray-50)}.main-content{flex:1;padding:var(--spacing-sm) 0;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.content-area{margin-top:var(--spacing-sm)}.my-chats-section{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.my-chats-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-white);border:2px solid var(--color-green-primary);color:var(--color-green-primary);border-radius:var(--radius-full);font-weight:600;font-size:.8125rem;transition:all .2s ease}.my-chats-btn:hover,.my-chats-btn.active{background:var(--color-green-primary);color:var(--color-white)}.subscription-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,var(--color-gold-primary),var(--color-gold-light));border:none;color:var(--color-white);border-radius:var(--radius-full);font-weight:600;font-size:.8125rem;transition:all .2s ease;box-shadow:0 2px 8px #c5a0284d}.subscription-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c5a02866}.seed-section{text-align:center;padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);margin-top:var(--spacing-md)}.seed-section p{margin-bottom:var(--spacing-sm);color:var(--color-gray-600);font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;transition:all .2s ease}.btn-primary{background-color:var(--color-green-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-green-dark)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-sm);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease}.loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-md);background:var(--color-gray-50)}.loading-page .spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top-color:var(--color-green-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-page p{color:var(--color-gray-600);font-size:.875rem}@media(min-width:768px){.main-content{padding:var(--spacing-md) 0}.container{padding:0 var(--spacing-md)}.content-area{margin-top:var(--spacing-md)}}.legal-page{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.legal-page-title{font-family:var(--font-display);font-size:1.5rem;color:var(--color-green-dark);line-height:1.3;margin-bottom:var(--spacing-xs)}.legal-page-updated{font-size:.8125rem;color:var(--color-gray-600);margin-bottom:var(--spacing-lg)}.legal-section{margin-bottom:var(--spacing-lg)}.legal-section h2{font-size:1.0625rem;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.legal-section p,.legal-section li{font-size:.9375rem;color:var(--color-gray-700);margin-bottom:var(--spacing-sm)}.legal-section ul{padding-left:1.25rem;margin-bottom:var(--spacing-sm)}.legal-section li{margin-bottom:var(--spacing-xs)}.legal-back{font-size:.875rem;margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.legal-back a{color:var(--color-green-primary);font-weight:600;text-decoration:none}.legal-back a:hover{text-decoration:underline;text-underline-offset:2px}@media(min-width:768px){.legal-page{padding:var(--spacing-xl)}.legal-page-title{font-size:1.75rem}}:root{--color-green-primary: #2E7D32;--color-green-light: #4CAF50;--color-green-dark: #1B5E20;--color-gold-primary: #C5A028;--color-gold-light: #D4AF37;--color-gold-dark: #A68B1F;--color-red-primary: #C62828;--color-red-light: #EF5350;--color-white: #FFFFFF;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #EEEEEE;--color-gray-300: #E0E0E0;--color-gray-400: #BDBDBD;--color-gray-500: #9E9E9E;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-available: #4CAF50;--color-busy: #FF9800;--color-offline: #9E9E9E;--font-primary: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Playfair Display", Georgia, serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);background-color:var(--color-gray-50);color:var(--color-gray-900);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}:focus-visible{outline:2px solid var(--color-green-primary);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:16px}.status-indicator{width:10px;height:10px;border-radius:50%;border:2px solid var(--color-white)}.status-indicator.online{background-color:var(--color-available)}.status-indicator.busy{background-color:var(--color-busy)}.status-indicator.offline{background-color:var(--color-offline)}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.spinner{width:24px;height:24px;border:3px solid var(--color-gray-200);border-top-color:var(--color-green-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px 8px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600}.badge-success{background-color:#2e7d321a;color:var(--color-green-primary)}.badge-gold{background-color:#c5a0281a;color:var(--color-gold-dark)}@supports (padding: max(0px)){.app{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}