.home-page{padding-bottom:var(--space-8)}.welcome-section{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-dark) 100%);border-radius:var(--radius-2xl);padding:var(--space-6);color:var(--white);margin-bottom:var(--space-6)}.welcome-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.welcome-avatar{width:64px;height:64px;border-radius:var(--radius-full);border:3px solid rgba(255,255,255,.3);overflow:hidden}.welcome-text h1{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.welcome-text p{font-size:var(--text-sm);opacity:.9}.welcome-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.welcome-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);color:var(--white);font-weight:var(--font-medium);transition:all var(--transition-fast)}.welcome-btn:hover{background-color:#ffffff4d}.upcoming-section{margin-bottom:var(--space-6)}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-title-sm{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900)}.view-all-link{font-size:var(--text-sm);color:var(--primary-green);font-weight:var(--font-medium)}.health-tips-section{margin-bottom:var(--space-6)}.tip-card{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.tip-icon{width:48px;height:48px;background-color:var(--accent-orange);color:var(--white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tip-icon svg{width:24px;height:24px}.tip-content h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-1)}.tip-content p{font-size:var(--text-sm);color:var(--gray-600);line-height:var(--leading-relaxed)}.appointments-page{padding-bottom:var(--space-8)}.appointments-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2)}.appointment-tab{flex-shrink:0;padding:var(--space-2) var(--space-4);background-color:var(--gray-100);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast)}.appointment-tab.active{background-color:var(--primary-green);color:var(--white)}.appointment-tab:hover:not(.active){background-color:var(--gray-200)}.book-cta{background:linear-gradient(135deg,var(--secondary-blue) 0%,var(--primary-green) 100%);border-radius:var(--radius-xl);padding:var(--space-5);color:var(--white);text-align:center;margin-bottom:var(--space-6)}.book-cta h2{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.book-cta p{font-size:var(--text-base);opacity:.9;margin-bottom:var(--space-4)}.doctors-page{padding-bottom:var(--space-8)}.specialty-filter{display:flex;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);margin-bottom:var(--space-4)}.specialty-chip{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--gray-100);border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast)}.specialty-chip svg{width:16px;height:16px}.specialty-chip.active{background-color:var(--primary-green-50);border-color:var(--primary-green);color:var(--primary-green)}.specialty-chip:hover:not(.active){background-color:var(--gray-200)}.records-page{padding-bottom:var(--space-8)}.records-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.record-category{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-4);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.record-category:hover{border-color:var(--primary-green-200);box-shadow:var(--shadow-sm)}.record-category-icon{width:56px;height:56px;background-color:var(--primary-green-50);color:var(--primary-green);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3)}.record-category-icon svg{width:28px;height:28px}.record-category-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-1)}.record-category-count{font-size:var(--text-sm);color:var(--gray-500)}.upload-area{border:2px dashed var(--gray-300);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-4);text-align:center;background-color:var(--gray-50);transition:all var(--transition-fast);cursor:pointer}.upload-area:hover,.upload-area.dragover{border-color:var(--primary-green);background-color:var(--primary-green-50)}.upload-area-icon{width:64px;height:64px;background-color:var(--white);color:var(--primary-green);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);box-shadow:var(--shadow-sm)}.upload-area-icon svg{width:32px;height:32px}.upload-area h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-2)}.upload-area p{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--space-4)}.document-list{display:flex;flex-direction:column;gap:var(--space-3)}.document-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.document-item:hover{border-color:var(--primary-green-200);box-shadow:var(--shadow-sm)}.document-icon{width:48px;height:48px;background-color:var(--gray-100);color:var(--gray-600);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.document-icon.pdf{background-color:var(--error-light);color:var(--error)}.document-icon.image{background-color:var(--secondary-blue-50);color:var(--secondary-blue)}.document-info{flex:1;min-width:0}.document-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--gray-900);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-meta{font-size:var(--text-xs);color:var(--gray-500)}.document-actions{display:flex;gap:var(--space-1)}.medicines-page{padding-bottom:var(--space-8)}.medicine-calendar{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-6)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.calendar-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900)}.calendar-nav{display:flex;gap:var(--space-2)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2);text-align:center}.calendar-day-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-500);padding:var(--space-2)}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast)}.calendar-day:hover{background-color:var(--gray-100)}.calendar-day.today{background-color:var(--primary-green);color:var(--white);font-weight:var(--font-semibold)}.calendar-day.has-medicine:after{content:"";width:4px;height:4px;background-color:var(--accent-orange);border-radius:var(--radius-full);margin-top:2px}.medicine-schedule{display:flex;flex-direction:column;gap:var(--space-3)}.medicine-time-slot{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden}.time-slot-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--gray-50);border-bottom:1px solid var(--gray-200)}.time-icon{width:32px;height:32px;background-color:var(--primary-green-50);color:var(--primary-green);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.time-icon svg{width:16px;height:16px}.time-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900)}.medicine-list{padding:var(--space-3)}.medicine-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.medicine-item:hover{background-color:var(--gray-50)}.medicine-checkbox{width:24px;height:24px;border:2px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.medicine-checkbox.checked{background-color:var(--success);border-color:var(--success);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:16px;background-position:center;background-repeat:no-repeat}.medicine-details{flex:1;min-width:0}.medicine-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-1)}.medicine-name.completed{text-decoration:line-through;color:var(--gray-500)}.medicine-dosage{font-size:var(--text-sm);color:var(--gray-500)}.emergency-page{padding-bottom:var(--space-8)}.emergency-hero{background:linear-gradient(135deg,var(--emergency-red) 0%,#991B1B 100%);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6);color:var(--white);text-align:center;margin-bottom:var(--space-6)}.emergency-hero-icon{width:80px;height:80px;background-color:#fff3;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);animation:pulse-emergency-hero 2s infinite}@keyframes pulse-emergency-hero{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 0 20px #fff0}}.emergency-hero-icon svg{width:40px;height:40px}.emergency-hero h1{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.emergency-hero p{font-size:var(--text-base);opacity:.9;margin-bottom:var(--space-6)}.emergency-btn-large{width:100%;padding:var(--space-5);background-color:var(--white);color:var(--emergency-red);border:none;border-radius:var(--radius-xl);font-size:var(--text-xl);font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;gap:var(--space-3);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-lg)}.emergency-btn-large:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.emergency-btn-large svg{width:28px;height:28px}.emergency-contacts{margin-bottom:var(--space-6)}.emergency-contact-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);margin-bottom:var(--space-3);cursor:pointer;transition:all var(--transition-fast)}.emergency-contact-card:hover{border-color:var(--emergency-red);box-shadow:var(--shadow-sm)}.emergency-contact-icon{width:48px;height:48px;background-color:var(--emergency-red-light);color:var(--emergency-red);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.emergency-contact-icon svg{width:24px;height:24px}.emergency-contact-info{flex:1;min-width:0}.emergency-contact-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-1)}.emergency-contact-number{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--emergency-red)}.emergency-contact-action{width:44px;height:44px;background-color:var(--emergency-red);color:var(--white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.emergency-contact-action svg{width:20px;height:20px}.profile-page{padding-bottom:var(--space-8)}.profile-header{background:linear-gradient(135deg,var(--primary-green) 0%,var(--secondary-blue) 100%);border-radius:var(--radius-2xl);padding:var(--space-6);color:var(--white);text-align:center;margin-bottom:var(--space-6)}.profile-avatar-large{width:100px;height:100px;border-radius:var(--radius-full);border:4px solid rgba(255,255,255,.3);overflow:hidden;margin:0 auto var(--space-4);background-color:var(--white)}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.profile-id{font-size:var(--text-sm);opacity:.9}.profile-menu{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden}.profile-menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--gray-100);cursor:pointer;transition:all var(--transition-fast)}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:hover{background-color:var(--gray-50)}.profile-menu-icon{width:40px;height:40px;background-color:var(--primary-green-50);color:var(--primary-green);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-menu-icon svg{width:20px;height:20px}.profile-menu-content{flex:1;min-width:0}.profile-menu-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--gray-900)}.profile-menu-arrow{color:var(--gray-400)}.auth-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--gray-50)}.auth-header{padding:var(--space-6);text-align:center}.auth-logo{width:80px;height:80px;margin:0 auto var(--space-4)}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--primary-green);margin-bottom:var(--space-2)}.auth-subtitle{font-size:var(--text-base);color:var(--gray-600)}.auth-content{flex:1;padding:0 var(--space-6) var(--space-6)}.auth-card{background-color:var(--white);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.auth-footer{padding:var(--space-6);text-align:center}.auth-link{color:var(--primary-green);font-weight:var(--font-medium)}.phone-input-group{display:flex;gap:var(--space-2)}.phone-country{width:100px;flex-shrink:0}.phone-number{flex:1}.otp-input-group{display:flex;gap:var(--space-2);justify-content:center}.otp-input{width:48px;height:56px;text-align:center;font-size:var(--text-xl);font-weight:var(--font-bold);border:2px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.otp-input:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px var(--primary-green-100);outline:none}.token-page{padding-bottom:var(--space-8)}.token-status{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6)}.token-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.token-status-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900)}.token-status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.token-status-badge.active{background-color:var(--success-light);color:var(--success)}.token-status-badge.expired{background-color:var(--error-light);color:var(--error)}.token-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.token-detail{text-align:center;padding:var(--space-3);background-color:var(--gray-50);border-radius:var(--radius-lg)}.token-detail-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-1)}.token-detail-label{font-size:var(--text-xs);color:var(--gray-500)}.queue-status{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6)}.queue-header{text-align:center;margin-bottom:var(--space-4)}.queue-position{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--primary-green);margin-bottom:var(--space-2)}.queue-label{font-size:var(--text-base);color:var(--gray-600)}.queue-progress{height:8px;background-color:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4)}.queue-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-green),var(--secondary-blue));border-radius:var(--radius-full);transition:width var(--transition-slow)}.queue-info{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--gray-600)}.payment-page{padding-bottom:var(--space-8)}.payment-summary{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6)}.payment-summary-header{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-200)}.payment-item{display:flex;justify-content:space-between;margin-bottom:var(--space-3);font-size:var(--text-base)}.payment-item-label{color:var(--gray-600)}.payment-item-value{font-weight:var(--font-medium);color:var(--gray-900)}.payment-total{display:flex;justify-content:space-between;padding-top:var(--space-3);border-top:2px solid var(--gray-200);margin-top:var(--space-3)}.payment-total-label{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900)}.payment-total-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-green)}.payment-methods{margin-bottom:var(--space-6)}.payment-method{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);margin-bottom:var(--space-3);cursor:pointer;transition:all var(--transition-fast)}.payment-method:hover{border-color:var(--primary-green-200)}.payment-method.selected{border-color:var(--primary-green);background-color:var(--primary-green-50)}.payment-method-radio{width:24px;height:24px;border:2px solid var(--gray-400);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-method.selected .payment-method-radio{border-color:var(--primary-green);background-color:var(--primary-green)}.payment-method.selected .payment-method-radio:after{content:"";width:8px;height:8px;background-color:var(--white);border-radius:var(--radius-full)}.payment-method-icon{width:48px;height:48px;background-color:var(--gray-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-method-icon svg{width:24px;height:24px;color:var(--gray-600)}.payment-method-info{flex:1;min-width:0}.payment-method-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-1)}.payment-method-desc{font-size:var(--text-sm);color:var(--gray-500)}