@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.admin-sidebar{background:#fff;box-shadow:2px 0 10px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:50}.admin-sidebar.collapsed{width:64px}.admin-sidebar.expanded{width:320px}.sidebar-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.sidebar-header-content{display:flex;flex-direction:column}.sidebar-title{font-size:20px;font-weight:700;color:#2563eb;margin:0}.sidebar-subtitle{font-size:14px;color:#6b7280;margin:0}.sidebar-toggle-btn{padding:8px;border-radius:8px;border:none;background:transparent;cursor:pointer;transition:background-color .2s}.sidebar-toggle-btn:hover{background-color:#f3f4f6}.sidebar-nav{flex:1;overflow-y:auto;padding:16px}.nav-section{margin-bottom:24px}.nav-section-title{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.nav-items{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;padding:8px 12px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;color:#374151}.nav-item:hover{background-color:#e2efff;color:#005184}.nav-item.active{background-color:#eff6ff;color:#007fe0;border-right:2px solid #2563eb}.nav-item-icon{width:20px;height:20px;margin-right:12px;flex-shrink:0}.nav-item-text{flex:1}.nav-item-badge{margin-left:8px;padding:2px 8px;background-color:#fef2f2;color:#dc2626;font-size:12px;border-radius:9999px}.sidebar-user{padding:16px;border-top:1px solid #e5e7eb}.user-info{display:flex;align-items:center}.user-avatar{width:32px;height:32px;background-color:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:500}.user-details{margin-left:12px}.user-name{font-size:14px;font-weight:500;color:#111827;margin:0}.user-role{font-size:12px;color:#6b7280;margin:0}@media (max-width: 768px){.admin-sidebar{position:fixed;transform:translate(-100%)}.admin-sidebar.expanded{transform:translate(0)}}.admin-navbar{background:#fff;box-shadow:0 1px 3px #0000001a;border-bottom:1px solid #e5e7eb;padding:16px 24px;position:sticky;top:0;z-index:40}.navbar-container{display:flex;align-items:center;justify-content:space-between;max-width:100%}.navbar-content{display:flex;flex-direction:column}.navbar-title{font-size:24px;font-weight:700;color:#111827;margin:0;line-height:1.2}.navbar-subtitle{font-size:14px;color:#6b7280;margin:4px 0 0}.navbar-actions{display:flex;align-items:center;gap:16px}.navbar-btn{padding:8px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s;color:#9ca3af;display:flex;align-items:center;justify-content:center}.navbar-btn:hover{color:#6b7280;background-color:#f3f4f6}.navbar-btn-icon{width:20px;height:20px}.quick-action-btn{padding:8px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px}.quick-action-btn:hover{background-color:#1d4ed8}.quick-action-icon{width:16px;height:16px}.user-menu-container{position:relative}.user-menu-btn{display:flex;align-items:center;gap:12px;padding:8px 12px;background:transparent;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;min-width:180px}.user-menu-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar-icon{width:18px;height:18px;color:#fff}.user-info{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.user-name{font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:12px;color:#6b7280;text-transform:capitalize}.chevron-icon{width:16px;height:16px;color:#9ca3af;transition:transform .2s;flex-shrink:0}.chevron-icon.rotated{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;min-width:280px;z-index:50;overflow:hidden}.dropdown-header{padding:20px;border-bottom:1px solid #f3f4f6;background:#f9fafb}.dropdown-user-info{display:flex;align-items:center;gap:12px}.dropdown-avatar{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center}.dropdown-avatar-icon{width:24px;height:24px;color:#fff}.dropdown-name{font-size:16px;font-weight:600;color:#111827;margin-bottom:4px}.dropdown-email{font-size:14px;color:#6b7280}.dropdown-actions{padding:8px}.dropdown-action{width:100%;padding:12px 16px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;font-size:14px;color:#374151;text-align:left}.dropdown-action:hover{background-color:#f3f4f6}.dropdown-action.logout{color:#dc2626}.dropdown-action.logout:hover{background-color:#fef2f2}.dropdown-action-icon{width:18px;height:18px}@media (max-width: 768px){.admin-navbar{padding:12px 16px}.navbar-title{font-size:20px}.navbar-subtitle{font-size:12px}.navbar-actions{gap:8px}.quick-action-btn{padding:6px 12px;font-size:12px}.user-menu-btn{min-width:140px;padding:6px 8px}.user-name{font-size:12px}.user-role{font-size:10px}.user-dropdown{min-width:240px;right:-20px}}.admin-footer{background:#fff;border-top:1px solid #e5e7eb;padding:16px;text-align:center;font-size:12px;color:#6b7280;margin-top:auto}.footer-text{margin:0;font-size:12px;color:#6b7280}.admin-layout{display:flex;height:100vh;background-color:#f9fafb}.admin-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:320px;transition:margin-left .3s ease}.admin-main-content.sidebar-collapsed{margin-left:64px}@media (max-width: 768px){.admin-main-content,.admin-main-content.sidebar-collapsed{margin-left:0}}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.admin-login-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:450px;text-align:center}.admin-login-header{margin-bottom:30px}.admin-logo{margin-bottom:20px}.admin-logo img{height:60px;width:auto}.admin-login-header h1{color:#333;font-size:28px;font-weight:700;margin-bottom:10px}.admin-login-header p{color:#666;font-size:16px;margin:0}.admin-login-form{text-align:left}.form-group label{display:block;color:#333;font-weight:600;margin-bottom:8px;font-size:14px}.input-icon{position:absolute;left:12px;color:#999;width:20px;height:20px}.form-input{width:100%;padding:15px 15px 15px 45px;border:2px solid #e1e5e9;border-radius:10px;font-size:16px;transition:all .3s ease;background:#f8f9fa}.form-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#999;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#667eea}.login-button{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.login-button:disabled{opacity:.7;cursor:not-allowed}.error-message{background:#fee;color:#c53030;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #fed7d7}.admin-login-footer{margin-top:30px;padding-top:20px;border-top:1px solid #e1e5e9;color:#666;font-size:14px}.admin-login-footer p{margin:5px 0}.admin-login-footer strong{color:#333}.quick-login-buttons{display:flex;gap:10px;margin:15px 0;justify-content:center}.quick-login-btn{padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;max-width:150px}.quick-login-btn.primary{background:#10b981;color:#fff}.quick-login-btn.primary:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.quick-login-btn.secondary{background:#f59e0b;color:#fff}.quick-login-btn.secondary:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.quick-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.credentials-info{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.credentials-info p{margin:8px 0;font-size:13px}@media (max-width: 480px){.admin-login-card{padding:30px 20px;margin:10px}.admin-login-header h1{font-size:24px}.form-input{padding:12px 12px 12px 40px;font-size:14px}.quick-login-buttons{flex-direction:column;align-items:center}.quick-login-btn{max-width:200px}}.dashboard-main{padding:24px;background:#f9fafb;min-height:calc(100vh - 80px)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.stat-card-content{display:flex;align-items:center;justify-content:space-between}.stat-card-info{flex:1}.stat-card-title{color:#6b7280;font-size:14px;font-weight:500;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.stat-card-value{color:#111827;font-size:32px;font-weight:700;margin:0 0 4px;line-height:1}.stat-card-change{font-size:14px;font-weight:500;margin:0}.stat-card-change.positive{color:#10b981}.stat-card-change.negative{color:#ef4444}.stat-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card-icon.pink{background:linear-gradient(135deg,#ec4899,#be185d)}.stat-card-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.quick-stat-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6}.quick-stat-content{display:flex;align-items:center;gap:12px}.quick-stat-info{flex:1}.quick-stat-title{color:#6b7280;font-size:12px;font-weight:500;margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em}.quick-stat-value{font-size:24px;font-weight:700;margin:0 0 2px;line-height:1}.quick-stat-value.green{color:#10b981}.quick-stat-value.blue{color:#3b82f6}.quick-stat-value.purple{color:#8b5cf6}.quick-stat-value.indigo{color:#6366f1}.quick-stat-period{color:#9ca3af;font-size:11px;margin:0}.quick-stat-icon{width:32px;height:32px;flex-shrink:0}.quick-stat-icon.green{color:#10b981}.quick-stat-icon.blue{color:#3b82f6}.quick-stat-icon.purple{color:#8b5cf6}.quick-stat-icon.indigo{color:#6366f1}.main-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.activity-card,.health-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.activity-header,.health-header{padding:20px 24px;border-bottom:1px solid #f3f4f6;background:#f9fafb}.activity-header-content{display:flex;align-items:center;justify-content:space-between}.activity-title,.health-title{color:#111827;font-size:18px;font-weight:600;margin:0}.activity-view-all{color:#3b82f6;background:none;border:none;font-size:14px;font-weight:500;cursor:pointer;padding:0}.activity-view-all:hover{text-decoration:underline}.activity-content,.health-content{padding:0}.activity-list,.health-list{padding:0;margin:0}.activity-item,.health-item{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.activity-item:last-child,.health-item:last-child{border-bottom:none}.activity-item:hover{background-color:#f9fafb}.activity-icon-container{width:40px;height:40px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.activity-icon{width:20px;height:20px;color:#6b7280}.activity-details{flex:1;min-width:0}.activity-user{color:#111827;font-size:14px;font-weight:500;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{color:#9ca3af;font-size:12px;margin:0}.activity-chevron{width:16px;height:16px;color:#d1d5db;margin-left:16px;flex-shrink:0}.health-item-left{display:flex;align-items:center;gap:12px;flex:1}.health-icon{width:20px;height:20px}.health-icon.green{color:#10b981}.health-icon.yellow{color:#f59e0b}.health-name{color:#374151;font-size:14px;font-weight:500}.health-item-right{display:flex;align-items:center;gap:8px}.health-status-dot{width:8px;height:8px;border-radius:50%}.health-status-dot.green{background:#10b981}.health-status-dot.yellow{background:#f59e0b}.health-status-text{font-size:12px;font-weight:500}.health-status-text.green{color:#10b981}.health-status-text.yellow{color:#f59e0b}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.quick-action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;text-align:left}.quick-action-btn:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000000d;transform:translateY(-1px)}.quick-action-content{display:flex;align-items:center;gap:16px}.quick-action-icon{width:32px;height:32px;flex-shrink:0}.quick-action-icon.blue{color:#3b82f6}.quick-action-icon.green{color:#10b981}.quick-action-icon.purple{color:#8b5cf6}.quick-action-icon.orange{color:#f59e0b}.quick-action-text{flex:1}.quick-action-title{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.quick-action-description{color:#6b7280;font-size:14px;margin:0}@media (max-width: 1024px){.main-content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-main{padding:16px}.overview-grid{grid-template-columns:1fr;gap:16px}.quick-stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:1fr}.stat-card{padding:20px}.stat-card-value{font-size:28px}.quick-stat-value{font-size:20px}}@media (max-width: 480px){.quick-stats-grid{grid-template-columns:1fr}.activity-item,.health-item{padding:12px 16px}.activity-header,.health-header{padding:16px}}.users-page{flex:1;overflow-y:auto;padding:24px;background-color:#f9fafb;min-height:100vh}.users-header{margin-bottom:32px}.users-header-content{display:flex;justify-content:space-between;align-items:flex-start}.users-title{font-size:28px;font-weight:700;color:#111827;margin:0 0 8px}.users-subtitle{font-size:14px;color:#6b7280;margin:0}.users-actions{display:flex;gap:12px}.export-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.export-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.add-user-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2563eb;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-user-btn:hover{background-color:#1d4ed8}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;display:flex;align-items:center;gap:16px;transition:box-shadow .2s}.stat-icon{width:100px;height:48px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.total{background-color:#6366f1}.stat-icon.mothers{background-color:#ec4899}.stat-icon.doctors{background-color:#3b82f6}.stat-icon.midwives{background-color:#10b981}.stat-icon.active{background-color:#059669}.stat-icon.inactive{background-color:#dc2626}.stat-content{flex:1}.stat-value{font-size:24px;font-weight:700;color:#111827;margin:0 0 4px}.stat-label{font-size:14px;color:#6b7280;margin:0}.filters-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.search-container{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;width:20px;height:20px}.search-input{width:100%;padding:12px 12px 12px 44px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s}.filters-container{position:relative}.filter-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.filter-btn.active{background-color:#eff6ff;border-color:#2563eb;color:#2563eb}.filter-btn .rotate{transform:rotate(180deg)}.filter-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:10;min-width:150px}.filter-option{display:block;width:100%;padding:12px 16px;text-align:left;background:none;border:none;color:#374151;font-size:14px;cursor:pointer;transition:background-color .2s}.filter-option:hover{background-color:#f9fafb}.filter-option.active{background-color:#eff6ff;color:#2563eb}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.user-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden;transition:box-shadow .2s}.user-card:hover{box-shadow:0 4px 6px #0000001a}.user-card-header{padding:20px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:12px}.user-avatar{width:48px;height:48px;background:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.user-info{flex:1}.user-name{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.user-role-badge{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.role-text.pink{color:#ec4899}.role-text.blue{color:#3b82f6}.role-text.green{color:#10b981}.role-text.gray{color:#6b7280}.user-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.green{background-color:#10b981}.status-dot.red{background-color:#ef4444}.status-text.green{color:#10b981}.status-text.red{color:#ef4444}.user-actions{position:relative}.action-btn{padding:8px;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.action-btn:hover{background-color:#f3f4f6;color:#374151}.user-card-body{padding:20px}.user-details{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.detail-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.detail-item svg{color:#9ca3af}.user-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f3f4f6}.last-active{font-size:12px;color:#9ca3af}.user-actions-footer{display:flex;gap:4px}.action-btn-small{padding:6px;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s}.action-btn-small:hover{background-color:#f3f4f6;color:#374151}.action-btn-small.delete:hover{background-color:#fef2f2;color:#dc2626}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state svg{color:#d1d5db;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-container p{color:#6b7280;font-size:16px;margin:0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-icon{width:64px;height:64px;color:#dc2626;margin-bottom:16px}.error-container h3{color:#111827;font-size:20px;font-weight:600;margin:0 0 8px}.error-container p{color:#6b7280;font-size:16px;margin:0 0 24px}.retry-btn{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.retry-btn:hover{background:#5a67d8;transform:translateY(-1px)}.user-actions-footer{display:flex;gap:8px;align-items:center}.status-toggle-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.status-toggle-btn.activate{background:#10b981;color:#fff}.status-toggle-btn.activate:hover{background:#059669}.status-toggle-btn.deactivate{background:#f59e0b;color:#fff}.status-toggle-btn.deactivate:hover{background:#d97706}.delete-btn{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px;padding:20px 0}.pagination-btn{padding:8px 16px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#6b7280;font-size:14px;font-weight:500}@media (max-width: 768px){.users-page{padding:16px}.users-header-content{flex-direction:column;gap:16px}.users-actions{width:100%}.export-btn,.add-user-btn{flex:1;justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.filters-section{flex-direction:column;align-items:stretch}.search-container{max-width:none}.users-grid{grid-template-columns:1fr}.user-card-header,.user-card-body{padding:16px}.user-actions-footer{flex-direction:column;gap:6px;align-items:stretch}.status-toggle-btn,.delete-btn{padding:8px 12px;font-size:11px}.pagination{flex-direction:column;gap:12px}}.mothers-dashboard-main{flex:1;overflow-y:auto;padding:24px;background-color:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.mothers-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.mothers-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.mothers-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ec4899,#f97316)}.mothers-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.mothers-stat-icon-container{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;position:relative;z-index:1}.mothers-stat-icon-container.pink{background:linear-gradient(135deg,#ec4899,#f97316);box-shadow:0 4px 12px #ec48994d}.mothers-stat-icon-container.green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.mothers-stat-icon-container.red{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.mothers-stat-icon-container.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.mothers-stat-icon{width:28px;height:28px}.mothers-stat-content{flex:1}.mothers-stat-label{font-size:14px;font-weight:600;color:#64748b;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.mothers-stat-value{font-size:32px;font-weight:800;color:#1e293b;margin:0;line-height:1}.mothers-filters-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;padding:24px;margin-bottom:24px}.mothers-filters-container{display:flex;flex-direction:column;gap:20px}.mothers-search-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.mothers-search-container{position:relative;flex:1;min-width:300px}.mothers-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;width:20px;height:20px;z-index:2}.mothers-search-input{width:100%;padding:12px 16px 12px 48px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:500;color:#1e293b;background:#f8fafc;transition:all .3s ease}.mothers-search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.mothers-status-select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:500;color:#1e293b;background:#f8fafc;cursor:pointer;transition:all .3s ease;min-width:140px}.mothers-status-select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.mothers-filter-btn{padding:12px 20px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.mothers-filter-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#cbd5e1;transform:translateY(-1px)}.mothers-export-btn{padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.mothers-export-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.mothers-bulk-action-btn{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.mothers-bulk-action-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.mothers-table-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:24px}.mothers-table-container{overflow-x:auto}.mothers-table{width:100%;border-collapse:collapse;font-size:14px}.mothers-table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.mothers-table-header-row{height:60px}.mothers-table-header-cell{padding:16px 20px;text-align:left;font-weight:700;color:#475569;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.mothers-checkbox-cell{width:50px;padding:16px 20px;text-align:center}.mothers-checkbox-input{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;transition:all .3s ease}.mothers-checkbox-input:checked{background-color:#3b82f6;border-color:#3b82f6}.mothers-table-body{background:#fff}.mothers-table-row{border-bottom:1px solid #f1f5f9;transition:all .3s ease}.mothers-table-row:hover{background:#f8fafc;transform:scale(1.001)}.mothers-table-cell{padding:20px;vertical-align:middle}.mothers-details-cell{padding:20px}.mothers-info{display:flex;align-items:center;gap:16px}.mothers-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#ec4899,#f97316);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;box-shadow:0 4px 12px #ec48994d}.mothers-details{flex:1}.mothers-name{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 4px;line-height:1.2}.mothers-age{font-size:13px;color:#64748b;margin:0 0 6px;font-weight:500}.mothers-location{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;font-weight:500}.mothers-contact-cell{padding:20px}.mothers-contact-info{display:flex;flex-direction:column;gap:6px}.mothers-contact-email{font-weight:600;color:#1e293b;font-size:14px;text-decoration:none}.mothers-contact-email:hover{color:#3b82f6}.mothers-contact-phone{color:#64748b;font-size:13px;font-weight:500}.mothers-risk-level-cell{padding:20px}.mothers-risk-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mothers-risk-badge.bg-green-100{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.mothers-risk-badge.bg-yellow-100{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.mothers-risk-badge.bg-red-100{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.mothers-risk-badge.bg-gray-100{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.mothers-provider-cell{padding:20px;font-weight:600;color:#1e293b}.mothers-last-visit-cell{padding:20px;color:#64748b;font-weight:500}.mothers-status-cell{padding:20px}.mothers-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mothers-status-badge.bg-green-100{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.mothers-status-badge.bg-red-100{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.mothers-status-badge.bg-yellow-100{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.mothers-status-badge.bg-gray-100{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.mothers-actions-cell{padding:20px}.mothers-action-buttons{display:flex;gap:8px;align-items:center}.mothers-action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px}.mothers-action-btn.view{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.mothers-action-btn.view:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.mothers-action-btn.edit{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mothers-action-btn.edit:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.mothers-action-btn.more{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b}.mothers-action-btn.more:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.mothers-action-icon{width:16px;height:16px}.mothers-empty-state{text-align:center;padding:60px 24px}.mothers-empty-content{display:flex;flex-direction:column;align-items:center;gap:20px}.mothers-empty-icon{width:64px;height:64px;color:#cbd5e1}.mothers-empty-title{font-size:20px;font-weight:700;color:#1e293b;margin:0}.mothers-empty-description{font-size:16px;color:#64748b;margin:0;max-width:400px}.mothers-pagination-container{background:#fff;border-top:1px solid #e2e8f0;padding:20px 24px}.mothers-pagination-content{display:flex;justify-content:space-between;align-items:center}.mothers-pagination-info{color:#64748b;font-size:14px;font-weight:500}.mothers-pagination-text{margin:0}.mothers-pagination-nav{display:flex;gap:8px;align-items:center}.mothers-pagination-btn{padding:8px 16px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease}.mothers-pagination-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.mothers-pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.mothers-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.mothers-quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:24px}.mothers-quick-action-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;padding:24px;text-decoration:none;transition:all .3s ease;display:block}.mothers-quick-action-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.mothers-quick-action-content{display:flex;align-items:center;gap:16px}.mothers-quick-action-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.mothers-quick-action-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.mothers-quick-action-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.mothers-quick-action-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.mothers-quick-action-text{flex:1}.mothers-quick-action-title{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 4px}.mothers-quick-action-description{font-size:14px;color:#64748b;margin:0;line-height:1.4}.mothers-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.mothers-loading-spinner{width:48px;height:48px;animation:mothers-spin 1s linear infinite;color:#3b82f6}@keyframes mothers-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mothers-loading-container p{color:#64748b;font-size:16px;font-weight:500}.mothers-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px;text-align:center}.mothers-error-icon{width:64px;height:64px;color:#ef4444}.mothers-error-container h3{color:#1e293b;font-size:24px;font-weight:700;margin:0}.mothers-error-container p{color:#64748b;font-size:16px;margin:0;max-width:400px}.mothers-retry-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.mothers-retry-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 1024px){.mothers-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.mothers-search-filters{flex-direction:column;align-items:stretch}.mothers-search-container{min-width:auto}}@media (max-width: 768px){.mothers-dashboard-main{padding:16px}.mothers-stats-grid{grid-template-columns:1fr;gap:12px}.mothers-stat-card{padding:20px}.mothers-table-container{font-size:12px}.mothers-table-cell{padding:12px}.mothers-quick-actions-grid{grid-template-columns:1fr}}.providers-dashboard-main{flex:1;overflow-y:auto;padding:24px;background-color:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.providers-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.providers-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.providers-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.providers-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.providers-stat-icon-container{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;position:relative;z-index:1}.providers-stat-icon-container.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.providers-stat-icon-container.green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.providers-stat-icon-container.orange{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px #f973164d}.providers-stat-icon-container.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.providers-stat-icon{width:28px;height:28px}.providers-stat-content{flex:1}.providers-stat-label{font-size:14px;font-weight:600;color:#64748b;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.providers-stat-value{font-size:32px;font-weight:800;color:#1e293b;margin:0;line-height:1}.providers-toggle-container{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;padding:24px;margin-bottom:24px}.providers-toggle-buttons{display:flex;gap:12px;align-items:center}.providers-toggle-btn{padding:12px 24px;border:2px solid #e2e8f0;background:#f8fafc;border-radius:12px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;position:relative}.providers-toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.providers-toggle-btn:hover:not(.active){background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px)}.providers-toggle-count{background:#fff3;color:inherit;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;min-width:20px;text-align:center}.providers-filters-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;padding:24px;margin-bottom:24px}.providers-filters-container{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.providers-search-container{position:relative;flex:1;min-width:300px}.providers-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;width:20px;height:20px;z-index:2}.providers-search-input{width:100%;padding:12px 16px 12px 48px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:500;color:#1e293b;background:#f8fafc;transition:all .3s ease}.providers-search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.providers-status-select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:500;color:#1e293b;background:#f8fafc;cursor:pointer;transition:all .3s ease;min-width:140px}.providers-status-select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.providers-specialization-select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:500;color:#1e293b;background:#f8fafc;cursor:pointer;transition:all .3s ease;min-width:160px}.providers-specialization-select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.providers-filter-btn{padding:12px 20px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.providers-filter-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#cbd5e1;transform:translateY(-1px)}.providers-export-btn{padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.providers-export-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.providers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;margin-bottom:24px}.providers-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.providers-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.providers-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.providers-card-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.providers-avatar{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px;box-shadow:0 4px 12px #3b82f64d}.providers-info{flex:1}.providers-name{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 4px;line-height:1.2}.providers-type{font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.providers-specialization{font-size:16px;font-weight:600;color:#3b82f6;margin:0}.providers-card-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.providers-detail-group{display:flex;flex-direction:column;gap:8px}.providers-detail-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.providers-detail-value{font-size:14px;font-weight:600;color:#1e293b}.providers-stats{display:flex;gap:16px;margin-bottom:20px}.providers-stat-item{text-align:center;flex:1}.providers-stat-number{font-size:24px;font-weight:800;color:#1e293b;margin:0 0 4px}.providers-stat-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0}.providers-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block;margin-bottom:16px}.providers-card-actions{display:flex;gap:8px;align-items:center}.providers-empty-state{text-align:center;padding:60px 24px}.providers-empty-content{display:flex;flex-direction:column;align-items:center;gap:20px}.providers-empty-icon{width:64px;height:64px;color:#cbd5e1}.providers-empty-title{font-size:20px;font-weight:700;color:#1e293b;margin:0}.providers-empty-description{font-size:16px;color:#64748b;margin:0;max-width:400px}.providers-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.providers-loading-spinner{width:48px;height:48px;animation:providers-spin 1s linear infinite;color:#3b82f6}@keyframes providers-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.providers-loading-container p{color:#64748b;font-size:16px;font-weight:500}.providers-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px;text-align:center}.providers-error-icon{width:64px;height:64px;color:#ef4444}.providers-error-container h3{color:#1e293b;font-size:24px;font-weight:700;margin:0}.providers-error-container p{color:#64748b;font-size:16px;margin:0;max-width:400px}.providers-retry-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.providers-retry-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.providers-table-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:24px}.providers-table-container{overflow-x:auto}.providers-table{width:100%;border-collapse:collapse;font-size:14px}.providers-table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.providers-table-header-row{height:60px}.providers-table-header-cell{padding:16px 20px;text-align:left;font-weight:700;color:#475569;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.providers-checkbox-cell{width:50px;padding:16px 20px;text-align:center}.providers-checkbox-input{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;transition:all .3s ease}.providers-checkbox-input:checked{background-color:#3b82f6;border-color:#3b82f6}.providers-table-body{background:#fff}.providers-table-row{border-bottom:1px solid #f1f5f9;transition:all .3s ease}.providers-table-row:hover{background:#f8fafc;transform:scale(1.001)}.providers-table-cell{padding:20px;vertical-align:middle}.providers-details-cell{padding:20px}.providers-info{display:flex;align-items:center;gap:16px}.providers-avatar{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;box-shadow:0 4px 12px #3b82f64d}.providers-avatar.doctor{background:linear-gradient(135deg,#3b82f6,#2563eb)}.providers-avatar.midwife{background:linear-gradient(135deg,#ec4899,#db2777)}.providers-details{flex:1}.providers-name{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 4px;line-height:1.2}.providers-type{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}.providers-location{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;font-weight:500}.providers-contact-cell{padding:20px}.providers-contact-info{display:flex;flex-direction:column;gap:6px}.providers-contact-email{font-weight:600;color:#1e293b;font-size:14px;text-decoration:none}.providers-contact-email:hover{color:#3b82f6}.providers-contact-phone{color:#64748b;font-size:13px;font-weight:500}.providers-specialization-cell{padding:20px}.providers-specialization{font-weight:600;color:#1e293b;font-size:14px;margin:0 0 4px}.providers-qualifications{color:#64748b;font-size:13px;font-weight:500}.providers-experience-cell{padding:20px}.providers-experience{font-weight:600;color:#1e293b;font-size:14px;margin:0 0 4px}.providers-availability{color:#64748b;font-size:13px;font-weight:500}.providers-stats-cell{padding:20px}.providers-stats-mini{display:flex;flex-direction:column;gap:8px}.providers-stat-mini-item{text-align:center}.providers-stat-mini-number{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 2px}.providers-stat-mini-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0}.providers-status-cell{padding:20px}.providers-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.providers-status-badge.verified{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.providers-status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.providers-actions-cell{padding:20px}.providers-action-buttons{display:flex;gap:8px;align-items:center}.providers-action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px}.providers-action-btn.view{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.providers-action-btn.view:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.providers-action-btn.edit{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.providers-action-btn.edit:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.providers-action-btn.more{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b}.providers-action-btn.more:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.providers-action-icon{width:16px;height:16px}.providers-pagination-container{background:#fff;border-top:1px solid #e2e8f0;padding:20px 24px}.providers-pagination-content{display:flex;justify-content:space-between;align-items:center}.providers-pagination-info{color:#64748b;font-size:14px;font-weight:500}.providers-pagination-text{margin:0}.providers-pagination-nav{display:flex;gap:8px;align-items:center}.providers-pagination-btn{padding:8px 16px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease}.providers-pagination-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.providers-pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.providers-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.providers-quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:24px}.providers-quick-action-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;padding:24px;text-decoration:none;transition:all .3s ease;display:block}.providers-quick-action-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.providers-quick-action-content{display:flex;align-items:center;gap:16px}.providers-quick-action-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.providers-quick-action-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.providers-quick-action-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.providers-quick-action-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.providers-quick-action-text{flex:1}.providers-quick-action-title{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 4px}.providers-quick-action-description{font-size:14px;color:#64748b;margin:0;line-height:1.4}@media (max-width: 1024px){.providers-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.providers-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.providers-filters-container{flex-direction:column;align-items:stretch}.providers-search-container{min-width:auto}}@media (max-width: 768px){.providers-dashboard-main{padding:16px}.providers-stats-grid{grid-template-columns:1fr;gap:12px}.providers-stat-card{padding:20px}.providers-grid,.providers-card-content{grid-template-columns:1fr;gap:16px}.providers-toggle-buttons{flex-direction:column;align-items:stretch}}.role-access-page{flex:1;overflow-y:auto;padding:24px;background-color:#f9fafb;min-height:100vh}.page-header{background:#fff;box-shadow:0 1px 3px #0000001a;border-bottom:1px solid #e5e7eb;padding:24px;margin-bottom:0}.header-content{display:flex;justify-content:space-between;align-items:center}.header-info{flex:1}.page-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 4px}.page-description{font-size:14px;color:#6b7280;margin:0}.header-actions{display:flex;gap:12px;align-items:center}.export-roles-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.export-roles-btn:hover{background-color:#e5e7eb}.create-role-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.create-role-btn:hover{background-color:#1d4ed8}.export-icon,.create-icon{width:16px;height:16px}.tab-navigation{background:#fff;border-bottom:1px solid #e5e7eb}.tab-nav{display:flex;padding:0 24px}.tab-button{padding:16px 24px;font-size:14px;font-weight:500;border:none;background:none;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-button:hover{color:#374151;border-bottom-color:#d1d5db}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb;background-color:#eff6ff}.main-content{flex:1;overflow-y:auto;padding:24px;background-color:#f9fafb}.definitions-content{display:flex;flex-direction:column;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px;transition:box-shadow .2s}.stat-card:hover{box-shadow:0 4px 6px #0000001a}.stat-content{display:flex;align-items:center;gap:16px}.stat-icon{width:32px;height:32px;flex-shrink:0}.stat-icon.blue{color:#3b82f6}.stat-icon.green{color:#10b981}.stat-icon.orange{color:#f59e0b}.stat-icon.purple{color:#8b5cf6}.stat-info{flex:1}.stat-label{font-size:14px;font-weight:500;color:#6b7280;margin:0 0 4px}.stat-value{font-size:24px;font-weight:700;color:#111827;margin:0}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.role-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px;transition:box-shadow .2s}.role-card:hover{box-shadow:0 4px 6px #0000001a}.role-header{display:flex;justify-content:space-between;align-items:flex-start}.role-info{flex:1}.role-title-section{display:flex;align-items:center;gap:12px;margin-bottom:8px}.role-title{font-size:18px;font-weight:600;color:#111827;margin:0}.system-role-badge{padding:4px 12px;background-color:#dbeafe;color:#1e40af;font-size:12px;font-weight:500;border-radius:9999px}.role-description{font-size:14px;color:#6b7280;margin:0 0 12px}.role-stats{display:flex;gap:16px}.role-stat{display:flex;align-items:center;gap:4px;font-size:14px;color:#6b7280}.stat-icon{width:16px;height:16px}.role-actions{display:flex;gap:8px}.action-btn{padding:8px;background:none;border:none;border-radius:6px;cursor:pointer;transition:all .2s;color:#9ca3af}.action-btn:hover{background-color:#f3f4f6;color:#6b7280}.action-icon{width:16px;height:16px}.matrix-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.matrix-header{padding:24px;border-bottom:1px solid #e5e7eb}.matrix-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.matrix-description{font-size:14px;color:#6b7280;margin:0}.matrix-table-container{overflow-x:auto}.matrix-table{width:100%;border-collapse:collapse}.matrix-thead{background-color:#f9fafb}.permission-header{padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.role-header{padding:16px 12px;text-align:center;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.matrix-tbody{background-color:#fff}.category-row{background-color:#f9fafb}.category-cell{padding:8px 24px;font-size:14px;font-weight:600;color:#374151;background-color:#f3f4f6;border-bottom:1px solid #e5e7eb}.permission-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.permission-row:hover{background-color:#f9fafb}.permission-cell{padding:16px 24px}.permission-info{display:flex;align-items:center;gap:8px}.permission-name{font-size:14px;font-weight:500;color:#111827}.critical-icon{width:16px;height:16px;color:#f59e0b}.checkbox-cell{padding:16px 12px;text-align:center}.checkbox-label{display:inline-flex;align-items:center}.permission-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid #d1d5db;color:#2563eb;cursor:pointer}.permission-checkbox:disabled{opacity:.5;cursor:not-allowed}.matrix-footer{display:flex;justify-content:space-between;align-items:center;padding:24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.matrix-footer-left{display:flex;align-items:center}.critical-notice{display:flex;align-items:center;gap:8px}.critical-text{font-size:14px;color:#6b7280}.matrix-footer-right{display:flex;gap:12px}.reset-btn{padding:8px 16px;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.reset-btn:hover{background-color:#f9fafb}.save-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.save-btn:hover{background-color:#1d4ed8}.save-icon{width:16px;height:16px}.assignment-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.assignment-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.assignment-header-left{flex:1}.assignment-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.assignment-description{font-size:14px;color:#6b7280;margin:0}.assignment-header-right{display:flex;gap:12px;align-items:center}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9ca3af}.search-input{padding:8px 12px 8px 40px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;min-width:200px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.bulk-assign-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.bulk-assign-btn:hover{background-color:#1d4ed8}.bulk-assign-icon{width:16px;height:16px}.table-container{overflow-x:auto}.assignment-table{width:100%;border-collapse:collapse}.table-thead{background-color:#f9fafb}.checkbox-header,.user-header,.role-header,.login-header,.status-header,.actions-header{padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.actions-header{text-align:center}.table-tbody{background-color:#fff}.user-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.user-row:hover{background-color:#f9fafb}.checkbox-cell{padding:16px 24px;width:50px}.select-all-checkbox,.user-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid #d1d5db;cursor:pointer}.user-cell{padding:16px 24px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px;font-weight:500;color:#111827}.user-email{font-size:12px;color:#6b7280}.role-cell{padding:16px 24px}.role-badge{padding:4px 12px;background-color:#dbeafe;color:#1e40af;font-size:12px;font-weight:500;border-radius:9999px}.login-cell{padding:16px 24px;font-size:14px;color:#6b7280}.status-cell{padding:16px 24px}.status-badge{padding:4px 12px;font-size:12px;font-weight:500;border-radius:9999px}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.actions-cell{padding:16px 24px;text-align:center}.action-controls{display:flex;align-items:center;justify-content:center;gap:8px}.role-select{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff}.edit-user-btn{padding:4px;background:none;border:none;border-radius:4px;cursor:pointer;color:#2563eb;transition:background-color .2s}.edit-user-btn:hover{background-color:#eff6ff}.edit-icon{width:16px;height:16px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.footer-left{display:flex;align-items:center}.footer-text{font-size:14px;color:#6b7280}.footer-right{display:flex;gap:12px}.export-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.export-btn:hover{background-color:#f9fafb}.apply-btn{padding:8px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.apply-btn:hover{background-color:#1d4ed8}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.roles-grid{grid-template-columns:1fr}.assignment-header{flex-direction:column;gap:16px;align-items:stretch}.assignment-header-right{justify-content:flex-start}}@media (max-width: 768px){.role-access-page,.main-content{padding:16px}.header-content{flex-direction:column;gap:16px}.header-actions{justify-content:flex-start}.tab-nav{padding:0 16px;overflow-x:auto}.tab-button{padding:12px 16px;white-space:nowrap}.stats-grid{grid-template-columns:1fr}.matrix-footer,.table-footer{flex-direction:column;gap:16px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:48px;height:48px;color:#667eea;animation:spin 1s linear infinite;margin-bottom:16px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:32px}.error-icon{width:64px;height:64px;color:#ef4444;margin-bottom:16px}.error-container h3{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:8px}.error-container p{color:#6b7280;margin-bottom:24px}.retry-btn{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.retry-btn:hover{background:#5a67d8}.empty-state{text-align:center;padding:48px 24px}.empty-content{display:flex;flex-direction:column;align-items:center}.empty-icon{width:64px;height:64px;color:#9ca3af;margin-bottom:16px}.empty-content h3{color:#374151;font-size:20px;font-weight:600;margin-bottom:8px}.empty-content p{color:#6b7280;margin-bottom:0}.main-navbar__menu{display:flex;flex-wrap:wrap;gap:24px}.main-navbar__item{color:#222;text-decoration:none;font-weight:700;font-size:15px;padding:10px 22px;border-radius:999px;background:#ffffffb3;box-shadow:0 1px 4px #7f9cf50a;transition:color .18s,background .18s,box-shadow .18s,transform .18s;letter-spacing:.01em;display:inline-block;margin:0 2px}.main-navbar__toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.6);background:#fffc;cursor:pointer;transition:all .3s ease;min-width:44px;min-height:44px;position:relative;z-index:200}.main-navbar__toggle:hover{background:#fff;transform:scale(1.05)}.main-navbar__toggle:active{transform:scale(.95)}.main-navbar__toggle .toggle-bar{width:22px;height:2px;background:#1f2937;display:block;transition:all .3s ease;transform-origin:center}.main-navbar__toggle .toggle-bar.rotate-45{transform:rotate(45deg) translate(5px,5px)}.main-navbar__toggle .toggle-bar.opacity-0{opacity:0}.main-navbar__toggle .toggle-bar.rotate-negative-45{transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 900px){.main-navbar{flex-direction:column;align-items:stretch;padding:10px 8px;min-height:auto}.main-navbar__toggle{display:flex!important;align-self:flex-end;margin-bottom:10px}.main-navbar__logo{margin-bottom:10px;margin-right:0}.main-navbar__menu{display:none!important;width:100%;flex-direction:column;gap:10px;margin-top:8px;background:#fffffff2;border-radius:12px;padding:16px;box-shadow:0 4px 20px #0000001a;position:relative;z-index:150}.main-navbar__menu.open{display:flex!important;animation:slideDown .3s ease-out}.main-navbar__item{font-size:14px;padding:12px 16px;width:100%;text-align:left;border-radius:8px;transition:all .2s ease}.main-navbar__item:hover{transform:translate(4px)}}@media (max-width: 600px){.main-navbar__menu{overflow-x:hidden;gap:6px;padding:12px}.main-navbar__item{font-size:13px;padding:10px 12px;min-width:100%}.mx-4{margin-left:0;margin-right:0}.main-navbar__toggle{padding:10px;min-width:40px;min-height:40px}.main-navbar__toggle .toggle-bar{width:20px;height:2px}}@media (max-width: 900px){.main-navbar__toggle{position:relative;z-index:200;display:flex!important;visibility:visible!important;opacity:1!important}}.baby-tools-header{background-image:url(/images/bby.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:2rem 1rem;margin:1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden}.baby-tools-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#e8fffa1a,#e2e8f01a);pointer-events:none}.baby-tools-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.baby-tools-title{font-size:2rem;font-weight:600;color:#1e293b;text-align:center;margin-bottom:2rem;position:relative}.baby-tools-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.baby-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;align-items:center;justify-items:center}.baby-tool-card{background:#fff;border-radius:16px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 12px #0000000f;border:2px solid transparent;width:100%;max-width:220px;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center}.baby-tool-card:hover{transform:translateY(-4px);background-color:#e1ecff86;box-shadow:0 8px 25px #0000001f;border-color:#5e9cff65}.baby-tool-card.active{transform:translateY(-4px);background-color:#c8ddffa2;box-shadow:0 8px 25px #0000001f;border-color:#3b82f6}.baby-tool-card:hover .tool-icon:hover{transform:scale(1.1)}.tool-icon img{-o-object-fit:cover;object-fit:cover;border-radius:25px;transition:all .3s ease}.baby-tool-card:hover .tool-icon img{filter:brightness(1.2) contrast(1.1)}.baby-tool-card:hover .tool-title{color:#1e40af}@media (max-width: 768px){.baby-tools-header{padding:1.5rem 1rem;margin-bottom:1.5rem}.baby-tools-title{font-size:1.75rem;margin-bottom:1.5rem}.baby-tools-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.baby-tool-card{padding:1rem;min-height:140px;max-width:180px}.tool-icon{width:50px;height:50px}.tool-icon img{width:32px;height:32px}.tool-title{font-size:.8rem}}@media (max-width: 480px){.baby-tools-grid{grid-template-columns:repeat(2,1fr)}.baby-tool-card{max-width:none}}.pregnancy-tools-header{background-image:url(/images/pregnancy.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:2rem 1rem;margin:1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden}.pregnancy-tools-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#e8fffa1a,#e2e8f01a);pointer-events:none}.pregnancy-tools-container{position:relative;z-index:1;max-width:1400px;margin:0 auto}.pregnancy-tools-title{font-size:2rem;font-weight:600;color:#1e293b;text-align:center;margin-bottom:2rem;position:relative}.pregnancy-tools-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.pregnancy-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:center;justify-items:center}.pregnancy-tool-card{background:#fff;border-radius:16px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 12px #0000000f;border:2px solid transparent;width:100%;max-width:220px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pregnancy-tool-card:hover{transform:translateY(-4px);background-color:#e1ecff86;box-shadow:0 8px 25px #0000001f;border-color:#5e9cff65}.pregnancy-tool-card.active{transform:translateY(-4px);background-color:#c8ddffa2;box-shadow:0 8px 25px #0000001f;border-color:#3b82f6}.tool-icon{width:120px;height:120px;border-radius:5%;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s ease}.pregnancy-tool-card:hover .tool-icon{transform:scale(1.1)}.tool-emoji{font-size:3rem;transition:all .3s ease}.pregnancy-tool-card:hover .tool-emoji{transform:scale(1.1)}.tool-title{font-size:.875rem;font-weight:500;color:#374151;line-height:1.4;margin:0;text-align:center;transition:color .3s ease}.pregnancy-tool-card:hover .tool-title{color:#1e40af}@media (max-width: 768px){.pregnancy-tools-header{padding:1.5rem 1rem;margin-bottom:1.5rem}.pregnancy-tools-title{font-size:1.75rem;margin-bottom:1.5rem}.pregnancy-tools-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.pregnancy-tool-card{padding:1rem;min-height:140px;max-width:180px}.tool-icon{width:80px;height:80px}.tool-emoji{font-size:2rem}.tool-title{font-size:.8rem}}@media (max-width: 480px){.pregnancy-tools-grid{grid-template-columns:repeat(2,1fr)}.pregnancy-tool-card{max-width:none}}.hero-section{width:100%;min-height:100vh}.hero-main{width:100%;height:0vh;min-height:580px;background-image:url(https://images.pexels.com/photos/28680599/pexels-photo-28680599.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:center;justify-content:flex-end;padding:60px}.hero-main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#0000004d,#0000001a 60%,#0000);z-index:1}.hero-content{position:relative;z-index:2;max-width:500px;width:100%}.hero-text{width:100%;display:flex;justify-content:flex-start;align-items:flex-start}.text-content{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:0;color:#fff;max-width:500px}.text-content h1{font-size:2.5rem;font-weight:300;color:#fff;margin-bottom:20px;line-height:1.1;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.text-content p{font-size:.9rem;color:#ffffffe6;line-height:1.6;margin-bottom:30px;font-weight:300;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:40px}.btnn-primary{padding:12px 30px;border:none;border-radius:25px;font-weight:400;font-size:.9rem;cursor:pointer;transition:all .3s ease;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1px}.btnn-primary:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.hero-indicators{display:flex;gap:10px;margin-top:20px}.indicator{width:12px;height:12px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s ease}.indicator.active{background:#fff;box-shadow:0 0 10px #ffffff80}.features-section{background:linear-gradient(135deg,#f5e6f0,#e6d7ed);padding:80px 20px}.features-container{max-width:1200px;margin:0 auto}.features-title{text-align:center;font-size:2.2rem;font-weight:700;color:#2c2c54;margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.feature-card{background:#fff;padding:30px 25px;border-radius:20px;text-align:center;box-shadow:0 10px 30px #00000014;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001f;cursor:pointer}.feature-icon{width:60px;height:60px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;font-size:24px}.icon-chart{width:30px;height:30px}.chart-bars{display:flex;align-items:end;gap:3px;height:20px}.bar{background:#fff;width:4px;border-radius:2px}.bar-1{height:60%}.bar-2{height:100%}.bar-3{height:40%}.icon-baby{font-size:24px}.icon-prediction{width:30px;height:30px}.prediction-circle{width:20px;height:20px;border:2px solid white;border-radius:50%;position:relative}.prediction-dot{width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-calendar{width:25px;height:25px}.calendar-grid{background:#fff;border-radius:3px;padding:3px;width:100%;height:100%}.calendar-header{background:#667eea4d;height:6px;border-radius:2px;margin-bottom:3px}.calendar-dates{display:flex;gap:2px;flex-wrap:wrap}.date-dot{width:3px;height:3px;background:#667eea99;border-radius:50%}.icon-reports{width:25px;height:25px}.report-lines{display:flex;flex-direction:column;gap:3px;width:100%}.line{height:2px;background:#fff;border-radius:1px}.line:nth-child(1){width:100%}.line:nth-child(2){width:80%}.line:nth-child(3){width:60%}.icon-vaccine{font-size:24px}.icon-communication{width:25px;height:25px}.chat-bubble{width:20px;height:15px;background:#fff;border-radius:10px 10px 10px 3px;position:relative}.icon-products{width:25px;height:25px}.shopping-bag{width:20px;height:20px;position:relative}.bag-handle{width:12px;height:8px;border:2px solid white;border-bottom:none;border-radius:8px 8px 0 0;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.bag-body{width:100%;height:15px;background:#fff;border-radius:3px 3px 8px 8px;position:absolute;bottom:0}.feature-card h3{font-size:1.3rem;font-weight:600;color:#2c2c54;margin-bottom:15px}.feature-card p{color:#666;line-height:1.5;font-size:.95rem}.feature-image{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;border-radius:1px 1px 0 0;margin-bottom:18px;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.hero-main{min-height:460px;padding:20px 16px 16px;justify-content:center;align-items:flex-start;background-position:50% 35%}.hero-content{max-width:820px;width:100%;text-align:center;margin:0 auto}.text-content{width:92%;max-width:820px;margin:0 auto;padding:12px 16px}.text-content h1{font-size:1.5rem;margin-bottom:10px}.text-content p{font-size:.82rem;margin-bottom:12px}.btnn-primary{padding:10px 22px;font-size:.85rem}.hero-buttons{justify-content:center;margin-bottom:8px}.hero-indicators{justify-content:center;margin:10px auto 0}.features-grid{grid-template-columns:1fr;gap:20px}.features-title{font-size:1.8rem}}@media (max-width: 480px){.hero-main{min-height:400px;background-position:50% 30%;align-items:flex-start}.text-content{width:94%;padding:10px 12px}.text-content h1{font-size:1.3rem}.text-content p{font-size:.78rem}.btnn-primary{padding:9px 18px;font-size:.8rem}}.home-section{width:100%;background:#fff;padding:60px 0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1b495c,#51386a);min-height:100vh}.pregnancy-tracker{max-width:1200px;margin:0 auto 80px;padding:0 20px}.tracker-title{text-align:center;font-size:2.2rem;font-weight:600;color:#333;margin-bottom:40px}.weeks-container{display:flex;gap:15px;overflow-x:auto;padding:20px 0;justify-content:center;flex-wrap:wrap}.week-card{min-width:90px;height:140px;border-radius:12px;border:2px solid #e0e0e0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:15px 10px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;position:relative}.week-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.week-number{font-size:1.8rem;font-weight:700;color:#4a90e2;margin-bottom:-5px}.week-label{font-size:.75rem;color:#666;text-align:center;line-height:1.2;margin-bottom:10px}.week-icon{font-size:2rem;margin-top:auto}.week-description{font-size:.7rem;color:#666;text-align:center;margin-top:5px;font-weight:500}.testimonials-section{width:97.5%;padding:0}.testimonials-background{width:100%;min-height:500px;background-image:url(https://images.pexels.com/photos/2839411/pexels-photo-2839411.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:20px;margin:0 20px;overflow:hidden;position:relative}.testimonials-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#202021cc,#3c3c3cb3,#1e1f1e99);z-index:1}.testimonials-content{display:flex;min-height:500px;position:relative;z-index:2}.testimonials-text{flex:1;padding:60px 40px;display:flex;flex-direction:column;justify-content:center;max-width:50%}.testimonials-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:40px;line-height:1.2;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.testimonials-list{display:flex;flex-direction:column;gap:25px}.testimonial-card{background:#fffffff2;border-radius:15px;padding:25px;box-shadow:0 8px 30px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease}.testimonial-card:hover{transform:translate(5px)}.testimonial-text{font-size:1rem;color:#555;line-height:1.6;margin-bottom:15px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:45px;height:45px;background:linear-gradient(135deg,#ff6b9d,#c44569);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff6b9d4d}.avatar-icon{color:#fff;font-size:18px}.author-info{flex:1}.author-name{font-size:1rem;font-weight:600;color:#333;margin-bottom:2px}.author-role{font-size:.85rem;color:#666}.testimonials-image{flex:1;position:relative;overflow:hidden;max-width:50%}.mother-child-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media (max-width: 1024px){.testimonials-background{margin:0 10px}.testimonials-text{padding:40px 30px}.testimonials-title{font-size:2rem}}@media (max-width: 768px){.weeks-container{justify-content:flex-start;padding-left:10px}.week-card{min-width:100px;height:120px;padding:12px 8px}.week-number{font-size:1.5rem}.week-label{font-size:.7rem}.week-icon{font-size:1.5rem}.tracker-title{font-size:1.8rem}.testimonials-content{flex-direction:column}.testimonials-text{max-width:100%;padding:30px 20px}.testimonials-image{max-width:100%;min-height:300px}.testimonials-title{font-size:1.8rem;text-align:center}.testimonials-background{margin:0 10px;border-radius:15px}.testimonial-card{padding:20px}}@media (max-width: 480px){.weeks-container{gap:10px}.week-card{min-width:85px;height:100px;padding:10px 6px}.testimonials-text{padding:25px 15px}.testimonial-card{padding:15px}.testimonial-text{font-size:.9rem}.author-avatar{width:40px;height:40px}.testimonials-title{font-size:1.6rem}}.profile-container{max-width:1400px;margin:0 auto;padding:20px;background:#fff;min-height:100vh}.profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;border:1px solid #e2e8f0}.back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#e2e8f0;color:#1e293b}.profile-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1e293b;margin:0}.message{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.message.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.profile-form{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden;border:1px solid #e2e8f0}.form-section{padding:35px;border-bottom:1px solid #f1f5f9}.form-section:last-child{border-bottom:none}.section-title{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:600;color:#374151;margin:0 0 30px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#1e293b;margin-bottom:10px;font-size:15px}.form-group label:after{content:" *";color:#dc2626;font-weight:700}.form-group input,.form-group select,.form-group textarea{padding:14px 18px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .2s ease;background:#fff;color:#1e293b}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#9ca3af}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.input-with-unit{display:flex;gap:10px}.input-with-unit input{flex:4!important;min-width:0}.input-with-unit select{width:60px!important;padding:14px 4px!important;min-width:60px!important;flex-shrink:0}.checkbox-group{flex-direction:row;align-items:center;gap:10px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;color:#1e293b}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:#3b82f6}.form-actions{padding:35px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:center}.save-button{display:flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.save-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#64748b;font-weight:500}@media (max-width: 768px){.profile-container{padding:10px;max-width:100%}.profile-header{flex-direction:column;gap:16px;align-items:flex-start}.profile-title{font-size:24px}.form-section{padding:25px}.form-grid{grid-template-columns:1fr;gap:20px}.section-title{font-size:20px}.save-button{width:100%;justify-content:center}}@media (max-width: 480px){.profile-header,.form-section{padding:20px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:16px}.input-with-unit{flex-direction:column;gap:10px}.input-with-unit select{width:100%}}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:none!important;border-color:#3b82f6!important;background:#fff!important;color:#1e293b!important}.save-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}*{transition:all .2s ease-in-out}.service-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#ec4899!important}button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.appointment-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.calendar-day{transition:all .2s ease;position:relative}.calendar-day:hover{background-color:#f3f4f6;transform:scale(1.05)}.calendar-day.appointment-day{position:relative}.calendar-day.appointment-day:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:currentColor}.calendar-nav-btn{transition:all .2s ease}.calendar-nav-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #ec48994d}.appointment-item{transition:all .3s ease;border-left:4px solid transparent}.appointment-item:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.appointment-item.upcoming{border-left-color:#facc15;background:linear-gradient(90deg,#fef3c7,#fff)}.appointment-item.missed{border-left-color:#ef4444;background:linear-gradient(90deg,#fee2e2,#fff)}.appointment-item.reminder{border-left-color:#3b82f6;background:linear-gradient(90deg,#dbeafe,#fff)}.health-reminder-icon{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.stat-card-upcoming{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-card-missed{background:linear-gradient(135deg,#fee2e2,#fecaca)}.stat-card-completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.request-list-scroll::-webkit-scrollbar{width:4px}.request-list-scroll::-webkit-scrollbar-track{background:#f1f1f1}.request-list-scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.request-list-scroll::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.month-badge{background:linear-gradient(135deg,#ec4899,#f97316);box-shadow:0 2px 8px #ec48994d}@media (max-width: 768px){.grid-cols-7{gap:.5px}.calendar-day{padding:.25rem;font-size:.75rem}.appointment-item{padding:.75rem}.appointment-item .font-medium{font-size:.8rem}.appointment-item .text-xs{font-size:.7rem}}@media (max-width: 640px){h1{font-size:1.875rem}.service-item span{font-size:.75rem}.xl\\:grid-cols-3{grid-template-columns:1fr}}.fade-in{animation:fadeIn .3s ease-out}button:focus,.service-item:focus,.calendar-day:focus{outline:2px solid #3b82f6;outline-offset:2px}.warning-alert{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b}.error-alert{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444}.info-alert{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.status-upcoming{background-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.status-missed{background-color:#ef4444;box-shadow:0 0 0 2px #ef44444d}.status-completed{background-color:#10b981;box-shadow:0 0 0 2px #10b9814d}@media print{.bg-gray-50{background:#fff!important}button{display:none}.shadow-sm,.shadow-lg{box-shadow:none!important;border:1px solid #d1d5db!important}.calendar-nav-btn{display:none}}.headerAppointments{text-align:center;margin-bottom:2rem;padding:3rem 2rem;background-image:url(/images/appointments.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.headerAppointments:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;pointer-events:none}.headerAppointments:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf64d,#ec48994d);pointer-events:none}.headerAppointments-icon{display:inline-flex;width:3rem;height:3rem;background:#fff3;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.headerAppointments-icon svg{color:#fff}.headerAppointments-title{font-size:2.25rem;font-weight:700;color:#fff!important;margin-bottom:.75rem;position:relative;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.headerAppointments-description{color:#fffffff2!important;font-weight:500;font-size:1.1rem;position:relative;z-index:2;max-width:600px;margin:0 auto;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.2)}.stats-grid-appointments{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card-appointments{background:#fff;border-radius:1rem;padding:2rem 1.5rem;box-shadow:0 4px 12px #00000014;border:1px solid transparent;position:relative;overflow:hidden;transition:all .3s ease}.stat-card-appointments:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,currentColor,transparent)}.stat-card-appointments:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f}.stat-card-upcoming{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.stat-card-missed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.stat-card-completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#059669}.stat-number-appointments{font-size:3rem;font-weight:800;position:absolute;top:1.5rem;right:1.5rem;margin-bottom:0;line-height:1}.stat-label-appointments{font-size:1.5rem;font-weight:700;color:inherit;margin-bottom:.5rem}.stat-subtitle-appointments{font-size:.95rem;color:#0009;font-weight:500;margin-top:.25rem}@media (max-width: 768px){.headerAppointments{padding:2rem 1.5rem}.headerAppointments-title{font-size:1.875rem}.headerAppointments-description{font-size:1rem}.stats-grid-appointments{grid-template-columns:1fr;gap:1rem}.stat-card-appointments{padding:1.5rem 1rem;text-align:center}.stat-number-appointments{font-size:2.5rem}}.stat-card-appointments,.stat-card-upcoming,.stat-card-missed,.stat-card-completed{padding-left:3rem;padding-right:2rem}.stat-number-appointments.text-blue-600,.stat-number-appointments.text-red-600,.stat-number-appointments.text-green-600{padding-right:.75rem}.stat-card-upcoming,.stat-card-missed,.stat-card-completed{font-size:1.15rem}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.backdrop-blur-custom{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}html{scroll-behavior:smooth}.gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-success{background:linear-gradient(135deg,#10b981,#059669)}.gradient-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.gradient-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.animate-slideInUp{animation:slideInUp .3s ease-out}.shadow-glass{box-shadow:0 8px 32px #1f26875e}.shadow-vaccine-card{box-shadow:0 4px 12px #0000000d;transition:box-shadow .3s ease}.shadow-vaccine-card:hover{box-shadow:0 8px 24px #0000001a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{.no-print{display:none!important}.print-page-break{page-break-before:always}}@media (prefers-contrast: high){.bg-gradient-to-r{background:#000!important;color:#fff!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.vaccination-content{max-width:72rem;margin:0 auto;padding:1.5rem}@media (max-width: 768px){.vaccination-content{padding:1.5rem}}.vaccination-header{text-align:center;margin-bottom:2rem;padding:3rem 2rem;background-image:url(https://domf5oio6qrcr.cloudfront.net/medialibrary/9139/iStock-496382742.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.vaccination-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;pointer-events:none}.vaccination-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf64d,#ec48994d);pointer-events:none}.vaccination-header,.vaccination-header *{color:#fff!important}.medical-reports-container{min-height:100vh;background-color:#f3f4f6}.medical-reports-content{padding:1.5rem}.main-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.main-grid{grid-template-columns:2fr 1fr}}.tabs-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.tabs-border{border-bottom:1px solid #e5e7eb}.tabs-nav{display:flex;gap:2rem;padding:0 1.5rem}.tab-button{padding:1rem .5rem;border-bottom:2px solid transparent;font-weight:500;font-size:.875rem;transition:all .2s;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;color:#6b7280!important}.tab-button.active{border-bottom-color:#ec4899;color:#ec4899!important;font-weight:600}.tab-button.inactive{color:#6b7280!important}.tab-button.inactive:hover{color:#1f2937!important;border-bottom-color:#d1d5db}.reports-list{display:flex;flex-direction:column;gap:1rem}.report-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.report-badges{display:flex;align-items:center;gap:.5rem}.badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.badge-type{background-color:#fce7f3;color:#ec4899}.badge-new{background-color:#dbeafe;color:#2563eb}.badge-reviewed{background-color:#dcfce7;color:#16a34a}.report-title{font-size:1.125rem;font-weight:600;color:#1f2937!important;margin-bottom:.5rem}.report-details{font-size:.875rem;color:#4b5563!important;margin-bottom:.5rem}.report-details p{margin:0;color:#4b5563!important}.report-findings{margin-bottom:1rem}.report-findings p{font-size:.875rem;color:#1f2937!important;margin:0}.btn{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s;cursor:pointer;border:none}.btn-primaryM{background-color:#ec4899;color:#fff}.btn-primaryM:hover{background-color:#be185d}.btn-secondaryM{background-color:#f3f4f6;color:#374151}.btn-secondaryM:hover{background-color:#e5e7eb}.upload-section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;border:2px solid #bfdbfe}.upload-title{font-size:1.125rem;font-weight:600;color:#ec4899;margin-bottom:1rem}.upload-note{background-color:#fefce8;border-left:4px solid #facc15;padding:1rem;margin-bottom:1.5rem}.upload-note p{font-size:.875rem;color:#92400e!important;margin:0}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#1f2937!important;margin-bottom:.5rem}.required{color:#ef4444}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s;color:#1f2937!important;background-color:#fff!important}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#9ca3af!important;opacity:1}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af!important;opacity:1}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.form-select option{color:#1f2937!important;background-color:#fff!important}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #ec4899}.form-textarea{resize:none}.upload-area{border:2px dashed #d1d5db;border-radius:.5rem;padding:1.5rem;text-align:center;transition:all .2s;cursor:pointer}.upload-area:hover{border-color:#f472b6}.upload-icon{width:2rem;height:2rem;color:#9ca3af;margin:0 auto .5rem}.upload-text{font-size:.875rem;color:#4b5563!important;margin-bottom:.5rem}.upload-subtext{font-size:.75rem;color:#6b7280!important}.btn-upload{width:100%;background-color:#ec4899;color:#fff;padding:.75rem 1rem;border-radius:.375rem;font-weight:500;transition:all .2s;cursor:pointer;border:none}.btn-upload:hover{background-color:#be185d}.headerMedical{text-align:center;margin-top:.25rem;margin-bottom:2rem;padding:3rem 2rem;background-image:url(/images/medical.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.headerMedical:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;pointer-events:none}.headerMedical:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf64d,#ec48994d);pointer-events:none}.headerMedical-title{font-size:2.25rem;font-weight:700;color:#fff!important;margin-bottom:.75rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.headerMedical-description{color:#ffffffe6!important;font-weight:500;font-size:1.1rem;position:relative;z-index:1;max-width:600px;margin:0 auto;line-height:1.6}.headerMedical-icon{display:inline-flex;width:3rem;height:3rem;background:#fff3;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.headerMedical-icon svg{width:1.5rem;height:1.5rem;color:#fff}@media (max-width: 768px){.headerMedical{padding:2rem 1.5rem}.headerMedical-title{font-size:1.875rem}.headerMedical-description{font-size:1rem}.medical-reports-content{padding:1.5rem}}.predictions-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f3f4f6;color:#1f2937}.predictions-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;color:#1f2937;margin-bottom:1.5rem}.predictions-header{text-align:center;margin-top:.25rem;margin-bottom:2rem;padding:3rem 2rem;background-image:url(/images/weight.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.predictions-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;pointer-events:none}.predictions-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);pointer-events:none}.header-card{padding:2rem;border-bottom:1.5px solid rgba(255,255,255,.18);margin-bottom:1.5rem}.main-title-Ai{font-size:2.25rem;font-weight:700;color:#fff!important;margin-bottom:.75rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitle-Ai{color:#ffffffe6!important;font-weight:500;font-size:1.1rem;position:relative;z-index:1;max-width:600px;margin:0 auto;line-height:1.6}.header-icon{display:inline-flex;width:3rem;height:3rem;background:#fff3;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-icon svg{width:1.5rem;height:1.5rem;color:#fff}.disclaimer-card{background-color:#fefce8;border:2px solid #facc15;border-radius:.375rem;padding:1rem;margin-bottom:1.5rem}.disclaimer-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.warning-icon{font-size:1.5rem}.disclaimer-text{font-size:.875rem;font-weight:500;color:#92400e!important;margin:0}.tab-navigationp{display:flex;justify-content:center;margin-bottom:2rem}.tab-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:.5rem;display:flex;width:800px;gap:.5rem}.tab-button-2{padding:.75rem 5.95rem;border-radius:.375rem;font-weight:500;font-size:.875rem;transition:all .2s;background:transparent;border:none;cursor:pointer;color:#6b7280!important;position:relative}.tab-button-2:before{content:"";position:absolute;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.tab-button-2.active{background-color:#d3edff;color:#2d2d2d!important;font-weight:600;text-shadow:none}.tab-button-2:hover:not(.active){color:#1f2937!important;background-color:#f3f4f6;text-shadow:none}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.prediction-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:2rem;transition:all .2s}.prediction-card:hover{box-shadow:0 4px 6px -1px #0000001a}.card-header{display:flex;align-items:center;margin-bottom:1.5rem}.card-icon{font-size:2rem;margin-right:.75rem}.card-title-Ai{font-size:1.5rem;font-weight:700;color:#529aff!important;margin:0;text-shadow:none}.prediction-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{position:relative}.form-input-Ai{width:100%;padding:.75rem;background-color:#f3f4f6!important;border:1px solid #d1d5db;border-radius:.375rem;color:#ec4899!important;font-size:.875rem;transition:all .2s}.form-input-Ai:focus{outline:none;border-color:#ec4899;background-color:#f9fafb!important;box-shadow:0 0 0 3px #ec48991a}.form-input-Ai::-moz-placeholder{color:#9ca3af!important;opacity:1}.form-input-Ai::placeholder{color:#9ca3af!important;opacity:1}.form-input{width:100%;padding:.75rem;background-color:#f3f4f6!important;border:1px solid #d1d5db;border-radius:.375rem;color:#ec4899!important;font-size:.875rem;transition:all .2s}.form-input:focus{outline:none;border-color:#ec4899;background-color:#f9fafb!important;box-shadow:0 0 0 3px #ec48991a}.form-input::-moz-placeholder{color:#9ca3af!important;opacity:1}.form-input::placeholder{color:#9ca3af!important;opacity:1}.floating-label{position:absolute;left:.75rem;top:.75rem;color:#6b7280!important;transition:all .2s;pointer-events:none;font-size:.875rem;background-color:transparent}.form-input:not(:-moz-placeholder)+.floating-label,.form-input-Ai:not(:-moz-placeholder)+.floating-label{transform:translateY(-2rem) scale(.85);color:#ec4899!important;font-weight:500}.form-input:focus+.floating-label,.form-input:not(:placeholder-shown)+.floating-label,.form-input-Ai:focus+.floating-label,.form-input-Ai:not(:placeholder-shown)+.floating-label{transform:translateY(-2rem) scale(.85);color:#ec4899!important;font-weight:500}.predict-btn{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff;border:none;padding:.875rem 2rem;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #ec48994d;position:relative;overflow:hidden;min-width:200px;text-transform:uppercase;letter-spacing:.5px}.predict-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.predict-btn:hover:not(:disabled):before{left:100%}.predict-btn:hover:not(:disabled){background:linear-gradient(135deg,#be185d,#9d174d);transform:translateY(-2px);box-shadow:0 6px 20px #ec489966;color:#fff!important}.predict-btn:active:not(:disabled){background:linear-gradient(135deg,#9d174d,#831843);transform:translateY(0);box-shadow:0 2px 10px #ec48994d;color:#fff!important}.predict-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.6;color:#fff!important}.results-container{min-height:300px;display:flex;align-items:center;justify-content:center}.results-container *{color:inherit}.results-container h1,.results-container h2,.results-container h3,.results-container h4,.results-container h5,.results-container h6{color:#1f2937!important}.results-container p{color:#374151!important}.empty-result{text-align:center;color:#6b7280}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-text{font-size:1.125rem;margin:0;color:#6b7280!important}.result-card{background-color:#f0fdf4;border-left:4px solid #22c55e;border-radius:.375rem;padding:1.5rem;animation:slideInUp .6s ease-out;width:100%}.result-card.risk-high{background-color:#fef2f2;border-left:4px solid #ef4444}.result-card.risk-medium{background-color:#fffbeb;border-left:4px solid #fbbf24}.result-card.low{background-color:#f0fdf4;border-left:4px solid #22c55e}.result-card.medium{background-color:#fffbeb;border-left:4px solid #fbbf24}.result-header{text-align:center;margin-bottom:1rem}.result-emoji{font-size:3rem}.result-content{display:flex;flex-direction:column;gap:1rem}.result-item{background-color:#fff;border-radius:.5rem;padding:1rem;border:1px solid #e5e7eb}.result-label{font-size:.875rem;color:#6b7280!important;margin:0 0 .25rem;font-weight:500}.result-value{font-size:1.5rem;font-weight:700;color:#1f2937!important;margin:0}.result-advice{font-size:.875rem;color:#374151!important;margin:0;line-height:1.5}.risk-meter{display:flex;align-items:center;gap:.75rem}.risk-bar{flex:1;background-color:#e5e7eb;border-radius:.5rem;height:.75rem;overflow:hidden}.risk-fill{height:100%;border-radius:.5rem;background:linear-gradient(90deg,#22c55e,#fbbf24,#ef4444);transition:width 1s ease}.risk-percentage{color:#1f2937!important;font-weight:600;font-size:.875rem;min-width:3rem}.result-disclaimer{font-size:.75rem;color:#6b7280!important;margin-top:1rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;line-height:1.4;border:1px solid #e5e7eb}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.pulse-animation{animation:pulse 2s infinite}.predictions-page *{color:inherit}.predictions-page h2,.predictions-page h3,.predictions-page h4,.predictions-page h5,.predictions-page h6{color:#1f2937!important}.predictions-page label{color:#6b7280!important}.predictions-page button{color:inherit}.predictions-page input,.predictions-page select{color:#ec4899!important}.predictions-page input::-moz-placeholder,.predictions-page select::-moz-placeholder{color:#9ca3af!important}.predictions-page input::placeholder,.predictions-page select::placeholder{color:#9ca3af!important}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr;gap:1.5rem}.main-title{font-size:2rem}.card-title{font-size:1.25rem}}@media (max-width: 768px){.predictions-page{padding:1rem}.predictions-container{max-width:100%}.predictions-header{padding:2rem 1.5rem}.header-card{padding:1.5rem}.main-title{font-size:1.875rem}.subtitle{font-size:1rem}.tab-container{flex-direction:column;gap:.25rem}.tab-button{padding:.5rem 1rem;font-size:.8rem}.prediction-card{padding:1.5rem}.card-header{flex-direction:column;text-align:center;gap:.5rem}.card-icon{margin-right:0;margin-bottom:.5rem}.result-emoji{font-size:2.5rem}.result-value{font-size:1.25rem}}@media (max-width: 480px){.main-title{font-size:1.5rem}.subtitle{font-size:.875rem}.disclaimer-content{flex-direction:column;text-align:center}.prediction-card{padding:1rem}.form-input{padding:.75rem;font-size:.875rem}.predict-btn{padding:.875rem;font-size:.875rem}}*{transition:all .3s ease}.bg-gradient-to-br{background:linear-gradient(to bottom right,#fdf2f8,#f3e8ff)}.bg-white\/70{background:#ffffffb3}.bg-white\/80{background:#fffc}.backdrop-blur-sm{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.shadow-lg{box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hover\:-translate-y-1:hover{transform:translateY(-4px)}.hover\:bg-pink-100:hover{background-color:#fce7f3}.bg-pink-300{background-color:#f9a8d4}.bg-pink-400{background-color:#f472b6}.bg-purple-500{background-color:#a855f7}.focus\:ring-2:focus{box-shadow:0 0 0 2px #f472b680;outline:none}.focus\:ring-pink-300:focus{--tw-ring-color: rgba(249, 168, 212, .5)}.text-pink-500{color:#ec4899}.text-gray-800{color:#1f2937}.text-gray-600{color:#4b5563}.text-gray-400{color:#9ca3af}@media (max-width: 768px){.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.animate-fadeInUp{animation:fadeInUp .6s ease-out}.bg-gradient-to-br.from-orange-200.to-orange-300{background:linear-gradient(to bottom right,#fed7aa,#fdba74)}.baby-product-container{min-height:100vh;max-width:1300px;background-color:#f3f4f6}.headerBabyProduct{text-align:center;margin-bottom:2rem;padding:3rem 2rem;background-image:url(/images/BabyProducts.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.headerBabyProduct:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;pointer-events:none}.headerBabyProduct:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);pointer-events:none}.headerBabyProduct-icon{display:inline-flex;width:3rem;height:3rem;background:#fff3;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.headerBabyProduct-icon svg{width:1.5rem;height:1.5rem;color:#fff}.headerBabyProduct-title{font-size:2.25rem;font-weight:700;color:#fff!important;margin-bottom:.75rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.headerBabyProduct-description{color:#ffffffe6!important;font-weight:500;font-size:1.1rem;position:relative;z-index:1;max-width:600px;margin:0 auto;line-height:1.6}.header-search-container{margin-top:2rem;position:relative;z-index:1}.header-search-container input{background-color:#fffffff2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.header-search-container input:focus{background-color:#fff!important;border-color:#ec4899;box-shadow:0 8px 32px #ec489933;transform:translateY(-2px)}.header-search-container input::-moz-placeholder{color:#9ca3af;font-weight:500}.header-search-container input::placeholder{color:#9ca3af;font-weight:500}@media (max-width: 768px){.headerBabyProduct{padding:2rem 1.5rem}.headerBabyProduct-title{font-size:1.875rem}.headerBabyProduct-description{font-size:1rem}.baby-product-container{padding:1rem}}.chat-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000c,#667eea4d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:chatFadeIn .3s ease-out}@keyframes chatFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chat-container{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:2rem;max-width:95vw;max-height:95vh;width:1400px;height:800px;overflow:hidden;box-shadow:0 50px 100px #0006,0 0 0 1px #ffffff1a,inset 0 1px #fffc;animation:chatSlideIn .4s ease-out;position:relative;border:1px solid rgba(255,255,255,.2);display:flex}.chat-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(236,72,153,.03) 0%,transparent 50%);pointer-events:none}@keyframes chatSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-sidebar{width:380px;background:linear-gradient(180deg,#f8fafc,#fff);border-right:2px solid #e2e8f0;display:flex;flex-direction:column;position:relative;overflow:hidden}.chat-sidebar-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.chat-sidebar-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.chat-header-title{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.chat-header-title h2{font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.chat-header-menu-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.chat-header-menu-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.chat-tab-navigation{display:flex;background:#fff;border-bottom:2px solid #e2e8f0;padding:0 1rem}.chat-tab{flex:1;padding:1rem .75rem;background:transparent;border:none;color:#6b7280;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative}.chat-tab.active{color:#667eea}.chat-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px 2px 0 0}.chat-tab:hover{color:#667eea;background:#667eea0d}.chat-search-section{padding:1rem;background:#fff;border-bottom:1px solid #e2e8f0}.chat-search-container{position:relative;margin-bottom:1rem}.chat-search-container svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:1}.chat-search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid #e2e8f0;border-radius:1rem;font-size:.875rem;outline:none;transition:all .3s ease;background:#f9fafb}.chat-search-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.chat-filter-tabs{display:flex;gap:.5rem}.chat-filter-tab{padding:.5rem 1rem;background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;border-radius:.75rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;text-transform:uppercase;letter-spacing:.5px}.chat-filter-tab.active{background:#667eea;color:#fff;border-color:#667eea}.chat-filter-tab:hover{background:#e5e7eb;color:#374151}.chat-filter-tab.active:hover{background:#5a67d8;color:#fff}.chat-provider-list{flex:1;overflow-y:auto;padding:.5rem}.chat-provider-item{display:flex;gap:1rem;padding:1rem;border-radius:1rem;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem;background:#fff;border:2px solid transparent}.chat-provider-item:hover{background:#f8fafc;border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.chat-provider-item.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;box-shadow:0 8px 25px #667eea26}.chat-provider-avatar{position:relative;flex-shrink:0}.chat-provider-avatar img{width:3.5rem;height:3.5rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e2e8f0;transition:all .3s ease}.chat-provider-item:hover .chat-provider-avatar img{border-color:#667eea}.chat-status-indicator{position:absolute;bottom:0;right:0;width:1rem;height:1rem;border:2px solid white;border-radius:50%;box-shadow:0 2px 4px #0000001a}.chat-provider-info{flex:1;min-width:0}.chat-provider-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.chat-provider-header h3{font-size:1rem;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.chat-provider-type{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.chat-provider-meta{display:flex;justify-content:space-between;align-items:flex-end}.chat-last-message{color:#6b7280;font-size:.875rem;margin:0;line-height:1.3;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.5rem}.chat-message-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.chat-time{color:#9ca3af;font-size:.75rem;font-weight:500}.chat-unread-badge{background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;padding:.125rem .5rem;border-radius:1rem;min-width:1.5rem;text-align:center}.chat-typing-indicator{color:#667eea;font-size:.75rem;font-style:italic;margin-top:.5rem}.chat-provider-card{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;padding:1.5rem;margin-bottom:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.chat-provider-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.chat-provider-card:hover:before{transform:scaleX(1)}.chat-provider-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #667eea26;border-color:#667eea}.chat-provider-card-avatar{position:relative;margin-bottom:1rem}.chat-provider-card-avatar img{width:4rem;height:4rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e2e8f0;transition:all .3s ease}.chat-provider-card:hover .chat-provider-card-avatar img{border-color:#667eea}.chat-provider-card-info h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.chat-provider-card-specialty{color:#6b7280;font-weight:600;font-size:.875rem;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.chat-provider-card-rating{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.chat-provider-card-experience{color:#6b7280;font-weight:500;font-size:.875rem}.chat-provider-card-availability{color:#10b981;font-weight:600;font-size:.875rem;margin:0}.chat-provider-card-action{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1rem;border-radius:.75rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.chat-provider-card-action:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.chat-main{flex:1;display:flex;flex-direction:column;background:#fff;position:relative}.chat-main-header{background:linear-gradient(135deg,#f8fafc,#fff);padding:1.5rem;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.chat-header-info{display:flex;gap:1rem;align-items:center}.chat-header-avatar{position:relative}.chat-header-avatar img{width:3.5rem;height:3.5rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e2e8f0;transition:all .3s ease}.chat-header-status{position:absolute;bottom:0;right:0;width:1rem;height:1rem;border:2px solid white;border-radius:50%;box-shadow:0 2px 4px #0000001a}.chat-header-details h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.chat-header-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.chat-specialty,.chat-rating,.chat-experience{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.875rem;font-weight:600}.chat-availability{color:#10b981;font-weight:600;font-size:.875rem}.chat-header-actions{display:flex;gap:.75rem}.chat-action-btn{background:#667eea1a;border:2px solid rgba(102,126,234,.2);color:#667eea;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.chat-action-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:scale(1.1);box-shadow:0 8px 25px #667eea4d}.chat-messages-container{flex:1;overflow-y:auto;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#fff)}.chat-messages{display:flex;flex-direction:column;gap:1rem}.chat-message{display:flex;max-width:70%}.chat-message.user{align-self:flex-end}.chat-message.provider{align-self:flex-start}.chat-message-content{background:#fff;padding:1rem 1.25rem;border-radius:1.5rem;box-shadow:0 4px 15px #0000001a;position:relative;border:2px solid transparent;transition:all .3s ease}.chat-message.user .chat-message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.chat-message.provider .chat-message-content{background:#fff;color:#1f2937;border-color:#e2e8f0}.chat-message-content p{margin:0;line-height:1.5;font-size:.95rem}.chat-reply-context{padding-left:.75rem;border-left:3px solid rgba(255,255,255,.3);background:#ffffff1a;border-radius:.5rem;padding:.5rem;margin-bottom:.75rem}.chat-message.provider .chat-reply-context{border-left-color:#667eea4d;background:#667eea0d}.chat-reply-indicator{display:flex;flex-direction:column;gap:.25rem}.chat-reply-sender-name{font-size:.75rem;font-weight:600;opacity:.8;color:#ffffffe6}.chat-message.provider .chat-reply-sender-name{color:#667eea}.chat-reply-message-text{font-size:.875rem;opacity:.7;color:#fffc;line-height:1.3}.chat-message.provider .chat-reply-message-text{color:#6b7280}.chat-message-meta{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem;opacity:.8}.chat-message-time{font-weight:500}.chat-message-status{display:flex;align-items:center}.chat-message-status.double-check{color:#10b981}.chat-file-message{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#667eea1a;border-radius:.75rem;border:1px solid rgba(102,126,234,.2)}.chat-file-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.chat-file-name{font-weight:600;font-size:.875rem}.chat-file-size{font-size:.75rem;opacity:.7}.chat-download-btn{background:#667eea;color:#fff;border:none;border-radius:.5rem;padding:.5rem;cursor:pointer;transition:all .3s ease}.chat-download-btn:hover{background:#5a67d8;transform:scale(1.1)}.chat-typing-bubble{display:flex;gap:.25rem;padding:.5rem 1rem}.chat-typing-bubble span{width:.5rem;height:.5rem;background:#9ca3af;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.chat-typing-bubble span:nth-child(1){animation-delay:-.32s}.chat-typing-bubble span:nth-child(2){animation-delay:-.16s}.chat-input-container{background:#fff;padding:1.5rem;border-top:2px solid #e2e8f0}.chat-reply-preview{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1rem;position:relative}.chat-reply-content{flex:1;min-width:0}.chat-reply-sender{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.chat-reply-label{font-size:.75rem;color:#6b7280;font-weight:500}.chat-reply-name{font-size:.875rem;color:#667eea;font-weight:600}.chat-reply-message{font-size:.875rem;color:#374151;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.chat-reply-cancel{background:#ef4444;color:#fff;border:none;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.chat-reply-cancel:hover{background:#dc2626;transform:scale(1.1)}.chat-input-wrapper{display:flex;gap:1rem;align-items:flex-end}.chat-input-actions{display:flex;gap:.5rem}.chat-input-btn{background:#667eea1a;border:2px solid rgba(102,126,234,.2);color:#667eea;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.chat-input-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:scale(1.1)}.chat-input-field{flex:1;display:flex;gap:.75rem;align-items:flex-end}.chat-textarea{flex:1;padding:1rem 1.25rem;border:2px solid #e2e8f0;border-radius:1.5rem;font-size:.95rem;outline:none;resize:none;transition:all .3s ease;background:#f9fafb;font-family:inherit;line-height:1.4}.chat-textarea:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.chat-send-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:scale(1.1);box-shadow:0 8px 25px #667eea66}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#fff)}.chat-welcome-content{text-align:center;max-width:500px;padding:2rem}.chat-welcome-icon{color:#667eea;margin-bottom:1.5rem}.chat-welcome-content h2{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.chat-welcome-content p{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0 0 2rem}.chat-welcome-features{display:flex;flex-direction:column;gap:1rem}.chat-feature{display:flex;align-items:center;gap:.75rem;color:#667eea;font-weight:600}.chat-info-sidebar{width:320px;background:linear-gradient(180deg,#f8fafc,#fff);border-left:2px solid #e2e8f0;display:flex;flex-direction:column;animation:chatInfoSlideIn .3s ease-out}.chat-info-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.chat-info-header h3{font-size:1.25rem;font-weight:700;margin:0}.chat-info-close-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.chat-info-close-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.chat-info-content{flex:1;padding:1.5rem;overflow-y:auto}.chat-info-provider{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.chat-info-provider img{width:5rem;height:5rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid #e2e8f0;margin-bottom:1rem}.chat-info-provider h4{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.chat-info-specialty{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#6b7280;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem}.chat-info-rating{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fbbf24;font-weight:600}.chat-info-details{margin-bottom:2rem}.chat-info-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#4b5563;font-size:.875rem;border-bottom:1px solid #f3f4f6}.chat-info-item:last-child{border-bottom:none}.chat-info-actions{display:flex;flex-direction:column;gap:.75rem}.chat-info-action-btn{padding:.875rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:2px solid transparent}.chat-info-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chat-info-action-btn.primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.chat-info-action-btn.secondary{background:#fff;color:#374151;border-color:#d1d5db}.chat-info-action-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px)}.chat-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalFadeIn .3s ease-out}.chat-modal-content{background:#fff;border-radius:2rem;padding:3rem;text-align:center;max-width:400px;width:90%;animation:modalSlideIn .3s ease-out}.chat-call-modal{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.chat-call-avatar{position:relative}.chat-call-avatar img{width:6rem;height:6rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid #e2e8f0}.chat-call-ringing{position:absolute;top:-.5rem;left:-.5rem;right:-.5rem;bottom:-.5rem;border:3px solid #667eea;border-radius:50%;animation:callRinging 1.5s infinite}.chat-call-modal h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.chat-call-modal p{color:#6b7280;margin:0}.chat-call-actions{display:flex;gap:1rem}.chat-call-btn{padding:1rem 2rem;border-radius:1rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:none}.chat-call-btn.end-call{background:#ef4444;color:#fff}.chat-call-btn.end-call:hover{background:#dc2626;transform:scale(1.05)}.chat-close-btn{position:absolute;top:1rem;right:1rem;background:#0000001a;border:none;color:#6b7280;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-close-btn:hover{background:#0003;color:#374151;transform:scale(1.1)}.chat-message-actions{position:absolute;top:-.5rem;left:-.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.chat-message:hover .chat-message-actions{opacity:1}.chat-like-btn{background:#ffffffe6;border:1px solid #e2e8f0;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;font-size:1.5rem;font-weight:700;color:#6b7280;line-height:1}.chat-like-btn:hover{background:#fff;color:#667eea;border-color:#667eea;transform:scale(1.1);box-shadow:0 4px 12px #667eea33}.chat-like-btn.liked{background:#ef4444;color:#fff;border-color:#ef4444}.chat-like-btn.liked:hover{background:#dc2626}.chat-context-menu{background:#fff;border-radius:1rem;box-shadow:0 20px 40px #0000004d;border:1px solid #e2e8f0;overflow:hidden;min-width:280px;animation:contextMenuSlideIn .2s ease-out;position:fixed;z-index:10001}@keyframes contextMenuSlideIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-reactions{display:flex;gap:.5rem;padding:1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;overflow-x:auto}.context-reaction-btn{background:#fff;border:2px solid #e2e8f0;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.25rem;flex-shrink:0}.context-reaction-btn:hover{border-color:#667eea;transform:scale(1.1);box-shadow:0 4px 12px #667eea33}.context-reaction-btn.add-reaction{background:#f1f5f9;color:#64748b;font-weight:700;font-size:1.5rem}.context-reaction-btn.add-reaction:hover{background:#e2e8f0;color:#475569}.context-menu-actions{padding:.5rem}.context-action-btn{width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:.5rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;text-align:left}.context-action-btn:hover{background:#f3f4f6;color:#1f2937}.context-action-btn svg{color:#6b7280;flex-shrink:0}.context-action-btn:hover svg{color:#374151}.chat-overlay-floating{position:static;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.chat-container-floating{width:100%;height:100%;max-width:none;max-height:none;margin:0;border-radius:0;box-shadow:none;border:none}.chat-container-floating:before{display:none}@media (max-width: 1400px){.chat-container{width:95vw;height:90vh;max-width:1200px}.chat-sidebar{width:350px}.chat-info-sidebar{width:300px}}@media (max-width: 1200px){.chat-container{width:95vw;height:90vh;max-width:1000px}.chat-sidebar{width:320px}.chat-info-sidebar{width:280px}.chat-message{max-width:80%}}@media (max-width: 992px){.chat-container{width:98vw;height:92vh;max-width:900px}.chat-sidebar{width:300px}.chat-info-sidebar{width:260px}.chat-search-section{padding:.75rem}.chat-filter-tabs{gap:.25rem}.chat-filter-tab{padding:.5rem .75rem;font-size:.7rem}}@media (max-width: 768px){.chat-overlay{padding:.5rem}.chat-container{flex-direction:column;height:95vh;width:98vw;max-width:none;border-radius:1rem}.chat-sidebar{width:100%;height:35%;border-right:none;border-bottom:2px solid #e2e8f0;min-height:250px}.chat-main{height:65%}.chat-info-sidebar{position:absolute;top:0;right:0;height:100%;width:280px;z-index:10}.chat-header-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.chat-input-wrapper{flex-direction:column;gap:.75rem}.chat-input-actions{justify-content:center}.chat-sidebar-header{padding:1rem}.chat-header-title h2{font-size:1.25rem}.chat-main-header,.chat-messages-container,.chat-input-container{padding:1rem}.chat-search-section,.chat-provider-item{padding:.75rem}.chat-provider-avatar img,.chat-header-avatar img{width:3rem;height:3rem}.chat-action-btn{width:2.5rem;height:2.5rem}}@media (max-width: 640px){.chat-overlay{padding:.25rem}.chat-container{height:98vh;border-radius:.75rem}.chat-sidebar{height:30%;min-height:200px}.chat-main{height:70%}.chat-sidebar-header{padding:.75rem}.chat-header-title h2{font-size:1.125rem}.chat-search-section{padding:.5rem}.chat-search-input{padding:.75rem 1rem .75rem 2.5rem;font-size:.8rem}.chat-filter-tabs{gap:.25rem}.chat-filter-tab{padding:.4rem .6rem;font-size:.65rem}.chat-provider-item{padding:.6rem;margin-bottom:.4rem}.chat-provider-avatar img{width:2.5rem;height:2.5rem}.chat-provider-header h3{font-size:.9rem}.chat-provider-type{font-size:.65rem}.chat-main-header{padding:.75rem}.chat-header-details h3{font-size:1.125rem}.chat-messages-container{padding:.75rem}.chat-message{max-width:85%}.chat-message-content{padding:.75rem 1rem}.chat-input-container{padding:.75rem}.chat-input-btn{width:2.25rem;height:2.25rem}.chat-send-btn{width:2.5rem;height:2.5rem}.chat-textarea{padding:.75rem 1rem;font-size:.9rem}.chat-reply-preview{padding:.75rem;margin-bottom:.75rem}.chat-info-sidebar{width:260px}.chat-info-header{padding:1rem}.chat-info-header h3{font-size:1.125rem}.chat-info-content{padding:1rem}}@media (max-width: 480px){.chat-overlay{padding:.125rem}.chat-container{height:99vh;border-radius:.5rem}.chat-sidebar{height:28%;min-height:180px}.chat-main{height:72%}.chat-sidebar-header{padding:.6rem}.chat-header-title h2{font-size:1rem}.chat-header-menu-btn{width:2rem;height:2rem}.chat-search-section{padding:.4rem}.chat-search-input{padding:.6rem .8rem .6rem 2.25rem;font-size:.75rem}.chat-filter-tabs{gap:.2rem}.chat-filter-tab{padding:.35rem .5rem;font-size:.6rem}.chat-provider-item{padding:.5rem;margin-bottom:.3rem}.chat-provider-avatar img{width:2.25rem;height:2.25rem}.chat-provider-header h3{font-size:.85rem}.chat-provider-type{font-size:.6rem}.chat-main-header{padding:.6rem}.chat-header-details h3{font-size:1rem}.chat-header-avatar img{width:2.5rem;height:2.5rem}.chat-action-btn{width:2.25rem;height:2.25rem}.chat-messages-container{padding:.6rem}.chat-message{max-width:90%}.chat-message-content{padding:.6rem .8rem}.chat-message-content p{font-size:.85rem}.chat-input-container{padding:.6rem}.chat-input-btn{width:2rem;height:2rem}.chat-send-btn{width:2.25rem;height:2.25rem}.chat-textarea{padding:.6rem .8rem;font-size:.85rem}.chat-reply-preview{padding:.6rem;margin-bottom:.6rem}.chat-reply-label{font-size:.65rem}.chat-reply-name,.chat-reply-message{font-size:.75rem}.chat-info-sidebar{width:240px}.chat-info-header{padding:.75rem}.chat-info-header h3{font-size:1rem}.chat-info-content{padding:.75rem}.chat-info-provider img{width:4rem;height:4rem}.chat-info-provider h4{font-size:1.25rem}.chat-welcome-content h2{font-size:1.5rem}.chat-welcome-content p{font-size:1rem}.chat-feature{font-size:.875rem}}@media (max-width: 360px){.chat-container{height:100vh;border-radius:0}.chat-sidebar{height:25%;min-height:160px}.chat-main{height:75%}.chat-sidebar-header{padding:.5rem}.chat-header-title h2{font-size:.9rem}.chat-header-menu-btn{width:1.75rem;height:1.75rem}.chat-search-section{padding:.3rem}.chat-search-input{padding:.5rem .7rem .5rem 2rem;font-size:.7rem}.chat-filter-tabs{gap:.15rem}.chat-filter-tab{padding:.3rem .4rem;font-size:.55rem}.chat-provider-item{padding:.4rem;margin-bottom:.25rem}.chat-provider-avatar img{width:2rem;height:2rem}.chat-provider-header h3{font-size:.8rem}.chat-provider-type{font-size:.55rem}.chat-main-header{padding:.5rem}.chat-header-details h3{font-size:.9rem}.chat-header-avatar img{width:2.25rem;height:2.25rem}.chat-action-btn{width:2rem;height:2rem}.chat-messages-container{padding:.5rem}.chat-message{max-width:95%}.chat-message-content{padding:.5rem .7rem}.chat-message-content p{font-size:.8rem}.chat-input-container{padding:.5rem}.chat-input-btn{width:1.75rem;height:1.75rem}.chat-send-btn{width:2rem;height:2rem}.chat-textarea{padding:.5rem .7rem;font-size:.8rem}.chat-info-sidebar{width:220px}.chat-info-header{padding:.6rem}.chat-info-header h3{font-size:.9rem}.chat-info-content{padding:.6rem}}@media (max-height: 500px) and (orientation: landscape){.chat-container{height:95vh}.chat-sidebar{height:40%;min-height:120px}.chat-main{height:60%}.chat-sidebar-header{padding:.5rem}.chat-header-title h2{font-size:1rem}.chat-search-section{padding:.3rem}.chat-provider-item{padding:.4rem;margin-bottom:.2rem}.chat-provider-avatar img{width:2rem;height:2rem}.chat-main-header,.chat-messages-container,.chat-input-container{padding:.5rem}}@media (min-resolution: 192dpi){.chat-container{border-width:.5px}.chat-sidebar{border-right-width:1px}.chat-main-header{border-bottom-width:1px}.chat-input-container{border-top-width:1px}}.comm-container{width:100%;min-height:100vh;max-width:1300px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.comm-header{text-align:center;margin-bottom:2rem;padding:3rem 2rem;background-image:url(https://images.pexels.com/photos/7659564/pexels-photo-7659564.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.comm-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;pointer-events:none}.comm-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);pointer-events:none}.comm-header-icon{display:inline-flex;width:3rem;height:3rem;background:#fff3;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.comm-header-icon svg{width:1.5rem;height:1.5rem;color:#fff}.comm-header-title{font-size:2.25rem;font-weight:700;color:#fff!important;margin-bottom:.75rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.comm-header-description{color:#ffffffe6!important;font-weight:500;font-size:1.1rem;position:relative;z-index:1;max-width:600px;margin:0 auto 2rem;line-height:1.6}.comm-header-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;position:relative;z-index:1}.comm-header-action-btn{padding:.875rem 2rem;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:none;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0003}.comm-header-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.comm-header-action-btn.primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.comm-header-action-btn.secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.comm-header-action-btn.secondary:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 6px 20px #fff3}@media (max-width: 768px){.comm-header{padding:2rem 1.5rem}.comm-header-title{font-size:1.875rem}.comm-header-description{font-size:1rem}.comm-header-actions{flex-direction:column;align-items:center}.comm-header-action-btn{width:100%;max-width:300px}.comm-container{padding:1rem}}.comm-doctors-section{background:#fff;padding:3rem 2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem}.comm-sections-header{text-align:center;margin-bottom:2rem;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem}.comm-doctors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:2rem}.comm-doctor-card{animation:cardSlideIn .6s ease-out forwards;opacity:0;transform:translateY(30px)}.comm-doctor-card:nth-child(1){animation-delay:.1s}.comm-doctor-card:nth-child(2){animation-delay:.2s}.comm-doctor-card:nth-child(3){animation-delay:.3s}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0)}}.comm-doctor-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:1.5rem;padding:2rem;color:#1f2937;border:2px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.comm-doctor-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.comm-doctor-card:hover:before{transform:scaleX(1)}.comm-doctor-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #667eea1a;border-color:#667eea}.comm-doctor-avatar{width:4rem;height:4rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;box-shadow:0 8px 25px #667eea4d;transition:all .3s ease}.comm-doctor-avatar:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);z-index:-1;opacity:0;transition:opacity .3s ease}.comm-doctor-card:hover .comm-doctor-avatar:after{opacity:1}.comm-doctor-card:hover .comm-doctor-avatar{transform:scale(1.1);box-shadow:0 12px 35px #667eea66}.comm-doctor-info h3{font-size:1.5rem;margin:0 0 .75rem;color:#1f2937;font-weight:700;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.comm-doctor-info h3:after{content:"";position:absolute;bottom:-.25rem;left:0;width:3rem;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;transform:scaleX(0);transition:transform .3s ease}.comm-doctor-card:hover .comm-doctor-info h3:after{transform:scaleX(1)}.comm-specialty{color:#667eea;margin-bottom:1.5rem;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:2rem;display:inline-block;border:1px solid rgba(102,126,234,.2)}.comm-appointment-details{margin-bottom:2rem;background:linear-gradient(135deg,#fff,#f8fafc);padding:1.5rem;border-radius:1rem;border:2px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;transition:all .3s ease}.comm-doctor-card:hover .comm-appointment-details{border-color:#cbd5e0;box-shadow:0 8px 15px #00000014}.comm-detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;padding:.5rem 0;border-bottom:1px solid #f1f5f9;transition:all .3s ease}.comm-detail-row:last-child{margin-bottom:0;border-bottom:none}.comm-detail-row:hover{background:#667eea0d;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem}.comm-detail-row .label{color:#6b7280;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.comm-detail-row .value{color:#1f2937;font-weight:700;font-size:.875rem}.comm-status-available{color:#10b981!important;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;padding:.25rem .75rem;background:#10b9811a;border-radius:1rem;border:1px solid rgba(16,185,129,.2)}.comm-chat-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;border:none;padding:1rem 1.5rem;border-radius:1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.75rem;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:0 8px 25px #667eea4d}.comm-chat-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.comm-chat-button:hover:before{left:100%}.comm-chat-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #667eea66;background:linear-gradient(135deg,#5a67d8,#6b46c1,#e91e63)}.comm-chat-button:active{transform:translateY(-1px);box-shadow:0 8px 25px #667eea4d}.comm-sees-more-btn{display:block;margin:2rem auto 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#374151;border:2px solid #cbd5e0;padding:1rem 2.5rem;border-radius:2rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.comm-sees-more-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.comm-sees-more-btn:hover:before{left:100%}.comm-sees-more-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-3px);box-shadow:0 15px 35px #667eea4d}.comm-sees-more-btn:active{transform:translateY(-1px);box-shadow:0 8px 25px #667eea33}.comm-doctor-search-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:3rem 2rem;border-radius:1rem;box-shadow:0 10px 25px #667eea4d;margin-bottom:2rem;position:relative;overflow:hidden}.comm-doctor-search-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.comm-doctor-search-header{text-align:center;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:1}.comm-doctor-search-header h2{font-size:2.25rem;margin:0 0 .75rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.comm-doctor-search-header p{font-size:1.125rem;color:#fff;margin:0;font-weight:500}.comm-doctor-search-form{max-width:600px;margin:0 auto 2rem;display:flex;gap:.75rem;position:relative;z-index:1}.comm-doctor-search-input{flex:1;padding:1rem 1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:.75rem;font-size:1rem;outline:none;background:#ffffff1a;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.comm-doctor-search-input::-moz-placeholder{color:#ffffffb3}.comm-doctor-search-input::placeholder{color:#ffffffb3}.comm-doctor-search-input:focus{border-color:#fffc;background:#fff3;box-shadow:0 0 0 4px #ffffff1a}.comm-doctor-search-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:.75rem;width:3.5rem;height:3.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.comm-doctor-search-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.comm-doctor-specialties{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;max-width:900px;margin:0 auto;position:relative;z-index:1}.comm-doctor-specialty-chip{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.75rem 1.25rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.1)}.comm-doctor-specialty-chip:hover{background:#ffffff4d;color:#fff;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.comm-announcements-section{background:#fff;padding:3rem 2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}.comm-announcements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.comm-announcements-header h2{font-size:1.875rem;color:#1f2937;margin:0;font-weight:700;display:flex;align-items:center;gap:.5rem}.comm-filter-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.comm-filter-btn:hover{background:#e5e7eb;color:#1f2937;border-color:#9ca3af}.comm-announcements-list{display:flex;flex-direction:column;gap:1rem}.comm-announcement-card{background:#f8fafc;border-radius:.75rem;padding:1.5rem;border:1px solid #e2e8f0;transition:all .3s ease}.comm-announcement-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;border-color:#cbd5e0}.comm-announcement-card.high{border-left:4px solid #ef4444}.comm-announcement-card.medium{border-left:4px solid #3b82f6}.comm-announcement-card.low{border-left:4px solid #10b981}.comm-announcement-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.comm-announcement-card h3{font-size:1.125rem;color:#1f2937;margin:0;font-weight:600;flex:1}.comm-priority-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.comm-priority-badge.high{background:#fef2f2;color:#dc2626}.comm-priority-badge.medium{background:#eff6ff;color:#2563eb}.comm-priority-badge.low{background:#f0fdf4;color:#16a34a}.comm-announcement-card p{color:#4b5563;line-height:1.6;margin:0 0 1rem;font-size:.875rem}.comm-announcement-footer{display:flex;justify-content:space-between;align-items:center}.comm-announcement-date{color:#6b7280;font-size:.75rem;font-weight:500}@media (max-width: 768px){.comm-hero-content h1{font-size:1rem}.comm-doctors-grid{grid-template-columns:1fr;gap:20px}.comm-doctor-search-header h2{font-size:1.5rem}.comm-doctor-search-form{flex-direction:column}.comm-doctor-specialties{gap:10px}.comm-doctor-specialty-chip{padding:8px 15px;font-size:.9rem}.comm-announcements-header{flex-direction:column;gap:15px;align-items:flex-start}.comm-announcement-title-row{flex-direction:column;gap:10px;align-items:flex-start}}@media (max-width: 480px){.comm-hero-section,.comm-doctors-section,.comm-doctor-search-hero,.comm-announcements-section{padding:40px 15px}.comm-doctor-card{padding:20px}}.comm-specialty-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000c,#667eea4d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:commPopupFadeIn .3s ease-out}@keyframes commPopupFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.comm-specialty-popup-content{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:2.5rem;max-width:95vw;max-height:95vh;width:1100px;overflow:hidden;box-shadow:0 50px 100px #0006,0 0 0 1px #ffffff1a,inset 0 1px #fffc;animation:commPopupSlideIn .4s ease-out;position:relative;border:1px solid rgba(255,255,255,.2)}.comm-specialty-popup-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(236,72,153,.05) 0%,transparent 50%);pointer-events:none}@keyframes commPopupSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.comm-popup-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;display:flex;justify-content:space-between;align-items:flex-start;position:relative;overflow:hidden}.comm-popup-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.comm-popup-title-section{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.comm-popup-title-section h2{font-size:2.5rem;font-weight:800;margin:0;display:flex;align-items:center;gap:1rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.comm-popup-title-section p{font-size:1.125rem;margin:0;opacity:.9;font-weight:500}.comm-popup-close-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.comm-popup-close-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.comm-popup-body{padding:2rem;max-height:60vh;overflow-y:auto}.comm-popup-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1rem;border:2px solid #e2e8f0}.comm-stat-item{text-align:center;padding:1rem;background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;transition:all .3s ease}.comm-stat-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#667eea}.comm-stat-number{display:block;font-size:2rem;font-weight:800;color:#667eea;margin-bottom:.5rem}.comm-stat-label{font-size:.875rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.comm-popup-doctors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.comm-popup-doctor-card{background:#fff;border:2px solid #e2e8f0;border-radius:1.5rem;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.comm-popup-doctor-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.comm-popup-doctor-card:hover:before{transform:scaleX(1)}.comm-popup-doctor-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #667eea26;border-color:#667eea}.comm-popup-doctor-header{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.comm-popup-doctor-avatar{position:relative;flex-shrink:0}.comm-popup-doctor-avatar img{width:4rem;height:4rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e2e8f0;transition:all .3s ease}.comm-popup-doctor-card:hover .comm-popup-doctor-avatar img{border-color:#667eea}.comm-online-indicator{position:absolute;bottom:0;right:0;width:1rem;height:1rem;background:#10b981;border:2px solid white;border-radius:50%}.comm-popup-doctor-info h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.comm-popup-doctor-specialty{color:#6b7280;font-weight:600;font-size:.875rem;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.comm-popup-doctor-rating{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1f2937}.comm-popup-doctor-rating .experience{color:#6b7280;font-weight:500;font-size:.875rem}.comm-popup-doctor-details{margin-bottom:1.5rem}.comm-detail-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:#4b5563;font-size:.875rem}.comm-detail-item:last-child{margin-bottom:0}.comm-popup-doctor-actions{display:flex;gap:.75rem;flex-wrap:wrap}.comm-popup-action-btn{padding:.75rem 1rem;border-radius:.75rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:none;text-transform:uppercase;letter-spacing:.5px;flex:1;justify-content:center;min-width:0}.comm-popup-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.comm-popup-action-btn.primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.comm-popup-action-btn.secondary{background:#f3f4f6;color:#374151;border:2px solid #d1d5db}.comm-popup-action-btn.secondary:hover{background:#e5e7eb;color:#1f2937;border-color:#9ca3af;transform:translateY(-2px)}@media (max-width: 768px){.comm-specialty-popup-content{width:95vw;max-height:95vh}.comm-popup-header{padding:1.5rem}.comm-popup-title-section h2{font-size:2rem}.comm-popup-body{padding:1.5rem}.comm-popup-stats{grid-template-columns:1fr;gap:1rem}.comm-popup-doctors-grid{grid-template-columns:1fr}.comm-popup-doctor-actions{flex-direction:column}.comm-popup-footer{flex-direction:column;padding:1.5rem}.comm-popup-footer-btn{width:100%}}@media (max-width: 480px){.comm-popup-header{padding:1rem}.comm-popup-title-section h2{font-size:1.75rem}.comm-popup-body,.comm-popup-stats,.comm-popup-doctor-card{padding:1rem}}.pregnancy-calculator{background:#f8f9fa;border-radius:20px;box-shadow:0 8px 32px #0000001a;border:1px solid #e5e7eb;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;flex-wrap:wrap;padding:20px;gap:30px}.calculator-section{min-width:280px}.calculator-card{padding:24px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;flex:0 0 300px;min-width:280px}.calculator-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#d1d5db}.calculator-title{background:linear-gradient(135deg,#e91e63,#f06292);color:#fff;margin:-24px -24px 24px;padding:20px 24px;border-radius:16px 16px 0 0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.calendar-icon{font-size:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.form-input,.form-select{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease;background:#f8f9fa;color:#374151;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a;background:#f8f9fa}.form-input::-moz-placeholder{color:#9ca3af}.form-input::placeholder{color:#9ca3af}.form-select option{background:#f8f9fa;color:#374151}.calculate-btn{width:100%;background:linear-gradient(135deg,#e91e63,#f06292);border:none;color:#fff;font-weight:600;padding:14px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease;margin-top:10px;box-shadow:0 4px 15px #e91e634d}.calculate-btn:hover:not(:disabled){background:linear-gradient(135deg,#d81b60,#e91e63);transform:translateY(-2px);box-shadow:0 6px 20px #e91e6366}.calculate-btn:disabled{opacity:.6;cursor:not-allowed}.timeline-section{flex:1;min-width:600px;margin-right:25px}.timeline-card{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.timeline-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#d1d5db}.timeline-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:24px;text-align:center}.due-date-banner{background:linear-gradient(135deg,#e91e63,#f06292);color:#fff;padding:24px;border-radius:16px;text-align:center;margin-bottom:24px;box-shadow:0 4px 12px #e91e634d}.due-date-banner:hover{transform:translateY(-2px);box-shadow:0 8px 32px #e91e634d;background:linear-gradient(135deg,#d81b60,#e91e63)}.due-date-text{font-size:16px;margin-bottom:8px;opacity:.9}.due-date-main{font-size:28px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.lmp-info{background:linear-gradient(135deg,#4caf50,#81c784);color:#fff;padding:20px;border-radius:12px;text-align:center;margin-bottom:24px;box-shadow:0 4px 12px #4caf504d}.lmp-text{font-size:14px;margin-bottom:8px;opacity:.9}.lmp-date{font-size:20px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.1)}.milestones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px}.milestone-card{padding:20px;border-radius:12px;text-align:center;border:2px solid;transition:transform .2s ease;background:#f8f9fa}.milestone-card:hover{transform:translateY(-2px)}.milestone-card.conception{background:#fff8e1;border-color:#ffc107;color:#f57c00}.milestone-card.implantation{background:#e8f5e8;border-color:#28a745;color:#2e7d32}.milestone-card.blood-test{background:#e3f2fd;border-color:#007bff;color:#1565c0}.milestone-card.heartbeat{background:#ffebee;border-color:#dc3545;color:#c62828}.milestone-title{font-size:16px;font-weight:600;margin-bottom:8px;color:inherit}.milestone-date{font-size:14px;font-weight:500;margin-bottom:4px;color:inherit}.milestone-subtitle{font-size:12px;opacity:.8;color:inherit}.pregnancy-timeline-section{margin-bottom:40px;padding-bottom:32px;border-bottom:2px solid #e5e7eb}.timeline-visual{position:relative;margin:40px 20px;padding:60px 0 20px}.timeline-bar{height:8px;background:#e5e7eb;border-radius:4px;position:relative;width:100%}.timeline-progress{height:100%;background:linear-gradient(90deg,#ffc107,#ffc107 20%,#28a745 20%,#28a745 40%,#007bff 40%,#007bff 60%,#dc3545 60%,#dc3545 80%,#e91e63 80%,#e91e63);border-radius:4px;transition:width 1s ease-in-out}.timeline-markers{position:absolute;top:-40px;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;height:80px}.timeline-marker{position:relative;text-align:center;flex:0 0 auto;min-width:80px;display:flex;flex-direction:column;align-items:center}.marker-dot{width:20px;height:20px;border-radius:50%;border:4px solid white;box-shadow:0 3px 12px #00000026;position:relative;z-index:2;margin-bottom:8px}.conception-marker .marker-dot{background:#ffc107}.implantation-marker .marker-dot{background:#28a745}.heartbeat-marker .marker-dot{background:#007bff}.fullterm-marker .marker-dot{background:#dc3545}.duedate-marker .marker-dot{background:#e91e63}.marker-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:4px;line-height:1.2}.marker-date{font-size:12px;color:#6b7280;font-weight:500;line-height:1.2}.trimesters-section{border-top:2px solid #e5e7eb;padding-top:32px}.section-title{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:24px;text-align:center}.trimesters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.trimester-card{padding:20px;border-radius:12px;text-align:center;position:relative;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s ease;background:#f8f9fa}.trimester-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000026}.trimester-card.first{background:#fff8e1;color:#f57c00}.trimester-card.second{background:#e8f5e8;color:#2e7d32}.trimester-card.third{background:#e3f2fd;color:#1565c0}.trimester-number{font-size:32px;font-weight:700;margin-bottom:8px;line-height:1;color:inherit}.trimester-dates{font-size:14px;font-weight:500;margin-bottom:4px;color:inherit}.trimester-weeks{font-size:12px;opacity:.8;color:inherit}.additional-dates{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.date-item{background:#f8f9fa;border:1px solid #e5e7eb;padding:20px;border-radius:12px;text-align:center;transition:all .3s ease}.date-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#d1d5db}.date-label{font-size:14px;font-weight:600;color:#6b7280;margin-bottom:8px}.date-value{font-size:16px;font-weight:600;color:#374151;margin-bottom:4px}.date-subtitle{font-size:12px;color:#9ca3af}@media (max-width: 768px){.pregnancy-calculator{flex-direction:column;padding:15px}.calculator-section,.timeline-section{flex:none;min-width:auto}.timeline-visual{margin:30px 10px;padding:40px 0 20px}.timeline-markers{flex-wrap:nowrap;justify-content:space-around;gap:10px}.timeline-marker{min-width:60px}.timeline-bar{height:6px}.marker-dot{width:16px;height:16px;border:3px solid rgba(255,255,255,.8)}.marker-label{font-size:11px}.marker-date{font-size:10px}.trimesters-grid{grid-template-columns:1fr}.milestones-grid{grid-template-columns:repeat(2,1fr)}.additional-dates{grid-template-columns:1fr}.due-date-main{font-size:24px}}@media (max-width: 480px){.milestones-grid{grid-template-columns:1fr}.timeline-visual{margin:20px 5px;padding:30px 0 15px}.timeline-markers{flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:8px;top:-30px}.timeline-marker{min-width:50px}.marker-dot{width:14px;height:14px;border:2px solid rgba(255,255,255,.8)}.marker-label{font-size:10px}.marker-date{font-size:9px}.calculator-title{font-size:16px}.timeline-title{font-size:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calculator-card,.timeline-card{animation:fadeIn .6s ease-out}.calculate-btn:focus,input:focus,select:focus{outline:3px solid rgba(255,255,255,.5);outline-offset:2px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#1e293b}.pregnancy-calc-container{min-height:100vh;padding:20px;background:linear-gradient(135deg,#c3cfe2,#c3cfe2)}.pregnancy-calc-content{max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.pregnancy-calc-header{background:linear-gradient(135deg,#c3cfe2,#c3cfe2);padding:40px 30px;text-align:center;color:#1e293b}.pregnancy-calc-header-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:#fff3;border-radius:12px;margin-bottom:16px;color:#4f46e5}.pregnancy-calc-title{font-size:2.25rem;font-weight:700;margin-bottom:12px;color:#4f46e5}.pregnancy-calc-subtitle{font-size:1.125rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.pregnancy-calc-main-layout{display:grid;grid-template-columns:1fr 400px;gap:0;min-height:600px}.pregnancy-calc-form-panel{padding:30px;background:#fff}.pregnancy-calc-form-header{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#1e293b}.pregnancy-calc-form-header h2{font-size:1.125rem;font-weight:600;margin:0}.pregnancy-calc-tabs{display:flex;gap:4px;margin-bottom:24px;background:#f1f5f9;border-radius:8px;padding:4px}.pregnancy-calc-tab{flex:1;padding:8px 12px;border:none;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.pregnancy-calc-tab.active{background:#4f46e5;color:#fff}.pregnancy-calc-tab:hover:not(.active){background:#4f46e51a}.pregnancy-calc-form{display:flex;flex-direction:column;gap:20px}.pregnancy-calc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pregnancy-calc-form-group{display:flex;flex-direction:column}.pregnancy-calc-form-group label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:6px}.pregnancy-calc-input-group{position:relative;display:flex;align-items:center}.pregnancy-calc-input-group input{width:100%;padding:12px 40px 12px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease}.pregnancy-calc-input-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.pregnancy-calc-unit{position:absolute;right:12px;font-size:.875rem;color:#6b7280;font-weight:500}.pregnancy-calc-height-input{display:flex;gap:8px}.pregnancy-calc-height-input input{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem}.pregnancy-calc-unit-select{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;min-width:60px}.pregnancy-calc-select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;color:#6b7280}.pregnancy-calc-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.pregnancy-calc-checkbox-group{background:#f8fafc;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.pregnancy-calc-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.875rem;color:#374151}.pregnancy-calc-checkbox input[type=checkbox]{display:none}.pregnancy-calc-checkmark{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pregnancy-calc-checkbox input[type=checkbox]:checked+.pregnancy-calc-checkmark{background:#4f46e5;border-color:#4f46e5}.pregnancy-calc-checkbox input[type=checkbox]:checked+.pregnancy-calc-checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.pregnancy-calc-calculate-btn{width:100%;padding:14px 20px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pregnancy-calc-calculate-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.pregnancy-calc-result-panel{background:#f8fafc;padding:30px 24px;display:flex;flex-direction:column;gap:16px}.pregnancy-calc-result-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;transition:all .2s ease}.pregnancy-calc-result-card:hover{box-shadow:0 4px 12px #0000001a}.pregnancy-calc-card-header{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:#4f46e5;margin-bottom:16px}.pregnancy-calc-summary-card{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none}.pregnancy-calc-summary-card .pregnancy-calc-card-header{color:#ffffffe6}.pregnancy-calc-weight-display{text-align:center;margin-bottom:20px}.pregnancy-calc-weight-value{display:block;font-size:32px;font-weight:700;margin-bottom:4px}.pregnancy-calc-weight-label{font-size:.875rem;opacity:.9}.pregnancy-calc-range-info{display:flex;flex-direction:column;gap:8px}.pregnancy-calc-range-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.pregnancy-calc-range-label{opacity:.9}.pregnancy-calc-range-value{font-weight:600}.pregnancy-calc-weeks-card{text-align:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.pregnancy-calc-weeks-number{font-size:40px;font-weight:700;color:#4f46e5;margin-bottom:4px}.pregnancy-calc-weeks-label{font-size:.875rem;color:#6b7280;font-weight:500}.pregnancy-calc-bmi-value{display:flex;align-items:center;gap:12px}.pregnancy-calc-bmi-number{font-size:1.5rem;font-weight:700;color:#1e293b}.pregnancy-calc-bmi-label{font-size:.875rem;color:#6b7280;flex:1}.pregnancy-calc-bmi-check{color:#10b981}.pregnancy-calc-progress-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pregnancy-calc-progress-label{font-size:.875rem;color:#6b7280}.pregnancy-calc-progress-percentage{font-size:.875rem;font-weight:600;color:#1e293b}.pregnancy-calc-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.pregnancy-calc-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease}.pregnancy-calc-progress-note{font-size:.75rem;color:#6b7280;text-align:center}.pregnancy-calc-tips-list{list-style:none;padding:0}.pregnancy-calc-tips-list li{border-bottom:1px solid #f1f5f9;color:#475569;font-size:.875rem;position:relative;padding:8px 0 8px 20px}.pregnancy-calc-tips-list li:before{content:"•";color:#4f46e5;position:absolute;left:0;font-weight:700}.pregnancy-calc-tips-list li:last-child{border-bottom:none}@media (max-width: 968px){.pregnancy-calc-main-layout,.pregnancy-calc-form-row{grid-template-columns:1fr}.pregnancy-calc-container{padding:12px}.pregnancy-calc-header{padding:30px 20px}.pregnancy-calc-title{font-size:1.875rem}.pregnancy-calc-form-panel,.pregnancy-calc-result-panel{padding:20px}.pregnancy-calc-tabs{flex-direction:column;gap:2px}.pregnancy-calc-tab{text-align:center}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.bp-worksheet-wrapper{min-height:100vh;background:#fff;padding:20px 0}.bp-worksheet-container{max-width:1200px;margin:0 auto;padding:0 20px}.bp-main-header{text-align:center;margin-bottom:40px;background:#fff;padding:40px 20px;border-radius:20px;box-shadow:0 4px 20px #00000014}.bp-main-header .bp-header-icon{font-size:3rem;margin-bottom:20px}.bp-main-header h1{color:#ec4899;font-size:2.5rem;font-weight:700;margin-bottom:15px}.bp-main-header p{color:#666;font-size:1.1rem;max-width:600px;margin:0 auto}.bp-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:start}.bp-worksheet-main{background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 20px #00000014}.bp-section-title{display:flex;align-items:center;margin-bottom:25px}.bp-section-title .bp-title-icon{font-size:1.5rem;margin-right:15px}.bp-section-title h2{color:#1e3a8a;font-size:1.8rem;font-weight:600}.bp-control-buttons{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.bp-control-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #d946ef;background:#d946ef;color:#fff;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s ease}.bp-control-btn:hover{background:#d946ef;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #d946ef4d}.bp-control-btn.active{background:#d946ef;color:#fff}.bp-save-button{border-color:#10b981;color:#10b981}.bp-save-button:hover{background:#10b981;color:#fff}.bp-download-button{border-color:#3b82f6;background:#3b82f6;color:#fff}.bp-download-button:hover{background:#3b82f6;color:#fff}.bp-form-sections{display:grid;gap:25px}.bp-form-group{background:#fafafa;padding:20px;border-radius:15px;border-left:4px solid #d946ef}.bp-form-group h3{color:#1e3a8a;font-size:1.2rem;font-weight:600;margin-bottom:12px}.bp-form-textarea{width:100%;min-height:100px;padding:15px;border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:1rem;resize:vertical;transition:border-color .3s ease}.bp-form-textarea:focus{outline:none;border-color:#d946ef;box-shadow:0 0 0 3px #d946ef1a}.bp-form-textarea:disabled{background:#f9f9f9;cursor:not-allowed}.bp-form-textarea::-moz-placeholder{color:#9ca3af}.bp-form-textarea::placeholder{color:#9ca3af}.bp-sidebar-section{display:flex;flex-direction:column;gap:20px}.bp-tips-panel,.bp-checklist-panel{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 15px #00000014;border-top:4px solid #d946ef}.bp-tips-panel h3,.bp-checklist-panel h3{color:#ec4899;font-size:1.3rem;font-weight:600;margin-bottom:20px;display:flex;align-items:center}.bp-tips-panel h3:before{content:"💡";margin-right:10px;font-size:1.2rem}.bp-checklist-panel h3:before{content:"✅";margin-right:10px;font-size:1.2rem}.bp-tips-listing{list-style:none;display:flex;flex-direction:column;gap:12px}.bp-tips-listing li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;color:#666;line-height:1.5}.bp-tips-listing li:before{content:"→";color:#d946ef;font-weight:700;margin-top:2px}.bp-checklist-items{display:flex;flex-direction:column;gap:15px}.bp-checklist-option{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease}.bp-checklist-option:hover{background:#f8f0ff}.bp-checklist-option input[type=checkbox]{width:18px;height:18px;accent-color:#d946ef;cursor:pointer}.bp-checklist-option span{color:#666;font-weight:500}@media (max-width: 1024px){.bp-content-grid{grid-template-columns:1fr;gap:20px}.bp-sidebar-section{flex-direction:row}}@media (max-width: 768px){.bp-worksheet-container{padding:0 15px}.bp-main-header{padding:30px 20px}.bp-main-header h1{font-size:2rem}.bp-worksheet-main{padding:20px}.bp-control-buttons{flex-direction:column}.bp-control-btn{width:100%;justify-content:center}.bp-sidebar-section{flex-direction:column}}@media (max-width: 480px){.bp-main-header h1{font-size:1.8rem}.bp-section-title h2{font-size:1.5rem}.bp-form-group h3{font-size:1.1rem}.bp-form-textarea{min-height:80px}}.chinese-gender-predictor-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.chinese-predictor-main-wrapper{max-width:1200px;margin:0 auto;background:#fffffff2;border-radius:1.5rem;box-shadow:0 20px 40px #00000014;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8)}.chinese-predictor-header-section{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#fef7ff,#f3e8ff,#fce7f3);color:#1f2937;border-bottom:1px solid rgba(0,0,0,.05)}.chinese-predictor-header-icon{font-size:3.5rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.chinese-predictor-main-title{font-size:2.25rem;margin:0 0 1rem;font-weight:700;background:linear-gradient(90deg,#9333ea,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none}.chinese-predictor-subtitle{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.chinese-predictor-content-grid{display:grid;grid-template-columns:1fr 350px;gap:2.5rem;padding:2.5rem}.chinese-predictor-calculator-panel{background:#ffffffe6;border-radius:1rem;padding:2rem;box-shadow:0 10px 30px #00000014;border:1px solid rgba(0,0,0,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chinese-predictor-section-header{display:flex;align-items:center;margin-bottom:2rem}.chinese-predictor-calculator-emoji{font-size:1.5rem;margin-right:.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.chinese-predictor-section-title{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.chinese-predictor-form-container{display:flex;flex-direction:column;gap:1.5rem}.chinese-predictor-input-group{display:flex;flex-direction:column}.chinese-predictor-field-label{font-weight:600;margin-bottom:.5rem;color:#374151;font-size:.875rem;letter-spacing:.5px}.chinese-predictor-input-wrapper{display:flex;align-items:center;gap:.75rem}.chinese-predictor-number-field,.chinese-predictor-select-field{flex:1;padding:1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .2s ease;background:#fff;color:#1f2937}.chinese-predictor-number-field::-moz-placeholder{color:#9ca3af}.chinese-predictor-number-field::placeholder{color:#9ca3af}.chinese-predictor-number-field:focus,.chinese-predictor-select-field:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 4px #ec48991a;background:#fff}.chinese-predictor-select-field option{background:#fff;color:#1f2937;padding:.5rem}.chinese-predictor-unit-text{color:#6b7280;font-weight:500;font-size:.875rem}.chinese-predictor-calculate-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#ec4899,#9333ea);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.75rem;box-shadow:0 4px 15px #ec48994d}.chinese-predictor-calculate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ec489966;background:linear-gradient(135deg,#db2777,#7c3aed)}.chinese-predictor-calculate-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #ec48991a}.chinese-predictor-result-container{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#ec48990d,#9333ea0d);border-radius:1rem;border:1px solid rgba(236,72,153,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chinese-predictor-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.chinese-predictor-result-title{margin:0;color:#1f2937;font-weight:600;font-size:1.125rem}.chinese-predictor-gender-badge{padding:.5rem 1rem;border-radius:9999px;font-weight:600;display:flex;align-items:center;gap:.5rem;color:#fff;box-shadow:0 4px 15px #0000001a}.chinese-predictor-gender-badge.boy{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.chinese-predictor-gender-badge.girl{background:linear-gradient(135deg,#ec4899,#be185d)}.chinese-predictor-accuracy-section{margin:1.5rem 0}.chinese-predictor-accuracy-label{font-weight:600;margin-bottom:.5rem;color:#374151;font-size:.875rem}.chinese-predictor-progress-track{height:.5rem;background:#e5e7eb;border-radius:.25rem;overflow:hidden;position:relative}.chinese-predictor-progress-indicator{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .8s ease;box-shadow:0 0 10px #10b9814d}.chinese-predictor-accuracy-value{text-align:right;font-weight:600;margin-top:.5rem;color:#059669;font-size:.875rem}.chinese-predictor-explanation-box{margin-top:1rem;padding:1rem;background:#fffc;border-radius:.5rem;border:1px solid rgba(0,0,0,.05)}.chinese-predictor-explanation-text{margin:0;font-style:italic;color:#6b7280;line-height:1.5;font-size:.875rem}.chinese-predictor-info-sidebar{display:flex;flex-direction:column;gap:1.5rem}.chinese-predictor-info-card,.chinese-predictor-notes-card,.chinese-predictor-history-card{background:#ffffffe6;padding:1.5rem;border-radius:1rem;box-shadow:0 5px 15px #00000014;border:1px solid rgba(0,0,0,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chinese-predictor-card-title{margin:0 0 1rem;color:#1f2937;font-size:1.125rem;font-weight:600}.chinese-predictor-card-text{margin:0;color:#6b7280;line-height:1.6;font-size:.875rem}.chinese-predictor-notes-list{margin:0;padding-left:1.25rem;color:#6b7280;line-height:1.6}.chinese-predictor-notes-list li{margin-bottom:.5rem;font-size:.875rem}.chinese-predictor-notes-list li::marker{color:#ec4899}.chinese-predictor-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.chinese-predictor-stat-card{background:#ffffffe6;padding:1.5rem;border-radius:1rem;text-align:center;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(0,0,0,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.chinese-predictor-stat-card:hover{box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.02)}.chinese-predictor-stat-icon{font-size:2rem;margin-bottom:.75rem;color:#ec4899}.chinese-predictor-stat-number{font-size:1.875rem;font-weight:700;color:#ec4899;margin-bottom:.25rem}.chinese-predictor-stat-label{color:#6b7280;font-size:.875rem;font-weight:500}@media (max-width: 768px){.chinese-predictor-content-grid{grid-template-columns:1fr;padding:1.5rem;gap:1.5rem}.chinese-predictor-header-section{padding:2rem 1.5rem}.chinese-predictor-main-title{font-size:1.875rem}.chinese-predictor-calculator-panel{padding:1.5rem}.chinese-predictor-section-title{font-size:1.125rem}.chinese-predictor-stats-grid{grid-template-columns:1fr;gap:1rem}}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#ec489980;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ec4899b3}body{background-color:#f3f4f6!important;min-height:100vh;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.babycosts-container{background:#f3f4f6;min-height:100vh}.babycosts-page-wrapper{background:#fff;padding:2rem;border-radius:20px;max-width:1500px;margin:2rem auto;box-shadow:0 8px 32px #00000014}.header-babycosts{background:linear-gradient(135deg,#e0f7fa,#fce4ec);text-align:center;color:#1f2937;padding:40px 0 20px;border-radius:20px 20px 0 0;box-shadow:0 4px 24px #be185d12;margin-bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.header-babycosts h1{font-size:2.5rem;margin-bottom:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;color:#1f2937;text-align:center}.header-babycosts p{font-size:1.1rem;color:#374151;opacity:1;text-align:center}.header-icon{width:40px;height:40px;color:#3b82f6}.main-content-babycosts{display:grid;grid-template-columns:1fr 350px;gap:0;min-height:600px;background:#f3f4f6;border-radius:0;box-shadow:none;overflow:hidden}.babycosts-card-calculator{padding:30px;margin:0;border-radius:0 0 0 20px;background:#f3f4f6;border:none}.age-selector{margin-bottom:30px}.tabnav-babycosts{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;background:#e5e7eb;border-radius:2rem;padding:6px 8px;justify-content:flex-start}.tab-babycosts{padding:10px 24px;background:transparent;border:none;border-radius:2rem;cursor:pointer;font-weight:500;font-size:1rem;color:#374151;transition:all .2s;outline:none;box-shadow:none}.tab-babycosts.active{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-weight:700;box-shadow:0 2px 8px #3b82f61a}.tab-babycosts:hover:not(.active){background:#e0e7ef;color:#1f2937}.categories-grid-babycosts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.babycosts-card{background:#fff;border-radius:15px;padding:20px;border-left:5px solid #e5e7eb;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;color:#1f2937;border:1px solid #e5e7eb}.babycosts-card.feeding{border-left-color:#ff6b6b}.babycosts-card.diapering{border-left-color:#4ecdc4}.babycosts-card.clothing{border-left-color:#45b7d1}.babycosts-card.sleep{border-left-color:#96ceb4}.babycosts-card.health{border-left-color:#ffeaa7}.babycosts-card.travel{border-left-color:plum}.babycosts-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a;border-color:#3b82f6}.category-header{display:flex;align-items:center;margin-bottom:15px}.category-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;background:#f3f4f6}.category-icon-svg{width:24px;height:24px;color:#3b82f6}.feeding .category-icon{background:#ff6b6b20}.diapering .category-icon{background:#4ecdc420}.clothing .category-icon{background:#45b7d120}.sleep .category-icon{background:#96ceb420}.health .category-icon{background:#ffeaa720}.travel .category-icon{background:#dda0dd20}.feeding .category-icon-svg{color:#ff6b6b}.diapering .category-icon-svg{color:#4ecdc4}.clothing .category-icon-svg{color:#45b7d1}.sleep .category-icon-svg{color:#96ceb4}.health .category-icon-svg{color:#f59e0b}.travel .category-icon-svg{color:plum}.category-title{font-size:1.2rem;font-weight:600;color:#1f2937}.item-list{margin-top:10px}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e5e7eb}.cost-item:last-child{border-bottom:none}.item-info{flex:1}.item-name{font-weight:500;color:#1f2937;margin-bottom:2px}.item-description{font-size:.85rem;color:#6b7280}.item-controls{display:flex;align-items:center;gap:10px}.priority-badge{padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:500}.priority-essential{background:#ff6b6b20;color:#ff6b6b}.priority-optional{background:#45b7d120;color:#45b7d1}.cost-input{width:80px;padding:8px;border:1px solid #d1d5db;border-radius:8px;text-align:right;background-color:#f3f4f6;font-weight:500;color:#1f2937}.quantity-price-inputs{display:flex;gap:8px;align-items:center}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{font-size:.7rem;color:#6b7280;font-weight:500}.quantity-input,.price-input{width:60px;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;text-align:center;background-color:#f3f4f6;font-weight:500;color:#1f2937;font-size:.85rem}.quantity-input:focus,.price-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.item-total{font-size:.8rem;color:#059669;font-weight:600;margin-top:4px}.babycosts-card.custom{border:2px dashed #d1d5db;background:#fafafa}.category-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;position:relative}.add-custom-btn{position:absolute;right:0;top:0;background:#3b82f6;color:#fff;border:none;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.add-custom-btn:hover{background:#2563eb;transform:translateY(-1px)}.custom-item-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:15px;margin-bottom:15px}.form-row{display:flex;gap:10px;margin-bottom:10px;align-items:center}.form-row:last-child{margin-bottom:0}.custom-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;font-size:.9rem;color:#1f2937}.custom-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.add-item-btn{background:#059669;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-item-btn:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.add-item-btn:disabled{background:#9ca3af;cursor:not-allowed}.custom-item{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px;margin-bottom:8px}.quantity-price-display{display:flex;flex-direction:column;gap:2px;font-size:.8rem;color:#6b7280}.remove-item-btn{background:#ef4444;color:#fff;border:none;padding:6px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-item-btn:hover{background:#dc2626;transform:translateY(-1px)}.no-custom-items{text-align:center;padding:20px;color:#6b7280;font-size:.9rem}.no-custom-items p{margin-bottom:5px}.no-custom-items p:last-child{margin-bottom:0}.babycosts-summary-panel{background:#fbc4c4;border-radius:0 0 20px;color:#1f2937;padding:30px;position:sticky;top:0;min-height:-moz-max-content;min-height:max-content;border-left:1.5px solid #e5e7eb;box-shadow:0 2px 8px #0000000a}.summary-title{font-size:1.5rem;margin-bottom:25px;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;color:#1f2937}.summary-icon{width:24px;height:24px;color:#f59e0b}.total-cost{background:#f8f9fa;border-radius:15px;padding:20px;text-align:center;margin-bottom:25px;box-shadow:0 2px 8px #0000000a}.total-amount{font-size:2.5rem;font-weight:700;color:#f59e0b;margin-bottom:5px}.total-label{opacity:.8;font-size:.9rem;color:#6b7280}.breakdown-section{margin-bottom:25px}.breakdown-title{font-size:1.1rem;margin-bottom:15px;opacity:.9;color:#1f2937}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb;color:#374151}.breakdown-item:last-child{border-bottom:none}.babycosts-savings-plan{background:#f8f9fa;border-radius:15px;padding:20px;box-shadow:0 2px 8px #0000000a;color:#1f2937}.savings-title{font-size:1.1rem;margin-bottom:15px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;color:#1f2937}.savings-icon{width:20px;height:20px;color:#96ceb4}.monthly-savings{font-size:1.5rem;font-weight:600;text-align:center;color:#96ceb4;display:flex;align-items:center;justify-content:center;gap:8px}.trending-icon{width:20px;height:20px;color:#96ceb4}.settings-row{display:flex;gap:15px;margin-bottom:20px;align-items:center}.settings-input{flex:1;padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#f8f9fa;color:#1f2937}@media (max-width: 1024px){.babycosts-page-wrapper{padding:1rem}.main-content-babycosts{grid-template-columns:1fr}.babycosts-card-calculator,.babycosts-summary-panel{border-radius:0 0 20px 20px}}@media (max-width: 768px){.babycosts-page-wrapper{padding:.5rem;border-radius:12px}.main-content-babycosts,.categories-grid-babycosts{grid-template-columns:1fr}.tabnav-babycosts{flex-direction:column;gap:8px;align-items:flex-start}.header-babycosts h1{font-size:1.8rem}.header-icon{width:32px;height:32px}.category-icon-svg,.summary-icon{width:20px;height:20px}.savings-icon,.trending-icon{width:18px;height:18px}.quantity-price-inputs{flex-direction:column;gap:4px}.quantity-input,.price-input{width:50px;font-size:.8rem}.form-row{flex-direction:column;gap:8px}.custom-input{width:100%}.add-custom-btn{position:static;margin-top:10px;width:100%;justify-content:center}.category-header,.cost-item{flex-direction:column;align-items:flex-start;gap:8px}.item-controls{width:100%;justify-content:space-between}.quantity-price-display{flex-direction:row;gap:10px}}.container{background:#fff;border-radius:32px;box-shadow:0 8px 32px #1f268714;border:1.5px solid #e5e7eb;padding:32px}.header-maternity{background:linear-gradient(135deg,#e0f7fa,#fce4ec);text-align:center;color:#1f2937;padding:40px 0 20px;border-radius:20px 20px 0 0;box-shadow:0 4px 24px #be185d12;margin-bottom:32px;display:flex;flex-direction:column;align-items:center;justify-content:center}.header-maternity h1{font-size:2.5rem;margin-bottom:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;color:#1f2937;text-align:center}.header-maternity p{font-size:1.1rem;color:#374151;opacity:1;text-align:center}.header{background:none;box-shadow:none;color:inherit;padding:0;margin:0}.header h1{color:#1f2937;font-size:2.5rem;margin-bottom:10px;margin-left:5px;font-weight:600;text-shadow:none}.header p{color:#374151;font-size:1.1rem;max-width:600px;margin:0 auto}.breadcrumb{background:#f8f9fa;padding:12px 20px;border-radius:25px;margin-bottom:30px;border:1px solid #e5e7eb}.breadcrumb a{color:#be185d;text-decoration:none;font-weight:500}.breadcrumb span{color:#6b7280;margin:0 8px}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-bottom:40px}.topic-card{background:#ffe8fb;border-radius:20px;padding:30px;box-shadow:0 4px 16px #1f268714;transition:all .3s cubic-bezier(.25,.8,.25,1);border:1.5px solid #e5e7eb;cursor:pointer;position:relative;overflow:hidden}.topic-card:hover{transform:translateY(-5px) scale(1.025);box-shadow:0 8px 32px #1f268721;background:#fff}.topic-icon{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;background:#f3f4f6;box-shadow:0 2px 8px #1f26870d}.topic-card h3{color:#be185d;font-size:1.4rem;margin-bottom:15px;font-weight:600}.milestone-list{list-style:none}.milestone-list li{color:#1f2937;padding:8px 0;border-bottom:1px solid #e5e7eb;font-size:.95rem;transition:color .2s ease}.milestone-list li:hover{color:#be185d}.milestone-list li:last-child{border-bottom:none}.milestone-list li:before{content:"→";color:#ec4899;font-weight:700;margin-right:8px}.cta-section{background:linear-gradient(135deg,#be185d,#ec4899);color:#fff;padding:40px;border-radius:20px;text-align:center;margin-top:40px;box-shadow:0 8px 32px #1f26871a;border:1.5px solid #e5e7eb}.cta-section h2{font-size:1.8rem;margin-bottom:15px}.cta-section p{font-size:1.1rem;opacity:.9;margin-bottom:25px}.cta-button{background:#fff;color:#be185d;padding:15px 30px;border:2px solid #be185d;border-radius:25px;text-decoration:none;font-weight:600;display:inline-block;transition:all .3s ease;box-shadow:0 2px 8px #1f26870d}.cta-button:hover{background:#be185d;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.topics-grid{grid-template-columns:1fr}.header h1{font-size:2rem}.topic-card{padding:20px}.container{border-radius:18px;padding-bottom:16px}.header{border-radius:18px 18px 0 0}}.child-growth-chart{padding:20px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header-growthchart{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff}.header-growthchart h1{font-size:2.5rem;margin-bottom:10px;display:flex;align-items:center;justify-content:center;text-align:center;width:100%}.header-growthchart p{font-size:1.1rem;opacity:.9}.baby-selection-section{margin-bottom:30px}.baby-profiles h3{margin-bottom:15px;color:#333;font-size:1.3rem}.baby-list{display:flex;gap:15px;flex-wrap:wrap}.baby-card{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#fff;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:200px}.baby-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px #667eea26}.baby-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.baby-icon{width:24px;height:24px;color:#667eea}.baby-card.selected .baby-icon{color:#fff}.baby-info h4{margin:0;font-size:1.1rem;font-weight:600}.baby-info p{margin:5px 0 0;font-size:.9rem;opacity:.8}.add-baby-btn{display:flex;align-items:center;gap:8px;padding:15px 20px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;cursor:pointer;transition:all .3s ease;color:#6c757d;min-width:200px}.add-baby-btn:hover{border-color:#667eea;color:#667eea;background:#f0f2ff}.main-content{display:flex;flex-direction:column;gap:30px}.measurement-form-section{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 20px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0;color:#333;font-size:1.4rem}.add-measurement-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.add-measurement-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #667eea4d}.current-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #dee2e6}.stat-icon{width:32px;height:32px;color:#667eea}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:.9rem;color:#6c757d;margin-bottom:5px}.stat-value{font-size:1.3rem;font-weight:600;color:#333}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px}.chart-container{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0}.chart-container h3{margin:0 0 20px;color:#333;font-size:1.3rem;font-weight:600;text-align:center}.chart-container .recharts-wrapper{background:#fafafa;border-radius:8px;padding:10px}.chart-container .recharts-cartesian-grid-horizontal line,.chart-container .recharts-cartesian-grid-vertical line{stroke:#e0e0e0!important;stroke-opacity:.8}.chart-container .recharts-xAxis .recharts-cartesian-axis-line,.chart-container .recharts-yAxis .recharts-cartesian-axis-line{stroke:#ccc!important}.chart-container .recharts-xAxis .recharts-cartesian-axis-tick-value,.chart-container .recharts-yAxis .recharts-cartesian-axis-tick-value{fill:#666!important;font-size:12px}.growth-analysis-section{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 20px #00000014}.growth-analysis-section h3{margin:0 0 20px;color:#333;font-size:1.3rem}.growth-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.growth-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px}.growth-label{font-size:.9rem;opacity:.9;margin-bottom:8px}.growth-value{font-size:1.5rem;font-weight:600;margin-bottom:5px}.growth-rate{font-size:.9rem;opacity:.8}.measurements-table-section{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 20px #00000014}.measurements-table-section h3{margin:0 0 20px;color:#333;font-size:1.3rem}.measurements-table{overflow-x:auto}.measurements-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.measurements-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;text-align:left;font-weight:600}.measurements-table td{padding:12px 15px;border-bottom:1px solid #e9ecef}.measurements-table tr:hover{background:#f8f9fa}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:15px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content h3{margin:0 0 25px;color:#333;font-size:1.4rem;text-align:center}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.modal-actions button{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.modal-actions button:first-child{background:#6c757d;color:#fff}.modal-actions button:last-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0003}.modal-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.no-baby-selected{text-align:center;padding:60px 20px;color:#6c757d}.no-baby-icon{width:80px;height:80px;margin:0 auto 20px;color:#dee2e6}.no-baby-selected h3{margin:0 0 15px;font-size:1.5rem}.no-baby-selected p{font-size:1.1rem;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d}.loading-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-message{display:flex;align-items:center;gap:10px;padding:15px 20px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;margin:20px 0}.error-icon{width:20px;height:20px;flex-shrink:0}.error-message button{background:none;border:none;color:#721c24;cursor:pointer;font-size:18px;margin-left:auto;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.error-message button:hover{background:#721c241a;border-radius:4px}@media (max-width: 768px){.header-growthchart h1{font-size:2rem}.baby-list{flex-direction:column}.baby-card,.add-baby-btn{min-width:auto}.charts-section,.current-stats,.growth-stats{grid-template-columns:1fr}.modal-content{width:95%;padding:20px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}body{background-color:#dedede!important;min-height:100vh;margin:0;padding:1rem}.container{background:#fff;border-radius:20px;box-shadow:0 8px 32px #00000014;min-height:100%}.header-feeding{background:linear-gradient(135deg,#e0f7fa,#fce4ec);text-align:center;color:#1f2937;padding:40px 0 20px;border-radius:20px 20px 0 0;box-shadow:0 4px 24px #be185d12;margin-bottom:32px;display:flex;flex-direction:column;align-items:center;justify-content:center}.header-feeding h1{font-size:2.5rem;margin-bottom:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;color:#1f2937;text-align:center}.header-feeding p{font-size:1.1rem;color:#374151;opacity:1;text-align:center}.header-line{background:none;box-shadow:none;color:inherit;padding:0;margin:0}.header-line p{color:#374151;font-size:1.1rem;max-width:600px;margin:0 auto}.glass-tab-navigation{display:flex;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;padding:4px;margin:0 30px 30px;box-shadow:0 4px 16px #0000000f}.tab-button-solution{flex:1;background:transparent;border:none;color:#1f2937;padding:12px 20px;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease}.tab-button-solution.active{background:#b5d1ff;color:#1b1b1b;box-shadow:0 2px 8px #3b82f61a}.tab-button-solution:hover{background:#e0e7ef;color:#1f2937}.section{margin-bottom:50px}.section-title{color:#1f2937;font-size:1.8rem;margin-bottom:25px;font-weight:600;display:flex;align-items:center;gap:10px;text-shadow:none}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.card{background:#ecf5ff;border:1px solid #e5e7eb;border-radius:20px;padding:25px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;color:#1f2937}.card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a;background:#fff;border-color:#3b82f6}.card-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.card-emoji{font-size:2.5rem;background:#f3f4f6;padding:15px;border-radius:50%;display:flex;align-items:center;justify-content:center}.card-title{color:#1f2937;font-size:1.3rem;font-weight:600;flex:1}.card-description{color:#374151;font-size:1rem;line-height:1.6;margin-bottom:15px}.dropdown-content{background:#f3f4f6;border-radius:15px;padding:20px;margin-top:15px;border-left:4px solid #3b82f6;display:none;border:1px solid #e5e7eb;color:#1f2937}.dropdown-content.open{display:block;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-content h4{color:#1f2937;margin-bottom:15px;font-size:1.1rem;font-weight:600}.dropdown-content ul{list-style:none}.dropdown-content li{color:#374151;margin-bottom:10px;padding-left:20px;position:relative;line-height:1.6}.dropdown-content li:before{content:"•";color:#3b82f6;font-size:1.2rem;position:absolute;left:0}.expand-icon{font-size:1.2rem;color:#3b82f6;transition:transform .3s ease}.card.expanded .expand-icon{transform:rotate(180deg)}.feeding-problems,.meal-plans{padding:30px;border-radius:20px;margin-bottom:30px;background:#fff}.meal-plans .card-emoji{background:#e0f7fa}.meal-plans .dropdown-content{border-left-color:#3b82f6}.meal-plans .dropdown-content li:before{color:#3b82f6}.meal-plans .expand-icon{color:#3b82f6}.meal-plans .card:hover{border-color:#3b82f6}.age-badge{position:absolute;top:15px;right:15px;background:#f3f4f6;color:#1f2937;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.meal-sample{background:#f3f4f6;border-radius:10px;padding:15px;margin:10px 0;border-left:3px solid #3b82f6;border:1px solid #e5e7eb;color:#1f2937}.meal-sample h5{color:#1f2937;margin-bottom:8px;font-size:1rem;font-weight:600}.meal-sample p{color:#374151;font-size:.9rem;margin-bottom:5px;line-height:1.4}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr}.header-line h1{font-size:2rem;flex-direction:column;gap:8px}.header-icon{width:2rem;height:2rem}.section-title{font-size:1.5rem}.container,.feeding-problems,.meal-plans{padding:20px}.glass-tab-navigation{flex-direction:column;gap:4px;margin:0 15px 30px}.tab-button{text-align:center;font-size:.875rem}}.card{animation:fadeIn .4s ease}.card:focus-visible,.tab-button:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@media (prefers-contrast: high){.container,.card{border-width:2px}}@media (prefers-reduced-motion: reduce){.card,.dropdown-content,.expand-icon{animation-duration:.01ms!important;transition-duration:.01ms!important}}html{background-color:#dedede!important;min-height:100vh}body{background-color:#dedede!important;min-height:100vh;margin:0;padding:0}.doctor-visits-guide{background:#fff;border-radius:20px;box-shadow:0 8px 32px #00000014;border:1.5px solid #e5e7eb;min-height:100%}.header{text-align:center;margin-bottom:40px;padding:30px 0;background:#fff0;border-radius:32px 32px 0 0;box-shadow:0 4px 24px #be185d12;border-bottom:1.5px solid rgba(255,255,255,.18)}.glass-container{border-radius:20px;padding:30px;margin-bottom:20px;min-height:100%;box-shadow:0 8px 32px #00000014;background:#f8f9fa}.header-doctorvisits{background:linear-gradient(135deg,#e0f7fa,#fce4ec);text-align:center;color:#1f2937;padding:40px 0 20px;border-radius:20px 20px 0 0;box-shadow:0 4px 24px #be185d12;margin-bottom:32px;display:flex;flex-direction:column;align-items:center;justify-content:center}.header-doctorvisits h1{font-size:2.5rem;margin-bottom:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;color:#1f2937;text-align:center}.header-doctorvisits p{font-size:1.1rem;color:#374151;opacity:1;text-align:center}.glass-header{background:none;box-shadow:none;color:inherit;padding:0;margin:0}.header-icon{color:#3b82f6;width:2.5rem;height:2.5rem;flex-shrink:0}.glass-header p{color:#374151;font-size:1.1rem;max-width:600px;margin:0 auto}.glass-tab-navigation-doctorvisits{display:flex;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;padding:4px;margin-bottom:30px;box-shadow:0 4px 16px #0000000f}.tab-button-doctorvisits{flex:1;color:#1f2937;padding:12px 20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;background:transparent;border:none;border-radius:8px}.tab-button-doctorvisits.active{background:#bed7ff;color:#242424;box-shadow:0 2px 8px #3b82f61a}.tab-button-doctorvisits:hover{background:#e0e7ef;color:#1f2937}.glass-hero-card{background:#fff;border-radius:16px;padding:30px;text-align:center;box-shadow:0 4px 16px #0000000f;margin-bottom:30px}.glass-hero-card h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:15px;text-shadow:none}.glass-hero-card p{color:#374151;font-size:1.1rem;margin-bottom:25px;line-height:1.6}.glass-card{background:#fff;border:2px solid #cedeff;border-radius:16px;padding:25px;transition:all .3s ease;box-shadow:0 4px 16px #0003;color:#1f2937;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f;background:#fff;border-color:#3b82f6}.card-header{display:flex;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f3f4f6}.card-header h3{color:#006aff;font-size:1.25rem;font-weight:600;margin-left:10px}.card-header svg{color:#3b82f6;width:24px;height:24px}.appointment-list{margin-bottom:12px}.appointment-item{display:flex;align-items:center;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;margin-bottom:12px;transition:all .3s ease;border:1px solid #e2e8f0;position:relative;overflow:hidden}.appointment-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:0 2px 2px 0}.appointment-item:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:translate(6px);box-shadow:0 4px 12px #3b82f626;border-color:#3b82f6}.appointment-item.missed{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #ef4444;border:1px solid #fecaca}.appointment-item.missed:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.appointment-item.missed:hover{background:linear-gradient(135deg,#fef2f2,#fecaca);box-shadow:0 4px 12px #ef444426}.appointment-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;padding:12px;margin-right:16px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;box-shadow:0 2px 8px #3b82f64d;min-width:44px;height:44px}.appointment-icon.missed{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.appointment-icon svg{width:20px;height:20px}.appointment-type{color:#1f2937;font-weight:600;font-size:.95rem;margin-bottom:4px;line-height:1.4}.appointment-date{color:#6b7280;font-size:.85rem;font-weight:500}.missed-warning{display:flex;align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:16px;margin-top:20px;color:#dc2626;font-size:.9rem;font-weight:500;box-shadow:0 2px 8px #ef44441a}.missed-warning svg{color:#ef4444;margin-right:12px;width:20px;height:20px;flex-shrink:0}.glass-button-doctorvisits{background:linear-gradient(135deg,#3baef6,#639ef1);border:none;color:#fff;font-weight:600;padding:12px 24px;width:50%;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.875rem;box-shadow:0 4px 12px #3b82f626}.glass-button:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f62e}.grid{display:grid;gap:24px}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.space-y-6>*+*{margin-top:24px}@media (max-width: 768px){.glass-header h1{font-size:2rem;flex-direction:column;gap:8px}.header-icon{width:2rem;height:2rem}.glass-tab-navigation{flex-direction:column;gap:4px}.tab-button{text-align:center;font-size:.875rem}.md\:grid-cols-3{grid-template-columns:1fr}.glass-hero-card h2{font-size:1.5rem}.glass-hero-card p{font-size:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass-card{animation:fadeIn .4s ease}.tab-button:focus-visible,.glass-button:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (prefers-contrast: high){.doctor-visits-guide{--tw-text-opacity: 1}.glass-card{border-width:2px}}@media (prefers-reduced-motion: reduce){.doctor-visits-guide *,.doctor-visits-guide *:before,.doctor-visits-guide *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.vaccination-hero-card{position:relative;background:url(https://health-e.in/wp-content/uploads/2023/05/Newborn-Baby-Vaccination.webp) center center/cover no-repeat;border-radius:16px;overflow:hidden;height:300px;justify-content:center;align-items:center;display:flex;flex-direction:column;box-shadow:0 4px 16px #0000000f;color:#fff}.vaccination-hero-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00384933,#4023);z-index:1}.vaccination-hero-card h2,.vaccination-hero-card p,.vaccination-hero-card button{position:relative;z-index:2;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.18)}.vaccination-hero-card h2{color:#fff}.vaccination-hero-card p{color:#f3f4f6}.checkup-hero-card{position:relative;background:url("https://www.parents.com/thmb/2Kt-SQRdaFwDh0UE3StWisL8z5s=/1500x0/filters:no_upscale():max_bytes(150000):strip_icc()/GettyImages-643782350-2000-bca0b416a1374c56a8171e783bcb4384.jpg") center center/cover no-repeat;border-radius:16px;overflow:hidden;height:300px;justify-content:center;align-items:center;display:flex;flex-direction:column;box-shadow:0 4px 16px #0000000f;color:#fff}.checkup-hero-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00384933,#4023);z-index:1}.checkup-hero-card h2,.checkup-hero-card p,.checkup-hero-card button{position:relative;z-index:2;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.18)}.checkup-hero-card h2{color:#fff}.checkup-hero-card p{color:#f3f4f6}.midwife-floating-chat-button{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 32px #10b98166;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;color:#fff}.midwife-floating-chat-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 40px #10b98199}.midwife-floating-chat-button:active{transform:translateY(0) scale(.98)}@media (max-width: 768px){.midwife-floating-chat-button{bottom:20px;right:20px;width:56px;height:56px}}@media (max-width: 480px){.midwife-floating-chat-button{bottom:16px;right:16px;width:52px;height:52px}}.midwife-dashboard-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#eff6ff;color:#1f2937}.midwife-dashboard-container{max-width:80rem;margin:0 auto;padding:1rem}.midwife-dashboard{background-color:transparent;color:#1f2937;margin-bottom:0}.midwife-dashboard__header{text-align:center;margin-top:.25rem;margin-bottom:1.5rem;padding:3rem 2rem;background-image:url(https://www.publichealth.hscni.net/sites/default/files/inline-images/midwife%20comc.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.midwife-dashboard__header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;pointer-events:none}.midwife-dashboard__header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);pointer-events:none}.midwife-dashboard__welcome{position:relative;z-index:1}.midwife-dashboard__welcome h1{font-size:2.25rem;font-weight:700;color:#fff!important;margin-bottom:.75rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.midwife-dashboard__welcome p{color:#ffffffe6!important;font-weight:500;font-size:1.1rem;position:relative;z-index:1;max-width:600px;margin:0 auto;line-height:1.6}.midwife-dashboard__header-icon{display:inline-flex;width:3rem;height:3rem;background:#fff3;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.midwife-dashboard__header-icon svg{width:1.5rem;height:1.5rem;color:#fff}.midwife-dashboard__filter{position:relative;z-index:1;margin-top:1rem}.midwife-dashboard__filter select{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;background:#ffffff1a;font-size:.9rem;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.midwife-dashboard__filter select option{background:#fff;color:#1a1a1a}.midwife-dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.midwife-stat-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;border:1px solid #e5e7eb;border-left:4px solid;display:flex;align-items:center;gap:.75rem;transition:all .3s ease}.midwife-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#3b82f6}.midwife-stat-card--blue{border-left-color:#3b82f6}.midwife-stat-card--purple{border-left-color:#8b5cf6}.midwife-stat-card--pink{border-left-color:#ec4899}.midwife-stat-card--red{border-left-color:#ef4444}.midwife-stat-card__icon{width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.midwife-stat-card--blue .midwife-stat-card__icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.midwife-stat-card--purple .midwife-stat-card__icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.midwife-stat-card--pink .midwife-stat-card__icon{background:linear-gradient(135deg,#ec4899,#db2777)}.midwife-stat-card--red .midwife-stat-card__icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.midwife-stat-card__content{flex:1}.midwife-stat-card__title{font-size:.625rem;font-weight:600;color:#6b7280;margin:0 0 .125rem;text-transform:uppercase;letter-spacing:.05em}.midwife-stat-card__value{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .125rem}.midwife-stat-card__change{font-size:.625rem;font-weight:500}.midwife-stat-card__change--positive{color:#10b981}.midwife-stat-card__change--negative{color:#ef4444}.midwife-stat-card__change--neutral{color:#6b7280}.midwife-dashboard__main-content{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.midwife-dashboard__main-content{grid-template-columns:2fr 1fr}}.midwife-dashboard__section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.midwife-dashboard__section h2{font-size:1.125rem;font-weight:600;color:#1f2937!important;margin:0 0 1rem}.midwife-activities-list{display:flex;flex-direction:column;gap:.75rem}.midwife-activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;background-color:#f9fafb;transition:background-color .2s ease;border:1px solid #e5e7eb}.midwife-activity-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.midwife-activity-item__icon{width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#fff}.midwife-activity-item--updated .midwife-activity-item__icon{background:#3b82f6}.midwife-activity-item--resolved .midwife-activity-item__icon{background:#f59e0b}.midwife-activity-item--published .midwife-activity-item__icon{background:#8b5cf6}.midwife-activity-item__content{flex:1}.midwife-activity-item__description{font-weight:500;color:#1f2937;margin:0 0 .25rem}.midwife-activity-item__time{font-size:.875rem;color:#6b7280}.midwife-activity-item__status{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:1rem;text-transform:uppercase}.midwife-activity-item__status--updated{background:#dbeafe;color:#1e40af}.midwife-activity-item__status--resolved{background:#fef3c7;color:#92400e}.midwife-activity-item__status--published{background:#ede9fe;color:#5b21b6}.midwife-pregnancy-stages{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.midwife-pregnancy-stage{display:flex;flex-direction:column;gap:.5rem}.midwife-pregnancy-stage__header{display:flex;justify-content:space-between;align-items:center}.midwife-pregnancy-stage__header h3{font-size:.875rem;font-weight:600;color:#1f2937;margin:0}.midwife-pregnancy-stage__count{font-size:.75rem;color:#6b7280}.midwife-pregnancy-stage__progress{height:.5rem;background:#e5e7eb;border-radius:.25rem;overflow:hidden}.midwife-pregnancy-stage__bar{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:.25rem;transition:width .3s ease}.midwife-pregnancy-stage__percentage{font-size:.75rem;font-weight:600;color:#6b7280;text-align:right}.midwife-dashboard-summary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:.5rem;padding:1rem;border:1px solid #e2e8f0}.midwife-dashboard-summary h3{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.midwife-summary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.midwife-summary-stat{text-align:center;padding:.75rem;background:#fff;border-radius:.375rem;box-shadow:0 1px 3px #0000000a}.midwife-summary-stat__value{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.125rem}.midwife-summary-stat__label{font-size:.625rem;color:#6b7280;font-weight:500}.midwife-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.midwife-quick-action{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;cursor:pointer;transition:all .2s ease;text-align:center}.midwife-quick-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}.midwife-quick-action--blue:hover{background:#dbeafe}.midwife-quick-action--green:hover{background:#d1fae5}.midwife-quick-action--purple:hover{background:#ede9fe}.midwife-quick-action--red:hover{background:#fee2e2}.midwife-quick-action__icon{width:1.75rem;height:1.75rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#fff}.midwife-quick-action--blue .midwife-quick-action__icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.midwife-quick-action--green .midwife-quick-action__icon{background:linear-gradient(135deg,#10b981,#059669)}.midwife-quick-action--purple .midwife-quick-action__icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.midwife-quick-action--red .midwife-quick-action__icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.midwife-quick-action__title{font-weight:500;color:#1f2937;font-size:.625rem}.midwife-appointments-list{display:flex;flex-direction:column;gap:1rem}.midwife-appointment-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;background-color:#f9fafb;transition:background-color .2s ease;border:1px solid #e5e7eb}.midwife-appointment-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.midwife-appointment-item__time{font-size:.875rem;font-weight:600;color:#6b7280;min-width:4rem}.midwife-appointment-item__content{flex:1}.midwife-appointment-item__name{font-weight:600;color:#1f2937;margin:0 0 .25rem}.midwife-appointment-item__type{font-size:.875rem;color:#6b7280;margin:0}.midwife-appointment-item__action{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.midwife-appointment-item__action:hover{background:#f9fafb;border-color:#9ca3af}.midwife-emergency-contacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.midwife-emergency-contact{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:.5rem;background-color:#fef2f2;border:1px solid #fecaca;transition:all .2s ease}.midwife-emergency-contact:hover{background-color:#fee2e2;border-color:#fca5a5}.midwife-emergency-contact__info{flex:1}.midwife-emergency-contact__name{font-weight:600;color:#1f2937;margin:0 0 .25rem}.midwife-emergency-contact__role{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.midwife-emergency-contact__phone{font-size:.875rem;color:#ef4444;font-weight:500;margin:0}.midwife-emergency-contact__call{width:2.5rem;height:2.5rem;border:none;border-radius:.5rem;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.midwife-emergency-contact__call:hover{background:#dc2626}.midwife-emergency-contacts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.midwife-edit-contacts-btn{width:2rem;height:2rem;border:none;border-radius:.375rem;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.midwife-edit-contacts-btn:hover{background:#2563eb}.midwife-emergency-contact__actions{display:flex;gap:.5rem;align-items:center}.midwife-contact-edit-btn,.midwife-contact-save-btn,.midwife-contact-cancel-btn{width:2rem;height:2rem;border:none;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.midwife-contact-edit-btn{background:#f59e0b;color:#fff}.midwife-contact-edit-btn:hover{background:#d97706}.midwife-contact-save-btn{background:#10b981;color:#fff}.midwife-contact-save-btn:hover{background:#059669}.midwife-contact-cancel-btn{background:#6b7280;color:#fff}.midwife-contact-cancel-btn:hover{background:#4b5563}.midwife-contact-edit-form{display:flex;flex-direction:column;gap:.5rem;flex:1}.midwife-contact-edit-input{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff}.midwife-contact-edit-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.midwife-activity-item--scheduled .midwife-activity-item__icon{background:#8b5cf6}.midwife-activity-item__status--scheduled{background:#ede9fe;color:#5b21b6}.midwife-activity-item--completed .midwife-activity-item__icon{background:#10b981}.midwife-activity-item__status--completed{background:#d1fae5;color:#065f46}.midwife-emergency-alerts{display:flex;flex-direction:column;gap:1rem}.midwife-emergency-alert{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:.5rem;background-color:#fef2f2;border:1px solid #fecaca;transition:all .2s ease}.midwife-emergency-alert:hover{background-color:#fee2e2;border-color:#fca5a5}.midwife-emergency-alert__info{flex:1}.midwife-emergency-alert__name{font-weight:600;color:#1f2937;margin:0 0 .25rem}.midwife-emergency-alert__note{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.midwife-emergency-alert__time{font-size:.875rem;color:#ef4444;font-weight:500;margin:0}.midwife-emergency-alert__priority{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:1rem;text-transform:uppercase}.midwife-emergency-alert__priority--critical{background:#fee2e2;color:#dc2626}.midwife-emergency-alert__priority--high{background:#fef3c7;color:#d97706}.midwife-emergency-alert__priority--medium{background:#d1fae5;color:#059669}@media (max-width: 1024px){.midwife-dashboard__main-content{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px){.midwife-page-container{padding:1.5rem 1rem}.midwife-dashboard__header{flex-direction:column;gap:1rem}.midwife-dashboard__welcome h1{font-size:2rem}.midwife-dashboard__stats{grid-template-columns:repeat(2,1fr)}.midwife-stat-card{padding:1.5rem}.midwife-stat-card__value{font-size:1.5rem}.midwife-quick-actions,.midwife-summary-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.midwife-dashboard__stats,.midwife-quick-actions,.midwife-summary-stats{grid-template-columns:1fr}}.moms-list-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#eff6ff;color:#1f2937}.moms-list-container{max-width:80rem;margin:0 auto;padding:1rem}.moms-list-content{display:flex;flex-direction:column;gap:1.5rem}.moms-list__header{text-align:center;margin-top:.25rem;margin-bottom:1.5rem;padding:3rem 2rem;background-image:url(https://www.stonebridge.uk.com/blog/wp-content/uploads/2021/08/How-to-I-become-a-midwife.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633;color:#fff}.moms-list__header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;pointer-events:none;border-radius:1rem}.moms-list__header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);pointer-events:none;border-radius:1rem}.moms-list__header-icon{display:inline-flex;width:3rem;height:3rem;background:#fff3;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.moms-list__header-icon svg{width:1.5rem;height:1.5rem;color:#fff}.moms-list__title{position:relative;z-index:1;text-align:center}.moms-list__title h1{font-size:2.25rem;font-weight:700;color:#fff!important;margin-bottom:.75rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.moms-list__title p{color:#ffffffe6!important;font-weight:500;font-size:1.1rem;position:relative;z-index:1;max-width:600px;margin:0 auto;line-height:1.6}.moms-list__filters{display:flex;gap:1rem;margin-bottom:1.5rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.moms-list__search{display:flex;align-items:center;gap:.5rem;flex:1;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem 1rem;transition:border-color .2s}.moms-list__search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.moms-list__search svg{color:#6b7280;flex-shrink:0}.moms-list__search input{border:none;background:none;outline:none;width:100%;font-size:.875rem;color:#1f2937}.moms-list__search input::-moz-placeholder{color:#9ca3af}.moms-list__search input::placeholder{color:#9ca3af}.moms-list__status-filter{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:border-color .2s;min-width:150px}.moms-list__status-filter:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.moms-list__add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.moms-list__add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.moms-list__main-content{display:grid;grid-template-columns:1fr 300px;gap:1.5rem}.moms-list__content{display:grid;gap:1rem}.moms-list__mom-card{display:flex;align-items:center;gap:1.5rem;background-color:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s;border:1px solid #e5e7eb}.moms-list__mom-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#3b82f6}.moms-list__mom-card-avatar{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;flex-shrink:0}.moms-list__mom-card-info{display:flex;flex-direction:column;gap:.25rem;min-width:200px}.moms-list__mom-card-name-age h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.moms-list__mom-card-name-age span{font-size:.875rem;color:#6b7280}.moms-list__mom-card-status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;width:-moz-fit-content;width:fit-content}.moms-list__mom-card-status--green{background-color:#dcfce7;color:#166534}.moms-list__mom-card-status--blue{background-color:#dbeafe;color:#1e40af}.moms-list__mom-card-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;flex:1}.moms-list__mom-card-detail{display:flex;flex-direction:column;gap:.25rem}.moms-list__mom-card-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.moms-list__mom-card-value{font-size:.875rem;color:#1f2937;font-weight:500}.moms-list__mom-card-userid{font-family:Courier New,monospace;font-size:.75rem;color:#6b46c1;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #e5e7eb;word-break:break-all;max-width:100%;overflow:hidden;text-overflow:ellipsis}.moms-list__mom-card-actions{display:flex;gap:.5rem;flex-shrink:0}.moms-list__mom-card-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.moms-list__mom-card-btn--view{background-color:#3b82f6;color:#fff}.moms-list__mom-card-btn--view:hover{background-color:#2563eb;transform:translateY(-1px)}.moms-list__mom-card-btn--chat{background-color:#10b981;color:#fff}.moms-list__mom-card-btn--chat:hover{background-color:#059669;transform:translateY(-1px)}.moms-list__sidebar{display:flex;flex-direction:column;gap:1.5rem}.moms-list__sidebar-section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;border:1px solid #e5e7eb}.moms-list__sidebar-section h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.moms-list__stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.moms-list__stat-card{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;transition:all .2s;min-width:0}.moms-list__stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.moms-list__stat-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;color:#fff;flex-shrink:0}.moms-list__stat-icon--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.moms-list__stat-icon--green{background:linear-gradient(135deg,#10b981,#059669)}.moms-list__stat-icon--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.moms-list__stat-icon--orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.moms-list__stat-content{flex:1;min-width:0}.moms-list__stat-value{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.125rem}.moms-list__stat-label{font-size:.625rem;color:#6b7280;font-weight:500;line-height:1.2}.moms-list__activity-list{display:flex;flex-direction:column;gap:1rem}.moms-list__activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;transition:all .2s}.moms-list__activity-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.moms-list__activity-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#3b82f6;border-radius:.375rem;color:#fff;flex-shrink:0;margin-top:.125rem}.moms-list__activity-content{flex:1}.moms-list__activity-content p{font-size:.875rem;color:#1f2937;margin:0 0 .25rem;font-weight:500}.moms-list__activity-content span{font-size:.75rem;color:#6b7280}.moms-list__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.moms-list__modal{background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.moms-list__modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.moms-list__modal-header h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.moms-list__modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s}.moms-list__modal-close:hover{background-color:#f3f4f6;color:#374151}.moms-list__modal-content{padding:1.5rem}.moms-list__modal-section{margin-bottom:2rem}.moms-list__modal-section:last-child{margin-bottom:0}.moms-list__modal-section h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.moms-list__modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.moms-list__modal-field{display:flex;flex-direction:column;gap:.5rem}.moms-list__modal-field label{font-size:.875rem;font-weight:500;color:#374151}.moms-list__modal-field span{font-size:.875rem;color:#1f2937;padding:.5rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.moms-list__modal-input{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.moms-list__modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.moms-list__modal-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.moms-list__modal-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.moms-list__modal-btn--save{background-color:#10b981;color:#fff}.moms-list__modal-btn--save:hover{background-color:#059669}.moms-list__modal-btn--cancel{background-color:#6b7280;color:#fff}.moms-list__modal-btn--cancel:hover{background-color:#4b5563}.moms-list__modal-btn--edit{background-color:#3b82f6;color:#fff}.moms-list__modal-btn--edit:hover{background-color:#2563eb}.moms-list__search-container{position:relative;margin-bottom:1rem}.moms-list__search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#6b7280}.moms-list__loading{text-align:center;padding:1rem;color:#6b7280;font-style:italic}.moms-list__search-results{margin-top:1rem}.moms-list__search-results h4{margin:0 0 1rem;color:#1f2937;font-size:1rem;font-weight:600}.moms-list__search-result-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.5rem;background:#f9fafb}.moms-list__result-info h5{margin:0 0 .25rem;color:#1f2937;font-size:1rem;font-weight:600}.moms-list__result-info p{margin:0;color:#6b7280;font-size:.875rem}.moms-list__result-details{margin-top:.5rem}.moms-list__result-detail{margin-bottom:.25rem;font-size:.875rem;color:#374151}.moms-list__result-detail:last-child{margin-bottom:0}.moms-list__result-detail strong{color:#1f2937;font-weight:600;margin-right:.5rem}.moms-list__assign-btn{background:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.moms-list__assign-btn:hover{background:#059669}.moms-list__notification{position:fixed;top:2rem;right:2rem;z-index:1001;max-width:400px;border-radius:.5rem;box-shadow:0 10px 25px #00000026;animation:slideInRight .3s ease-out}.moms-list__notification--success{background-color:#10b981;color:#fff;border:1px solid #059669}.moms-list__notification--error{background-color:#ef4444;color:#fff;border:1px solid #dc2626}.moms-list__notification-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem}.moms-list__notification-content svg{flex-shrink:0}.moms-list__notification-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:inherit;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:background-color .2s}.moms-list__notification-close:hover{background-color:#fff3}.moms-list__no-results{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.moms-list__modal-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s}.moms-list__modal-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 1024px){.moms-list__main-content{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px){.moms-list__header{flex-direction:column;gap:1rem;text-align:center}.moms-list__filters{flex-direction:column;gap:1rem}.moms-list__mom-card{flex-direction:column;align-items:flex-start;gap:1rem}.moms-list__mom-card-details{grid-template-columns:1fr;width:100%}.moms-list__mom-card-actions{width:100%;justify-content:stretch}.moms-list__mom-card-btn{flex:1;justify-content:center}.moms-list__stats-grid{grid-template-columns:1fr}.moms-list__modal{margin:1rem;max-height:calc(100vh - 2rem)}.moms-list__modal-grid{grid-template-columns:1fr}.moms-list__modal-actions{flex-direction:column}}@media (max-width: 480px){.moms-list-container{padding:.5rem}.moms-list__header{padding:1rem}.moms-list__title h1{font-size:1.5rem}.moms-list__mom-card,.moms-list__modal-header,.moms-list__modal-content,.moms-list__modal-actions{padding:1rem}}.appointments-calendar__show-more-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.appointments-calendar__show-more-btn:hover{background:#e5e7eb;border-color:#9ca3af}.appointments-calendar__header{text-align:center;margin-top:.25rem;margin-bottom:1.5rem;padding:3rem 2rem;background-image:url(https://www.publichealth.hscni.net/sites/default/files/inline-images/midwife%20comc.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.appointments-calendar__title{position:relative;z-index:1}.appointments-calendar__title h1{font-size:2.25rem;font-weight:700;color:#fff!important;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.appointments-calendar__title p{color:#ffffffe6!important;font-weight:500;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.appointments-calendar__actions{position:relative;z-index:1;margin-top:1rem}.appointments-calendar__filters{display:flex;gap:1rem;margin-bottom:1.5rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;align-items:center;flex-wrap:nowrap;overflow-x:auto;min-width:0}.appointments-calendar__week-selector{display:flex;gap:.5rem;flex-shrink:0}.appointments-calendar__week-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#1a1a1a;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.appointments-calendar__week-btn:hover{background:#333}.appointments-calendar__nav-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.appointments-calendar__nav-btn:hover{background:#e5e7eb;color:#374151;border-color:#9ca3af}.appointments-calendar__nav-btn:active{transform:translateY(1px)}.appointments-calendar__week-btn{position:relative}.appointments-calendar__date-picker{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:10;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1rem;margin-top:.25rem;min-width:280px}.appointments-calendar__date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.appointments-calendar__date-picker-header h4{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.appointments-calendar__date-picker-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.appointments-calendar__date-picker-close:hover{background:#f3f4f6;color:#374151}.appointments-calendar__date-picker-content{display:flex;flex-direction:column;gap:.5rem}.appointments-calendar__date-picker-content label{font-size:.875rem;font-weight:500;color:#374151}.appointments-calendar__date-picker-content small{font-size:.75rem;color:#6b7280;font-style:italic}.appointments-calendar__date-input{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;outline:none;transition:border-color .2s ease}.appointments-calendar__date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.appointments-calendar__actions{display:flex;gap:.75rem;align-items:center;margin-left:auto;flex-shrink:0}.appointments-calendar__action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#1a1a1a;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.appointments-calendar__action-btn:hover{background:#333}.appointments-calendar__icon-btn{width:2.5rem;height:2.5rem;background:#f0f0f0;border:none;border-radius:.5rem;font-size:1rem;color:#666;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.appointments-calendar__icon-btn:hover{background:#e0e0e0}.appointments-calendar__view-toggles{display:flex;gap:.5rem;justify-content:center;flex-shrink:0}.appointments-calendar__view-btn{padding:.5rem 1rem;background:#f0f0f0;border:none;border-radius:1rem;font-size:.875rem;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease}.appointments-calendar__view-btn.active{background:#1a1a1a;color:#fff}.appointments-calendar__view-btn:hover:not(.active){background:#e0e0e0}.appointments-calendar__grid{display:grid;grid-template-columns:80px repeat(7,1fr);gap:1px;background:#e0e0e0;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 8px #0000001a;position:relative}.appointments-calendar__time-column{background:#fff}.appointments-calendar__time-header{height:60px;background:#f8f8f8;border-bottom:1px solid #e0e0e0}.appointments-calendar__time-slot{height:30px;padding:.25rem .5rem;font-size:.75rem;color:#666;display:flex;align-items:center;border-bottom:1px solid #f0f0f0}.appointments-calendar__day-column{background:#fff}.appointments-calendar__day-header{height:60px;padding:.75rem;background:#f8f8f8;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.appointments-calendar__day-header.current{background:#1a1a1a;color:#fff}.appointments-calendar__day-header.weekend{background:#f0e6ff;color:#6b46c1}.appointments-calendar__day-name{font-size:.75rem;font-weight:600;margin-bottom:.25rem}.appointments-calendar__day-date{font-size:.875rem;color:#666}.appointments-calendar__time-cell{height:30px;border-bottom:1px solid #f0f0f0;border-left:1px solid #e0e0e0;position:relative;background:#fff}.appointments-calendar__event{position:absolute;left:2px;right:2px;background:#fff;border-radius:.25rem;padding:.25rem;font-size:.75rem;box-shadow:0 1px 3px #0000001a;border-left:3px solid;overflow:hidden;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:30px}.appointments-calendar__event--pink{border-left-color:#ec4899;background:#fdf2f8}.appointments-calendar__event--light-blue{border-left-color:#3b82f6;background:#eff6ff}.appointments-calendar__event--yellow{border-left-color:#f59e0b;background:#fffbeb}.appointments-calendar__event--blue{border-left-color:#1d4ed8;background:#eff6ff}.appointments-calendar__event--purple{border-left-color:#7c3aed;background:#faf5ff}.appointments-calendar__event-icon{width:1rem;height:1rem;background:#0000001a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;margin-bottom:.125rem}.appointments-calendar__event-location{display:flex;align-items:center;gap:.25rem;font-size:.625rem;color:#666;margin-bottom:.25rem}.appointments-calendar__event-agenda{display:flex;align-items:center;gap:.25rem;font-size:.625rem;color:#3b82f6;margin-bottom:.25rem}.appointments-calendar__event-mom{font-size:.625rem;font-weight:500;color:#1a1a1a;text-align:center;line-height:1.2}.appointments-calendar__event-participants{margin-bottom:.25rem}.appointments-calendar__event-participants-label{font-size:.625rem;color:#666;margin-bottom:.25rem}.appointments-calendar__event-participants-list{display:flex;gap:.25rem;flex-wrap:wrap}.appointments-calendar__event-participant{width:1.25rem;height:1.25rem;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:600;color:#374151}.appointments-calendar__event-join{background:#10b981;color:#fff;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.appointments-calendar__event-join:hover{background:#059669}.appointments-calendar__event-status{font-size:.625rem;color:#f59e0b;font-style:italic}.appointments-calendar__current-time{position:absolute;left:80px;z-index:20;pointer-events:none;width:calc(100% - 80px)}.appointments-calendar__current-time-line{height:2px;background:#ef4444;border-top:1px dashed #ef4444;position:relative}.appointments-calendar__current-time-line:before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;background:#ef4444;border-radius:50%}.appointments-calendar__current-time-label{position:absolute;left:.5rem;top:-.75rem;background:#ef4444;color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:600}.appointments-calendar__today-view{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.appointments-calendar__today-header{margin-bottom:1.5rem}.appointments-calendar__today-header h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.appointments-calendar__today-timeline{display:flex;flex-direction:column;gap:1rem}.appointments-calendar__today-time-slot{display:flex;gap:1rem;align-items:flex-start}.appointments-calendar__today-time{min-width:60px;font-size:.875rem;font-weight:600;color:#6b7280;padding:.5rem;background:#f9fafb;border-radius:.5rem;text-align:center}.appointments-calendar__today-events{flex:1;display:flex;flex-direction:column;gap:.5rem}.appointments-calendar__today-event{padding:.5rem;border-radius:.5rem;border-left:3px solid;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px}.appointments-calendar__today-event.completed,.appointments-calendar__event.completed{opacity:.6;position:relative}.appointments-calendar__completed-badge{position:absolute;bottom:6px;right:6px;background:#10b981;color:#fff;border-radius:12px;padding:2px 6px;font-size:10px;font-weight:700}.appointments-calendar__rescheduled-badge{position:absolute;bottom:6px;right:6px;background:#f59e0b;color:#fff;border-radius:12px;padding:2px 8px;font-size:9px;font-weight:700;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.appointments-calendar__today-event:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.appointments-calendar__today-event-icon{width:1.25rem;height:1.25rem;background:#0000001a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;margin-bottom:.25rem}.appointments-calendar__today-event-mom{font-size:.75rem;font-weight:500;color:#1f2937;text-align:center;line-height:1.2}.appointments-calendar__today-event-type{font-size:.625rem;color:#6b7280;text-align:center;margin-top:.125rem}.appointments-calendar__month-view{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.appointments-calendar__month-header{margin-bottom:1.5rem}.appointments-calendar__month-header h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.appointments-calendar__month-grid{display:flex;flex-direction:column;gap:.5rem}.appointments-calendar__month-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.appointments-calendar__month-day-header{text-align:center;font-size:.875rem;font-weight:600;color:#6b7280;padding:.75rem}.appointments-calendar__month-weeks{display:flex;flex-direction:column;gap:.5rem}.appointments-calendar__month-week{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.appointments-calendar__month-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:all .2s ease;position:relative;background:#f9fafb;border:1px solid transparent;padding:.5rem}.appointments-calendar__month-day:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.appointments-calendar__month-day.today{background:#000!important;color:#fff!important;border-color:#000!important;font-weight:700!important}.appointments-calendar__month-day.has-appointments{background:#eff6ff;border-color:#3b82f6}.appointments-calendar__month-day.has-appointments:hover{background:#dbeafe}.appointments-calendar__month-day.all-completed{background:#d1fae5!important;border-color:#10b981!important}.appointments-calendar__month-day.all-completed:hover{background:#a7f3d0!important}.appointments-calendar__month-day-completed{position:absolute;bottom:.25rem;left:50%;transform:translate(-50%);background:#10b981;color:#fff;border-radius:50%;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;border:1px solid white;box-shadow:0 1px 3px #0000001a}.appointments-calendar__month-day-rescheduled{position:absolute;top:.25rem;left:50%;transform:translate(-50%);background:#f59e0b;color:#fff;border-radius:50%;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;border:1px solid white;box-shadow:0 1px 3px #0000001a}.appointments-calendar__month-day-number{font-size:1rem;font-weight:600;margin-bottom:.25rem}.appointments-calendar__month-day-indicator{position:absolute;top:.25rem;right:.25rem;background:#ef4444;color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;border:2px solid white;box-shadow:0 1px 3px #0000001a}.appointments-calendar__month-day-empty{aspect-ratio:1;background:transparent}.modal__appointments-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.modal__appointment-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;transition:all .2s ease;cursor:pointer}.modal__appointment-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;background:#f3f4f6;border-color:#d1d5db}.modal__appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.modal__appointment-time{font-size:.875rem;font-weight:600;color:#374151}.modal__appointment-type{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;color:#fff}.modal__appointment-type--pink{background:#ec4899}.modal__appointment-type--light-blue{background:#3b82f6}.modal__appointment-type--yellow{background:#f59e0b}.modal__appointment-type--blue{background:#1d4ed8}.modal__appointment-type--purple{background:#7c3aed}.modal__appointment-details{display:flex;flex-direction:column;gap:.5rem}.modal__appointment-mom,.modal__appointment-location{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.modal__appointment-notes{font-size:.875rem;color:#6b7280;font-style:italic;padding:.5rem;background:#f3f4f6;border-radius:.375rem;border-left:3px solid #d1d5db}.modal__appointment-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#10b981;font-weight:600;padding:.25rem .5rem;background:#d1fae5;border-radius:.375rem;border:1px solid #a7f3d0}.modal__appointment-status--rescheduled{color:#f59e0b;background:#fef3c7;border:1px solid #fde68a}.appointments-calendar__requests-section{padding:1.5rem}.appointments-calendar__request-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:.75rem;background:#f9fafb;border:1px solid #e5e7eb}.appointments-calendar__request-content{display:flex;flex-direction:column;gap:.25rem}.appointments-calendar__request-mom{font-size:.875rem;font-weight:600;color:#1f2937;margin:0}.appointments-calendar__request-type{font-size:.875rem;color:#374151;margin:0}.appointments-calendar__request-description{font-size:.875rem;color:#6b7280;margin:0}.appointments-calendar__request-details{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.appointments-calendar__request-location,.appointments-calendar__request-notes{display:flex;align-items:center;font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:.375rem;border:1px solid #e5e7eb}.appointments-calendar__request-location svg,.appointments-calendar__request-notes svg{color:#9ca3af;margin-right:.25rem}.appointments-calendar__request-date-label{display:flex;align-items:center;color:#6b7280;font-size:.75rem;margin-top:.25rem;background:#f3f4f6;padding:.25rem .5rem;border-radius:.375rem;border:1px solid #e5e7eb}.appointments-calendar__request-date-label svg{color:#9ca3af;margin-right:.25rem}.appointments-calendar__request-actions{display:flex;gap:.5rem;margin-top:.5rem}.appointments-calendar__request-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.appointments-calendar__request-btn--accept{background:#10b981;color:#fff}.appointments-calendar__request-btn--accept:hover{background:#059669}.appointments-calendar__request-btn--remove{background:#ef4444;color:#fff}.appointments-calendar__request-btn--remove:hover{background:#dc2626}.appointments-calendar__request-btn--reject{background:#ef4444;color:#fff}.appointments-calendar__request-btn--reject:hover{background:#dc2626}.appointments-calendar__request-btn--view{background:#3b82f6;color:#fff}.appointments-calendar__request-btn--view:hover{background:#2563eb}.appointments-calendar__loading,.appointments-calendar__error,.appointments-calendar__no-requests{text-align:center;padding:2rem;color:#6b7280;font-size:.9rem}.appointments-calendar__loading{color:#3b82f6;font-weight:500}.appointments-calendar__error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin:1rem 0}.appointments-calendar__no-requests{color:#9ca3af;font-style:italic}.modal{background:#fff;border-radius:1rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal__badge{margin-left:auto;margin-right:.75rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:700}.modal__badge--completed{background:#10b981;color:#fff}.modal__header h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.modal__close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background-color .2s ease}.modal__close:hover{background:#f3f4f6}.modal__content{padding:1.5rem}.modal__section{margin-bottom:2rem}.modal__section h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.modal__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.modal__field{display:flex;flex-direction:column;gap:.5rem}.modal__field label{font-size:.875rem;font-weight:500;color:#374151}.modal__field span{font-size:.9rem;color:#1f2937;padding:.5rem;background:#f9fafb;border-radius:.375rem}.modal__input{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;transition:border-color .2s ease}.modal__input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal__field input[type=date],.modal__field input[type=time]{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;transition:border-color .2s ease;background:#fff}.modal__field input[type=date]:focus,.modal__field input[type=time]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal__field textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;transition:border-color .2s ease;background:#fff;resize:vertical;min-height:80px;font-family:inherit}.modal__field textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal__actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.modal__btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal__btn--primary{background:#3b82f6;color:#fff}.modal__btn--primary:hover{background:#2563eb}.modal__btn--secondary{background:#6b7280;color:#fff}.modal__btn--secondary:hover{background:#4b5563}.modal__btn--danger{background:#ef4444;color:#fff}.modal__btn--danger:hover{background:#dc2626}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge--confirmed{background:#d1fae5;color:#065f46}.status-badge--pending{background:#fef3c7;color:#92400e}.status-badge--completed{background:#dbeafe;color:#1e40af}.appointments__calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.appointments__calendar-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.appointments__filters{display:flex;gap:1rem}.appointments__status-filter{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:.875rem;color:#4a5568;cursor:pointer}.appointments__calendar{display:flex;flex-direction:column;gap:1rem}.appointments__calendar-nav{display:flex;justify-content:center}.appointments__nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f3f4f6;border:none;border-radius:.5rem;font-weight:500;color:#374151;cursor:pointer;transition:background-color .2s ease}.appointments__nav-btn:hover{background:#e5e7eb}.appointments__calendar-grid{display:flex;flex-direction:column;gap:.5rem}.appointments__calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.appointments__calendar-day-header{text-align:center;font-size:.875rem;font-weight:600;color:#6b7280;padding:.5rem}.appointments__calendar-weeks{display:flex;flex-direction:column;gap:.25rem}.appointments__calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.appointments__calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:all .2s ease;position:relative;background:#f9fafb;border:1px solid transparent}.appointments__calendar-day:hover{background:#f3f4f6;border-color:#d1d5db}.appointments__calendar-day.selected{background:#3b82f6;color:#fff;border-color:#2563eb}.appointments__calendar-day.has-appointments{background:#dbeafe;border-color:#3b82f6}.appointments__calendar-day-number{font-size:.875rem;font-weight:500}.appointments__calendar-indicator{position:absolute;top:.25rem;right:.25rem;background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.appointments__calendar-day-empty{aspect-ratio:1}.appointments__list-section{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.appointments__list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.appointments__list-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.appointments__count{background:#f3f4f6;color:#6b7280;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.appointments__empty{text-align:center;padding:3rem 1rem;color:#6b7280}.appointments__empty svg{margin-bottom:1rem;color:#d1d5db}.appointments__empty h3{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .5rem}.appointments__empty p{margin:0 0 1.5rem}.appointments__schedule-first-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.appointments__schedule-first-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.appointments__list{display:flex;flex-direction:column;gap:1rem}.appointments__item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.75rem;background:#f9fafb;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.appointments__item:hover{background:#f3f4f6;border-color:#d1d5db}.appointments__item-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#6b7280;min-width:5rem}.appointments__item-content{flex:1}.appointments__item-mom{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.appointments__item-type{font-size:.875rem;font-weight:500;color:#374151;margin:0 0 .25rem}.appointments__item-description{font-size:.875rem;color:#6b7280;margin:0}.appointments__item-location{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#6b7280;min-width:8rem}.appointments__item-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.appointments__item-status--confirmed{background:#d1fae5;color:#065f46}.appointments__item-status--pending{background:#fef3c7;color:#92400e}.appointments__item-status--completed{background:#dbeafe;color:#1e40af}.appointments__summary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.appointments__summary-stat{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:#f9fafb;border-radius:.5rem;text-align:center}.appointments__summary-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.appointments__summary-value{font-size:1.5rem;font-weight:700;color:#1f2937}.appointments__summary-value--confirmed{color:#10b981}.appointments__summary-value--pending{color:#f59e0b}.appointments__summary-value--completed{color:#3b82f6}@media (max-width: 1200px){.appointments-calendar__grid{grid-template-columns:60px repeat(7,1fr)}.appointments-calendar__current-time{left:60px;width:calc(100% - 60px)}.appointments-calendar__time-slot{font-size:.625rem;padding:.25rem}.appointments-calendar__day-name{font-size:.625rem}.appointments-calendar__day-date{font-size:.75rem}}@media (max-width: 768px){.appointments-calendar{padding:1rem;flex-direction:column}.appointments-calendar__main{flex:none}.appointments-calendar__content-wrapper{grid-template-columns:1fr}.appointments-calendar__requests-section{width:100%;margin-top:1rem}.appointments-calendar__header{flex-direction:column;gap:1rem;padding:1rem}.appointments-calendar__title h1{font-size:1.5rem}.appointments-calendar__filters{flex-direction:row;align-items:center;gap:.5rem;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:1rem}.appointments-calendar__actions{margin-left:0;justify-content:center}.appointments-calendar__grid{grid-template-columns:50px repeat(7,1fr);font-size:.75rem}.appointments-calendar__current-time{left:50px;width:calc(100% - 50px)}.appointments-calendar__event{padding:.25rem}.appointments-calendar__event-title{font-size:.625rem}.appointments-calendar__view-toggles{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.25rem}.appointments-calendar__view-btn{padding:.375rem .75rem;font-size:.75rem;min-width:60px}.appointments-calendar__request-actions{flex-direction:column}}@media (max-width: 480px){.appointments-calendar__header{padding:.75rem;gap:.75rem}.appointments-calendar__filters{gap:.25rem;padding:.75rem;overflow-x:auto}.appointments-calendar__view-btn{padding:.25rem .5rem;font-size:.7rem;min-width:50px}.appointments-calendar__actions{gap:.5rem}}.appointments-calendar__notification-btn{position:relative}.appointments-calendar__notification-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;border:2px solid white;box-shadow:0 2px 4px #0000001a;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.appointments-calendar__success-message{position:fixed;top:20px;right:20px;background:#10b981;color:#fff;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 10px 25px #10b9814d;z-index:1000;max-width:400px;animation:slideInRight .3s ease-out}.appointments-calendar__error-message{position:fixed;top:20px;right:20px;background:#ef4444;color:#fff;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 10px 25px #ef44444d;z-index:1000;max-width:400px;animation:slideInRight .3s ease-out}.appointments-calendar__success-content{display:flex;align-items:center;gap:.75rem}.appointments-calendar__success-content svg{flex-shrink:0}.appointments-calendar__success-close{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:.25rem;margin-left:auto;flex-shrink:0}.appointments-calendar__success-close:hover{background:#ffffff1a}.appointments-calendar__error-content{display:flex;align-items:center;gap:.75rem}.appointments-calendar__error-content svg{flex-shrink:0}.appointments-calendar__error-close{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:.25rem;margin-left:auto;flex-shrink:0}.appointments-calendar__error-close:hover{background:#ffffff1a}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal__readonly-field{padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#374151;font-size:.875rem;min-height:42px;display:flex;align-items:center}.modal__field-hint{display:block;margin-top:.25rem;font-size:.75rem;color:#6b7280;font-style:italic}.modal__time-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:border-color .2s ease}.modal__time-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal__time-select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.modal__time-select option{padding:.5rem}.appointments-calendar__today-empty{text-align:center;padding:2rem;color:#6b7280;font-size:.875rem;background:#f9fafb;border-radius:.5rem;border:1px dashed #d1d5db;margin:1rem 0}.medical-records-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#eff6ff;color:#1f2937}.medical-records-container{max-width:80rem;margin:0 auto;padding:1rem;overflow-x:hidden}.medical-records-content{display:flex;flex-direction:column;gap:1.5rem}.medical-records-filters{display:flex;gap:1rem;margin-bottom:1.5rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;align-items:center}.medical-records-search{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.9rem;background:#fff;transition:border-color .2s ease}.medical-records-actions{display:flex;gap:.75rem;align-items:center;margin-left:auto}.medical-records-main-content{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.medical-records-main-content{grid-template-columns:300px minmax(0,1fr)}}.medical-records-header{text-align:center;margin-top:.25rem;margin-bottom:1.5rem;padding:3rem 2rem;background-image:url(/images/medical.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633;display:flex;flex-direction:column;align-items:center;justify-content:center}.medical-records-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;pointer-events:none}.medical-records-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf64d,#ec48994d);pointer-events:none}.medical-records-title{position:relative;z-index:1;text-align:center}.medical-records-title h1{font-size:2.25rem;font-weight:700;color:#fff!important;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1);margin:0 0 .75rem}.medical-records-title p{color:#ffffffe6!important;font-weight:500;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.medical-records-header-icon{display:inline-flex;width:3rem;height:3rem;background:#fff3;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.medical-records-header-icon svg{width:1.5rem;height:1.5rem;color:#fff}.add-record-btn{order:-1;margin-right:auto;margin-left:0;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.add-record-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.action-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.medical-records-content{display:flex;flex-direction:column;gap:20px;max-width:100%;overflow-x:hidden}.moms-selection{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 10px #0000000d;height:-moz-fit-content;height:fit-content}.moms-selection h3{margin:0 0 20px;color:#1e293b;font-size:1.2rem;font-weight:600;border-bottom:2px solid #e2e8f0;padding-bottom:10px}.moms-list{display:flex;flex-direction:column;gap:15px}.mom-card{display:flex;align-items:center;gap:15px;padding:15px;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .3s ease}.mom-card:hover{border-color:#667eea;background:#f8fafc;transform:translateY(-2px)}.mom-card.active{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e6f3ff);box-shadow:0 4px 12px #667eea26}.mom-avatar{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600}.mom-info{flex:1}.mom-info h4{margin:0 0 5px;color:#1e293b;font-size:1rem;font-weight:600}.mom-info p{margin:0 0 3px;color:#64748b;font-size:.8rem}.records-display{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 10px #0000000d;max-width:100%;overflow-x:hidden}.records-header{margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.records-header h2{margin:0 0 15px;color:#1e293b;font-size:1.5rem;font-weight:600}.patient-summary{display:flex;gap:20px;flex-wrap:wrap}.patient-summary span{background:#f1f5f9;color:#64748b;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.records-tabs{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.tab-group{display:flex;gap:.5rem}.tab-group-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;background:#e5e7eb;border-radius:.375rem;white-space:nowrap}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;background:none;color:#6b7280;cursor:pointer;border-radius:.5rem;transition:all .2s;font-weight:500}.tab-btn:hover{background-color:#f3f4f6;color:#374151}.tab-btn.active{background-color:#3b82f6;color:#fff}.sub-tabs{display:flex;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb;flex-wrap:wrap;max-width:100%;overflow-x:auto;padding-bottom:.5rem;min-height:2.5rem;align-items:center}.sub-tab{padding:.4rem .7rem;border:none;background:none;color:#6b7280;cursor:pointer;border-radius:.375rem;transition:all .2s;font-size:.8rem;font-weight:500;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;line-height:1.2}.sub-tab:hover{background-color:#f3f4f6;color:#374151}.sub-tab.active{background-color:#10b981;color:#fff}.antenatal-content{padding:1rem 0}.antenatal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.antenatal-header h4{margin:0;color:#1f2937;font-size:1.25rem}.add-record-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-record-btn:hover{background:#2563eb}.visit-record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.visit-record-header h5{margin:0;color:#374151;font-size:1.1rem}.edit-visit-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#6b7280;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease}.edit-visit-btn:hover{background:#4b5563}.visit-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.visit-field{display:flex;flex-direction:column;gap:.25rem}.visit-field.full-width{grid-column:1 / -1}.visit-field label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.lab-results-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.lab-results-section h4{margin:0 0 1rem;color:#1f2937;font-size:1.25rem}.lab-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.lab-field{display:flex;flex-direction:column;gap:.5rem}.lab-field label{font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.delivery-content{padding:1rem 0}.delivery-content h4{margin:0 0 1.5rem;color:#1f2937;font-size:1.25rem}.delivery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.delivery-field{display:flex;flex-direction:column;gap:.5rem}.delivery-field label{font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.baby-birth-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.baby-birth-section h4{margin:0 0 1rem;color:#1f2937;font-size:1.25rem}.baby-birth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.baby-field{display:flex;flex-direction:column;gap:.5rem}.baby-field label{font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.postnatal-content{padding:1rem 0}.postnatal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.postnatal-header h4{margin:0;color:#1f2937;font-size:1.25rem}.postnatal-visits{display:flex;flex-direction:column;gap:1rem}.baby-care-content{padding:1rem 0}.baby-care-content h4{margin:0 0 1.5rem;color:#1f2937;font-size:1.25rem}.baby-info-section,.feeding-status-section,.milestones-section{margin-bottom:2rem}.baby-info-section h5,.feeding-status-section h5,.milestones-section h5{margin:0 0 1rem;color:#374151;font-size:1.1rem}.baby-info-grid,.feeding-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.baby-info-field,.feeding-field{display:flex;flex-direction:column;gap:.5rem}.baby-info-field label,.feeding-field label{font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.baby-info-field span,.feeding-field span{color:#1f2937;font-weight:500}.milestones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.milestone-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.milestone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.milestone-title{font-weight:600;color:#374151}.milestone-status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.milestone-status.achieved{background:#dcfce7;color:#166534}.milestone-item p{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5}.growth-monitoring-content{padding:1rem 0}.growth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.growth-header h4{margin:0;color:#1f2937;font-size:1.25rem}.growth-summary h5{margin:0 0 1rem;color:#374151;font-size:1.1rem}.growth-summary-item label{display:block;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.growth-records h5{margin:0 0 1rem;color:#374151;font-size:1.1rem}.growth-records-list{display:flex;flex-direction:column;gap:1rem}.immunization-content{padding:1rem 0}.immunization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.immunization-header h4{margin:0;color:#1f2937;font-size:1.25rem}.immunization-schedule h5{margin:0 0 1rem;color:#374151;font-size:1.1rem}.schedule-item.completed{border-left:4px solid #10b981}.schedule-item.upcoming{border-left:4px solid #f59e0b}.adverse-reactions h5{margin:2rem 0 1rem;color:#374151;font-size:1.1rem}.reactions-list{display:flex;flex-direction:column;gap:1rem}.reaction-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.reaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.reaction-severity{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.reaction-severity.mild{background:#fef3c7;color:#92400e}.reaction-severity.none{background:#dcfce7;color:#166534}.reaction-item p{margin:0 0 .5rem;color:#6b7280;font-size:.875rem;line-height:1.5}.reaction-date{font-size:.75rem;color:#9ca3af}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge--negative,.status-badge--success{background:#dcfce7;color:#166534}.status-badge--positive,.status-badge--warning{background:#fef3c7;color:#92400e}.status-badge--pending{background:#f3f4f6;color:#6b7280}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:100%;overflow-x:hidden}.overview-card{background:#f8fafc;border-radius:10px;padding:20px;border-left:4px solid #667eea}.overview-card h4{margin:0 0 10px;color:#1e293b;font-size:1rem;font-weight:600}.overview-card p{margin:0;color:#64748b;font-size:.9rem;line-height:1.5}.pregnancy-timeline{display:flex;flex-direction:column;gap:20px}.timeline-item{display:flex;gap:20px;padding:20px;background:#f8fafc;border-radius:10px;border-left:4px solid #667eea}.timeline-date{background:#667eea;color:#fff;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:500;min-width:80px;text-align:center;height:-moz-fit-content;height:fit-content}.timeline-content{flex:1}.timeline-content h4{margin:0 0 15px;color:#1e293b;font-size:1.1rem;font-weight:600}.findings,.recommendations{margin-bottom:15px}.findings strong,.recommendations strong{color:#1e293b;font-size:.9rem;font-weight:600}.findings p,.recommendations p{margin:5px 0 0;color:#64748b;font-size:.9rem;line-height:1.5}.vitals-chart{background:#f8fafc;border-radius:10px;padding:25px}.vitals-chart h4{margin:0 0 20px;color:#1e293b;font-size:1.1rem;font-weight:600}.weight-chart{display:flex;flex-direction:column;gap:15px}.vital-point{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d}.vital-date{color:#667eea;font-weight:600;font-size:.9rem}.vital-weight{background:#667eea;color:#fff;padding:4px 12px;border-radius:15px;font-weight:600;font-size:.9rem}.vital-bp,.vital-temp{color:#64748b;font-size:.8rem;font-weight:500}.no-selection{background:#fff;border-radius:15px;padding:60px 20px;text-align:center;box-shadow:0 2px 10px #0000000d}.no-selection-icon{font-size:4rem;margin-bottom:20px}.no-selection h3{margin:0 0 10px;color:#1e293b;font-size:1.3rem}.no-selection p{margin:0;color:#64748b;font-size:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:15px;max-width:500px;width:100%;min-height:400px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e2e8f0;margin-bottom:0;flex-shrink:0}.modal-header h2{margin:0;color:#667eea;font-size:1.3rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;color:#ef4444;cursor:pointer;padding:5px;border-radius:5px;transition:all .3s ease}.close-btn:hover{background:#f1f5f9;color:#64748b}.modal-content{padding:20px 25px;flex:1;overflow-y:auto;min-height:300px}.form-group{margin-bottom:20px;display:block!important;visibility:visible!important;opacity:1!important}.form-group label{display:block;margin-bottom:8px;color:#1e293b;font-weight:500;font-size:.9rem}.form-input{width:100%;padding:12px 15px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .3s ease;box-sizing:border-box;display:block!important;visibility:visible!important;opacity:1!important}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input[type=textarea],textarea.form-input{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:15px;padding:25px;border-top:1px solid #e2e8f0;margin-top:20px;flex-shrink:0}.modal-btn{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.modal-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.modal-btn.secondary{background:#f1f5f9;color:#64748b;border:2px solid #e2e8f0}.modal-btn.secondary:hover{background:#e2e8f0;color:#1e293b}@media (max-width: 1024px){.medical-records-main-content{grid-template-columns:1fr}.moms-selection{order:-1}}@media (max-width: 768px){.medical-records-page{padding:15px}.medical-records-header{flex-direction:column;gap:15px;text-align:center;padding:2rem 1rem}.medical-records-title h1{font-size:1.5rem}.medical-records-filters{flex-direction:column;align-items:stretch;gap:1rem}.medical-records-actions{margin-left:0;justify-content:center}.patient-summary{flex-direction:column;gap:10px}.records-tabs{flex-wrap:wrap}.tab-btn{flex:1;min-width:100px}.sub-tabs{gap:.25rem;padding:.5rem 0}.sub-tab{padding:.4rem .6rem;font-size:.75rem}.overview-grid{grid-template-columns:1fr}.timeline-item{flex-direction:column;gap:15px}.timeline-date{align-self:flex-start}.vital-point{flex-direction:column;gap:10px;text-align:center}.medication-item{flex-direction:column;gap:15px;text-align:center}.modal-actions{flex-direction:column}}@media (max-width: 480px){.records-display{padding:20px}.modal{margin:10px}}@media (max-width: 768px){.records-tabs{flex-wrap:wrap}.tab-btn{padding:.5rem .75rem;font-size:.8rem}.visit-record-grid,.lab-results-grid,.delivery-grid,.baby-birth-grid,.growth-record-grid,.vaccine-record-grid{grid-template-columns:1fr}.antenatal-header,.postnatal-header,.section-header{flex-direction:column;gap:1rem;align-items:flex-start}}.overview-content,.pregnancy-content,.antenatal-content,.delivery-content,.postnatal-content,.vitals-content,.medications-content,.baby-care-content,.growth-monitoring-content,.immunization-content{padding:1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.overview-grid,.pregnancy-grid,.delivery-grid,.postnatal-grid,.vitals-grid,.baby-grid,.growth-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.overview-field,.pregnancy-field,.delivery-field,.postnatal-field,.vitals-field,.baby-field,.growth-field{display:flex;flex-direction:column;gap:.5rem}.overview-field label,.pregnancy-field label,.delivery-field label,.postnatal-field label,.vitals-field label,.baby-field label,.growth-field label{font-weight:500;color:#374151;font-size:.875rem}.overview-input,.pregnancy-input,.delivery-input,.postnatal-input,.vitals-input,.baby-input,.growth-input,.visit-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.overview-input:focus,.pregnancy-input:focus,.delivery-input:focus,.postnatal-input:focus,.vitals-input:focus,.baby-input:focus,.growth-input:focus,.visit-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.overview-input:disabled,.pregnancy-input:disabled,.delivery-input:disabled,.postnatal-input:disabled,.vitals-input:disabled,.baby-input:disabled,.growth-input:disabled,.visit-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.antenatal-header,.delivery-header,.postnatal-header,.vitals-header,.medications-header,.growth-header,.immunization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.antenatal-header h3,.delivery-header h3,.postnatal-header h3,.vitals-header h3,.medications-header h3,.growth-header h3,.immunization-header h3{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.add-record-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#10b981;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.add-record-btn:hover{background-color:#059669}.add-record-btn:disabled{background:#9ca3af;cursor:not-allowed}.visit-record{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.visit-record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.visit-record-header h4{margin:0;color:#374151;font-size:1rem;font-weight:600}.edit-visit-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.edit-visit-btn:hover{background-color:#2563eb}.visit-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.visit-field{display:flex;flex-direction:column;gap:.5rem}.visit-field label{font-weight:500;color:#374151;font-size:.875rem}.growth-summary{margin-bottom:2rem}.growth-summary h4{margin:0 0 1rem;color:#111827;font-size:1.125rem;font-weight:600}.growth-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.growth-summary-item{background:#f3f4f6;padding:1rem;border-radius:.5rem;text-align:center}.growth-value{display:block;font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.25rem}.growth-percentile{font-size:.875rem;color:#6b7280}.growth-records-list h4{margin:0 0 1rem;color:#111827;font-size:1.125rem;font-weight:600}.growth-record{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.growth-record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;font-weight:500;color:#374151}.schedule-grid{display:grid;gap:1rem}.schedule-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.vaccine-name{font-weight:600;color:#111827}.schedule-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.schedule-status.completed{background-color:#dcfce7;color:#166534}.schedule-status.pending{background-color:#fef3c7;color:#92400e}.schedule-details{color:#6b7280;font-size:.875rem}.schedule-details p{margin:.25rem 0}.medications-list{display:grid;gap:1rem}.medication-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.medication-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.medication-name{font-weight:600;color:#111827}.medication-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.medication-status.active{background-color:#dbeafe;color:#1e40af}.medication-status.completed{background-color:#dcfce7;color:#166534}.medication-details{color:#6b7280;font-size:.875rem}.medication-details p{margin:.25rem 0}.general-content,.field-care-content,.clinic-care-content,.birth-care-content,.development-content,.neonatal-content,.nutrition-content,.followups-content{padding:1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.general-header,.field-care-header,.clinic-care-header,.birth-care-header,.development-header,.neonatal-header,.nutrition-header,.followups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.general-header h3,.field-care-header h3,.clinic-care-header h3,.birth-care-header h3,.development-header h3,.neonatal-header h3,.nutrition-header h3,.followups-header h3{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.general-grid,.field-care-grid,.clinic-visit-grid,.birth-care-grid,.emergency-grid,.followups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem;max-width:100%;overflow-x:hidden}.general-field,.field-care-field,.clinic-field,.birth-field,.emergency-field,.followup-field{display:flex;flex-direction:column;gap:.5rem}.general-field label,.field-care-field label,.clinic-field label,.birth-field label,.emergency-field label,.followup-field label{font-weight:500;color:#374151;font-size:.875rem}.general-input,.field-care-input,.clinic-input,.birth-input,.emergency-input,.followup-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.general-input:focus,.field-care-input:focus,.clinic-input:focus,.birth-input:focus,.emergency-input:focus,.followup-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.general-input:disabled,.field-care-input:disabled,.clinic-input:disabled,.birth-input:disabled,.emergency-input:disabled,.followup-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.checklist-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.checklist-section h4{margin:0 0 1rem;color:#111827;font-size:1.125rem;font-weight:600}.checklist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.checklist-item{display:flex;flex-direction:column;gap:.5rem}.checklist-item label{font-weight:500;color:#374151;font-size:.875rem}.checklist-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.checklist-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checklist-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.clinic-visit-record,.neonatal-visit-record{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.clinic-visit-header,.neonatal-visit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.clinic-visit-header h4,.neonatal-visit-header h4{margin:0;color:#374151;font-size:1rem;font-weight:600}.clinic-visit-grid,.neonatal-visit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.emergency-contacts{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.emergency-contacts h4{margin:0 0 1rem;color:#111827;font-size:1.125rem;font-weight:600}.emergency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.milestones-list{display:flex;flex-direction:column;gap:1rem}.milestone-record{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.milestone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.milestone-header h4{margin:0;color:#374151;font-size:1rem;font-weight:600}.milestone-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.milestone-status.achieved{background-color:#dcfce7;color:#166534}.milestone-status.pending{background-color:#fef3c7;color:#92400e}.milestone-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.milestone-field{display:flex;flex-direction:column;gap:.5rem}.milestone-field label{font-weight:500;color:#374151;font-size:.875rem}.milestone-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.milestone-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.milestone-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.supplements-list{display:flex;flex-direction:column;gap:1rem}.supplement-record{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.supplement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.supplement-header h4{margin:0;color:#374151;font-size:1rem;font-weight:600}.supplement-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.supplement-status.given{background-color:#dcfce7;color:#166534}.supplement-status.pending{background-color:#fef3c7;color:#92400e}.supplement-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.supplement-field{display:flex;flex-direction:column;gap:.5rem}.supplement-field label{font-weight:500;color:#374151;font-size:.875rem}.supplement-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.supplement-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.supplement-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.immunization-schedule-info{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.immunization-schedule-info h4{margin:0 0 1rem;color:#111827;font-size:1.125rem;font-weight:600}.schedule-timeline{display:flex;flex-direction:column;gap:.5rem}.schedule-timeline .timeline-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f3f4f6;border-radius:.375rem;border-left:4px solid #3b82f6}.timeline-age{font-weight:600;color:#111827;font-size:.875rem}.timeline-vaccines{color:#6b7280;font-size:.875rem}.growth-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}@media (max-width: 768px){.general-grid,.field-care-grid,.clinic-visit-grid,.birth-care-grid,.emergency-grid,.followups-grid,.checklist-grid,.milestone-details,.supplement-details{grid-template-columns:1fr}.general-header,.field-care-header,.clinic-care-header,.birth-care-header,.development-header,.neonatal-header,.nutrition-header,.followups-header{flex-direction:column;gap:1rem;align-items:flex-start}.schedule-timeline .timeline-item{flex-direction:column;gap:.5rem;align-items:flex-start}}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:.5rem;margin-bottom:1rem}.loading,.no-moms{text-align:center;padding:2rem;color:#6b7280}.no-moms p{margin-bottom:1rem}.search-container{position:relative}.search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#6b7280}.search-results{margin-top:1rem}.search-results h4{margin:0 0 1rem;color:#1f2937;font-size:1rem;font-weight:600}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.5rem;background:#f9fafb}.result-info h5{margin:0 0 .25rem;color:#1f2937;font-size:1rem;font-weight:600}.result-info p{margin:0;color:#6b7280;font-size:.875rem}.assign-btn{background:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.assign-btn:hover{background:#059669}.no-results{text-align:center;padding:2rem;color:#6b7280}.neonatal-input,.birth-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.neonatal-input:focus,.birth-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.neonatal-input:disabled,.birth-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.neonatal-field{display:flex;flex-direction:column;gap:.5rem}.neonatal-field label{font-weight:500;color:#374151;font-size:.875rem}.tab-content{max-width:100%;overflow-x:hidden;padding:1rem 0}.overview-content,.pregnancy-content,.antenatal-content,.delivery-content,.postnatal-content,.vitals-content,.medications-content,.general-content,.field-care-content,.clinic-care-content,.birth-care-content,.baby-care-content,.growth-monitoring-content,.development-content,.neonatal-content,.immunization-content,.nutrition-content,.followups-content{max-width:100%;overflow-x:hidden;word-wrap:break-word}.overview-header,.general-header,.pregnancy-header,.antenatal-header,.delivery-header,.postnatal-header,.field-care-header,.clinic-care-header,.vitals-header,.medications-header,.birth-header,.baby-info-section,.growth-header,.development-header,.neonatal-header,.immunization-header,.nutrition-header,.followups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.header-left h3,.overview-header h3,.general-header h3,.pregnancy-header h3,.antenatal-header h3,.delivery-header h3,.postnatal-header h3,.field-care-header h3,.clinic-care-header h3,.vitals-header h3,.medications-header h3,.birth-header h3,.baby-care-header h3,.baby-info-section h3,.growth-header h3,.development-header h3,.neonatal-header h3,.immunization-header h3,.nutrition-header h3,.followups-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.header-right{display:flex;align-items:center;gap:.5rem}.pregnancy-field.full-width{grid-column:1 / -1}.pregnancy-field.full-width textarea{width:100%;min-height:80px;resize:vertical}.vitals-current{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.vitals-current h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.vitals-current-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.vitals-current-field{display:flex;flex-direction:column;gap:.5rem}.vitals-current-field label{font-size:.875rem;font-weight:500;color:#6b7280}.vitals-current-value{font-size:1rem;font-weight:600;color:#1f2937;padding:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem}.baby-care-content{padding:1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.baby-care-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.baby-care-header h3{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.next-clinic-date-content{padding:1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.next-clinic-date-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.next-clinic-date-header h3{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.next-clinic-date-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem;max-width:100%;overflow-x:hidden}.next-clinic-date-field{display:flex;flex-direction:column;gap:.5rem}.next-clinic-date-field label{font-weight:500;color:#374151;font-size:.875rem}.next-clinic-date-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.next-clinic-date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.next-clinic-date-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.next-clinic-date-field textarea{resize:vertical;min-height:80px;font-family:inherit}.analytics-header{background:linear-gradient(135deg,#667eea,#764ba2);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');background-size:cover;background-position:center;position:relative;padding:3rem 2rem;border-radius:1rem;margin-bottom:2rem;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.analytics-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#667eeacc;border-radius:1rem;z-index:1}.analytics-date-selector{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;background:#ffffff1a;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analytics-date-selector option{background:#1f2937;color:#fff}.analytics-report-types{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.analytics-report-types h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;border-bottom:2px solid #e5e7eb;padding-bottom:.75rem}.analytics-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.analytics-report-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;transition:all .3s ease;background:#fff}.analytics-report-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px #667eea26}.analytics-report-card.analytics-active{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e6f3ff);box-shadow:0 4px 12px #667eea26}.analytics-report-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:.5rem;flex-shrink:0}.analytics-report-info{flex:1}.analytics-report-info h4{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.analytics-report-info p{font-size:.9rem;color:#6b7280;margin:0;line-height:1.4}.analytics-generate-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex-shrink:0}.analytics-generate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.analytics-report-preview{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.analytics-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.analytics-preview-header h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.analytics-preview-actions{display:flex;gap:.75rem}.analytics-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.analytics-action-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.analytics-action-btn span{font-size:1rem}.analytics-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-metric-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;border:1px solid #e5e7eb;border-left:4px solid #3b82f6;display:flex;align-items:center;gap:.75rem;transition:all .3s ease}.analytics-metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#3b82f6}.analytics-metric-card--blue{border-left-color:#3b82f6}.analytics-metric-card--purple{border-left-color:#8b5cf6}.analytics-metric-card--pink{border-left-color:#ec4899}.analytics-metric-card--red{border-left-color:#ef4444}.analytics-metric-card--blue:hover{border-color:#3b82f6}.analytics-metric-card--purple:hover{border-color:#8b5cf6}.analytics-metric-card--pink:hover{border-color:#ec4899}.analytics-metric-card--red:hover{border-color:#ef4444}.analytics-metric-icon{width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);flex-shrink:0}.analytics-metric-icon--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.analytics-metric-icon--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.analytics-metric-icon--pink{background:linear-gradient(135deg,#ec4899,#db2777)}.analytics-metric-icon--red{background:linear-gradient(135deg,#ef4444,#dc2626)}.analytics-metric-content{flex:1}.analytics-metric-content h3{font-size:.875rem;font-weight:600;color:#6b7280;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.analytics-metric-value{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.analytics-metric-change{font-size:.875rem;color:#10b981;font-weight:500}.analytics-age-range-breakdown{margin-top:1.5rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.analytics-age-range-breakdown h5{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem;text-align:center}.analytics-age-range-chart{display:flex;flex-direction:column;gap:.75rem}.analytics-age-range-bar{display:flex;align-items:center;gap:1rem}.analytics-age-range-label{font-size:.875rem;font-weight:500;color:#374151;min-width:60px}.analytics-age-range-bar-container{flex:1;height:20px;background:#f3f4f6;border-radius:10px;overflow:hidden;position:relative}.analytics-age-range-bar-fill{height:100%;border-radius:10px;transition:width .3s ease}.analytics-age-range-count{font-size:.875rem;font-weight:600;color:#1f2937;min-width:30px;text-align:right}.analytics-charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.analytics-chart-card{background:#f9fafb;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb}.analytics-chart-card h4{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.analytics-chart-placeholder{display:flex;align-items:end;gap:1rem;height:200px;padding:1rem 0}.analytics-chart-bar{flex:1;border-radius:.25rem .25rem 0 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600;min-height:40px}.analytics-blood-type-filter{margin-bottom:1rem}.analytics-blood-type-selector{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.analytics-blood-type-selector:hover{border-color:#667eea}.analytics-blood-type-selector:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}:root{--analytics-blood-type-Oplus: #3b82f6;--analytics-blood-type-Ominus: #1d4ed8;--analytics-blood-type-Aplus: #ef4444;--analytics-blood-type-Aminus: #dc2626;--analytics-blood-type-Bplus: #10b981;--analytics-blood-type-Bminus: #059669;--analytics-blood-type-ABplus: #8b5cf6;--analytics-blood-type-ABminus: #7c3aed}.analytics-pie-chart-placeholder{position:relative;width:150px;height:150px;margin:0 auto;border-radius:50%;background:#f3f4f6}.analytics-pie-chart{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.analytics-pie-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#1f2937;font-size:1.1rem;box-shadow:0 2px 4px #0000001a;z-index:10}.analytics-blood-type-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-top:1rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.analytics-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.analytics-legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.analytics-legend-label{color:#374151;font-weight:500}.analytics-appointment-timeline{background:#f9fafb;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb}.analytics-appointment-timeline h4{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.analytics-timeline-chart{display:flex;align-items:end;gap:1rem;height:200px;padding:1rem 0}.analytics-week-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.analytics-bar-label{font-size:.75rem;color:#6b7280;font-weight:500}.analytics-bar-container{width:100%;height:120px;background:#e5e7eb;border-radius:.25rem;position:relative;overflow:hidden}.analytics-bar-fill{position:absolute;bottom:0;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.25rem .25rem 0 0;transition:height .3s ease}.analytics-bar-value{font-size:.875rem;font-weight:600;color:#1f2937}.analytics-health-alerts{background:#f9fafb;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb}.analytics-health-alerts h4{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.analytics-alerts-list{display:flex;flex-direction:column;gap:1rem}.analytics-alert-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;border-left:4px solid}.analytics-alert-item--warning{background:#fef3c7;border-left-color:#f59e0b}.analytics-alert-item--danger{background:#fee2e2;border-left-color:#ef4444}.analytics-alert-icon{font-size:1.5rem;flex-shrink:0}.analytics-alert-content h5{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.analytics-alert-content p{font-size:.875rem;color:#6b7280;margin:0}@media (max-width: 1024px){.analytics-report-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analytics-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analytics-charts-section{grid-template-columns:1fr}.analytics-blood-type-legend{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width: 768px){.analytics-container{padding:1rem}.analytics-header{padding:2rem 1rem}.analytics-title h1{font-size:1.5rem}.analytics-preview-header{flex-direction:column;gap:1rem;align-items:flex-start}.analytics-preview-actions{width:100%;justify-content:space-between}.analytics-report-card{flex-direction:column;text-align:center;gap:1rem}.analytics-report-info{text-align:center}.analytics-metric-card{flex-direction:column;text-align:center;gap:1rem}.analytics-timeline-chart{flex-direction:column;height:auto;gap:1rem}.analytics-week-bar{flex-direction:row;align-items:center;gap:1rem}.analytics-bar-container{width:100px;height:60px}.analytics-alert-item{flex-direction:column;text-align:center;gap:.5rem}.analytics-blood-type-legend{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-header{padding:2rem 1rem}.analytics-title h1{font-size:2rem}.analytics-title p{font-size:1rem}.analytics-header-icon{width:3rem;height:3rem}}@media (max-width: 480px){.analytics-header{padding:1.5rem 1rem}.analytics-title h1{font-size:1.75rem}.analytics-title p{font-size:.9rem}}.education-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#eff6ff;color:#1f2937}.education-header{text-align:center;margin-bottom:30px;padding:3rem 2rem;background-image:url(/images/education.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.education-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;pointer-events:none}.education-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf64d,#ec48994d);pointer-events:none}.education-title{position:relative;z-index:1}.education-title h1{font-size:2.25rem;font-weight:700;color:#fff!important;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.education-title p{color:#ffffffe6!important;font-weight:500;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.education-header-icon{display:inline-flex;width:3rem;height:3rem;background:#fff3;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.education-header-icon svg{width:1.5rem;height:1.5rem;color:#fff}.add-resource-btn{position:relative;z-index:1;margin-top:1rem;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.add-resource-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.education-controls{margin-bottom:30px}.search-box{position:relative;max-width:400px;margin-bottom:20px}.search-input{width:100%;padding:12px 45px 12px 15px;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem}.category-filters{display:flex;gap:10px;flex-wrap:wrap}.category-btn{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #e2e8f0;padding:10px 15px;border-radius:25px;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.category-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px)}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.category-icon{font-size:1rem}.education-content{margin-bottom:40px}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.filter-controls{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.filter-btn{padding:.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;align-self:flex-start}.filter-btn:hover{background:#e5e7eb}.my-article-badge{background:#10b981;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;margin-left:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.article-modal{background:#fff;border-radius:1rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.article-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.article-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#111827;line-height:1.3;flex:1;margin-right:1rem}.modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;flex-shrink:0}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.article-modal-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.article-modal-meta .meta-item{display:flex;flex-direction:column;gap:.25rem}.article-modal-meta .meta-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.article-modal-meta .meta-value{font-size:.875rem;color:#374151;font-weight:500}.article-modal-content{padding:1.5rem;line-height:1.7}.article-paragraph{margin:0 0 1.5rem;color:#374151;font-size:1rem}.article-paragraph:last-child{margin-bottom:0}.article-modal-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width: 768px){.article-modal{margin:1rem;max-height:calc(100vh - 2rem)}.article-modal-header{padding:1rem}.article-modal-header h2{font-size:1.25rem}.article-modal-meta{grid-template-columns:1fr;padding:1rem}.article-modal-content,.article-modal-footer{padding:1rem}}.resource-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;transition:all .2s ease;position:relative}.resource-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-2px)}.resource-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.resource-type{background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.resource-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .75rem;line-height:1.3}.resource-description{color:#6b7280;line-height:1.6;margin-bottom:1rem}.resource-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:.875rem;color:#374151;font-weight:500}.resource-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:#f3f4f6;color:#374151;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.resource-actions{display:flex;gap:.75rem}.action-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.action-btn.primary{background:#3b82f6;color:#fff}.action-btn.primary:hover{background:#2563eb}.action-btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.action-btn.secondary:hover{background:#e5e7eb}.level-badge{color:#fff;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:500}.resource-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px;flex-shrink:0}.tag{background:#f1f5f9;color:#64748b;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:500}.resource-actions{display:flex;gap:10px;flex-shrink:0;margin-top:auto}.action-btn{flex:1;padding:10px 15px;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.no-resources{text-align:center;padding:60px 20px;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d}.no-resources-icon{font-size:4rem;margin-bottom:20px}.no-resources h3{margin:0 0 10px;color:#1e293b;font-size:1.3rem}.no-resources p{margin:0;color:#64748b;font-size:1rem}.education-stats{margin-bottom:40px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;gap:20px;border-left:4px solid #667eea}.stat-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:12px}.stat-content h3{margin:0 0 5px;color:#64748b;font-size:.9rem;font-weight:500}.stat-value{color:#1e293b;font-size:1.8rem;font-weight:700}.featured-section{background:#fff;border-radius:15px;padding:30px;box-shadow:0 2px 10px #0000000d}.featured-section h2{margin:0 0 25px;color:#1e293b;font-size:1.5rem;font-weight:600;border-bottom:2px solid #e2e8f0;padding-bottom:15px}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.featured-card{background:linear-gradient(135deg,#f0f4ff,#e6f3ff);border-radius:15px;padding:25px;position:relative;border:2px solid #e2e8f0;transition:all .3s ease}.featured-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;border-color:#667eea}.featured-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:15px;font-size:.7rem;font-weight:500;text-transform:uppercase}.featured-icon{font-size:2.5rem;margin-bottom:15px}.featured-card h3{margin:0 0 10px;color:#1e293b;font-size:1.2rem;font-weight:600}.featured-card p{margin:0 0 20px;color:#64748b;font-size:.9rem;line-height:1.5}.featured-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.featured-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 1024px){.resources-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.featured-grid{grid-template-columns:1fr}}@media (max-width: 768px){.education-page{padding:15px}.education-header{flex-direction:column;gap:15px;text-align:center}.education-title h1{font-size:1.5rem}.category-filters{justify-content:center}.category-btn{font-size:.8rem;padding:8px 12px}.resources-grid{grid-template-columns:1fr}.resource-card{padding:20px}.resource-meta{flex-direction:column;align-items:flex-start;gap:10px}.resource-actions{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;text-align:center;gap:15px}}@media (max-width: 480px){.category-filters{flex-direction:column;align-items:stretch}.category-btn{justify-content:center}.stats-grid{grid-template-columns:1fr}.featured-card{padding:20px}}.emergency-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#eff6ff;color:#1f2937}.emergency-header{text-align:center;margin-bottom:30px;padding:3rem 2rem;background-image:url(/images/emergency.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #ef44444d}.emergency-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;pointer-events:none}.emergency-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ef444466,#dc262666);pointer-events:none}.emergency-title{position:relative;z-index:1}.emergency-title h1{font-size:2.25rem;font-weight:700;color:#fff!important;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.emergency-title p{color:#ffffffe6!important;font-weight:500;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.emergency-header-icon{display:inline-flex;width:3rem;height:3rem;background:#fff3;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emergency-header-icon svg{width:1.5rem;height:1.5rem;color:#fff}.emergency-status{position:relative;z-index:1;margin-top:1rem;display:flex;align-items:center}.status-indicator{display:flex;align-items:center;gap:10px;background:#fff3;padding:10px 15px;border-radius:25px;font-weight:500}.status-dot{width:12px;height:12px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.active-emergencies-alert{background:linear-gradient(135deg,#fef2f2,#fecaca);border:2px solid #ef4444;border-radius:15px;padding:20px;margin-bottom:30px;box-shadow:0 4px 15px #ef444433}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.alert-header h3{margin:0;color:#dc2626;font-size:1.2rem;font-weight:600}.emergency-count{background:#ef4444;color:#fff;padding:4px 12px;border-radius:15px;font-size:.9rem;font-weight:600}.emergency-list{display:flex;flex-direction:column;gap:15px}.emergency-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 5px #0000001a}.emergency-info{flex:1}.patient-name{font-weight:600;color:#1e293b;margin-bottom:5px}.emergency-type{color:#ef4444;font-weight:500;margin-bottom:3px}.emergency-location{color:#64748b;font-size:.9rem}.emergency-status-info{display:flex;flex-direction:column;align-items:center;gap:8px;margin-right:20px}.status-badge{background:#10b981;color:#fff;padding:4px 8px;border-radius:10px;font-size:.7rem;font-weight:500}.time{color:#64748b;font-size:.8rem;font-weight:500}.priority-badge{color:#fff;padding:4px 8px;border-radius:10px;font-size:.7rem;font-weight:500;text-transform:uppercase}.respond-btn{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.respond-btn:hover{background:#dc2626;transform:translateY(-2px)}.emergency-content{margin-bottom:30px}.emergency-tabs{display:flex;gap:5px;margin-bottom:25px;background:#fff;padding:5px;border-radius:15px;box-shadow:0 2px 10px #0000000d}.tab-btn{flex:1;background:none;border:none;padding:12px 20px;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:10px}.tab-btn:hover{color:#ef4444;background:#fef2f2}.tab-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.tab-content{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 10px #0000000d}.protocols-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.protocols-header h2{margin:0;color:#1e293b;font-size:1.5rem;font-weight:600}.type-filter{padding:8px 15px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.9rem;cursor:pointer}.protocols-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.protocol-card{border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.protocol-card:hover{border-color:#ef4444;box-shadow:0 4px 12px #ef44441a;transform:translateY(-2px)}.protocol-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.protocol-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fef2f2;border-radius:12px}.protocol-meta{display:flex;flex-direction:column;gap:5px}.type-badge,.priority-badge{color:#fff;padding:4px 8px;border-radius:10px;font-size:.7rem;font-weight:500;text-transform:uppercase;text-align:center}.protocol-title{margin:0 0 10px;color:#1e293b;font-size:1.2rem;font-weight:600}.protocol-description{margin:0 0 15px;color:#64748b;font-size:.9rem;line-height:1.5}.protocol-steps h4{margin:0 0 10px;color:#1e293b;font-size:1rem;font-weight:600}.protocol-steps ol{margin:0;padding-left:20px}.protocol-steps li{color:#64748b;font-size:.9rem;line-height:1.6;margin-bottom:5px}.protocol-actions{display:flex;gap:10px;margin-top:20px}.action-btn{flex:1;padding:8px 12px;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn.primary{background:#ef4444;color:#fff}.action-btn.primary:hover{background:#dc2626}.action-btn.secondary{background:#f1f5f9;color:#64748b;border:2px solid #e2e8f0}.action-btn.secondary:hover{background:#e2e8f0;color:#1e293b}.contacts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.contacts-header h2{margin:0;color:#1e293b;font-size:1.5rem;font-weight:600}.add-contact-btn{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.add-contact-btn:hover{background:#dc2626}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.contact-card{display:flex;align-items:center;gap:15px;background:#f8fafc;border-radius:12px;padding:20px;border:2px solid #e2e8f0;transition:all .3s ease}.contact-card:hover{border-color:#ef4444;background:#fff;transform:translateY(-2px)}.contact-icon{font-size:1.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a}.contact-info{flex:1}.contact-name{margin:0 0 5px;color:#1e293b;font-size:1rem;font-weight:600}.contact-number{color:#ef4444;font-weight:600;font-size:.9rem}.contact-actions{display:flex;gap:8px}.call-btn,.message-btn{background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.call-btn:hover,.message-btn:hover{background:#dc2626;transform:translateY(-1px)}.resources-header{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.resources-header h2{margin:0;color:#1e293b;font-size:1.5rem;font-weight:600}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.resource-card{background:#f8fafc;border-radius:12px;padding:25px;text-align:center;border:2px solid #e2e8f0;transition:all .3s ease}.resource-card:hover{border-color:#ef4444;background:#fff;transform:translateY(-3px);box-shadow:0 4px 12px #ef44441a}.resource-icon{font-size:2.5rem;margin-bottom:15px}.resource-card h3{margin:0 0 10px;color:#1e293b;font-size:1.1rem;font-weight:600}.resource-card p{margin:0 0 20px;color:#64748b;font-size:.9rem;line-height:1.5}.resource-btn{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.resource-btn:hover{background:#dc2626;transform:translateY(-2px)}.quick-actions{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 10px #0000000d}.actions-header{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.actions-header h3{margin:0;color:#1e293b;font-size:1.2rem;font-weight:600}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:10px;background:#f8fafc;border:2px solid #e2e8f0;padding:20px;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.quick-action-btn:hover{border-color:#ef4444;background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef44441a}.quick-action-btn.emergency{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#ef4444}.quick-action-btn.emergency:hover{background:linear-gradient(135deg,#fecaca,#fca5a5)}.action-icon{font-size:1.5rem}.quick-action-btn span:last-child{font-weight:500;color:#1e293b;font-size:.9rem}@media (max-width: 1024px){.protocols-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.resources-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 768px){.emergency-page{padding:15px}.emergency-header{flex-direction:column;gap:15px;text-align:center}.emergency-title h1{font-size:1.5rem}.emergency-item{flex-direction:column;gap:15px;text-align:center}.emergency-status-info{margin-right:0}.emergency-tabs{flex-direction:column}.protocols-header{flex-direction:column;gap:15px;text-align:center}.protocols-grid{grid-template-columns:1fr}.contacts-header{flex-direction:column;gap:15px;text-align:center}.contacts-grid{grid-template-columns:1fr}.contact-card{flex-direction:column;text-align:center;gap:15px}.contact-actions{justify-content:center}.resources-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.actions-grid{grid-template-columns:1fr}.protocol-actions{flex-direction:column}.contact-actions{flex-direction:column;width:100%}.call-btn,.message-btn{width:100%}}.midwife-chat-page{height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.midwife-chat-page-content{flex:1;display:flex;overflow:hidden}.midwife-chat-page-sidebar{width:380px;background:#fff;border-right:2px solid #e5e7eb;display:flex;flex-direction:column;box-shadow:4px 0 20px #0000001a}.midwife-chat-page-search{padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;position:relative}.midwife-chat-page-search input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid #e2e8f0;border-radius:1rem;font-size:.875rem;outline:none;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #0000000d}.midwife-chat-page-search input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a,0 4px 12px #0000001a}.midwife-chat-page-search svg{position:absolute;left:2rem;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:1}.midwife-chat-page-filter{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:.75rem}.midwife-chat-page-filter select{flex:1;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:.875rem;font-weight:500;outline:none;transition:all .3s ease;background:#fff;cursor:pointer}.midwife-chat-page-filter select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.midwife-chat-page-conversations{flex:1;overflow-y:auto;padding:.5rem}.midwife-chat-page-conversation{display:flex;gap:1rem;padding:1rem;border-radius:1rem;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem;background:#fff;border:2px solid transparent;box-shadow:0 2px 8px #0000000d}.midwife-chat-page-conversation:hover{background:#f8fafc;border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.midwife-chat-page-conversation.active{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b981;box-shadow:0 8px 25px #10b98126}.midwife-chat-page-avatar{flex-shrink:0}.midwife-chat-page-avatar img{width:3.5rem;height:3.5rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e2e8f0;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.midwife-chat-page-conversation:hover .midwife-chat-page-avatar img{border-color:#10b981;transform:scale(1.05)}.midwife-chat-page-details{flex:1;min-width:0}.midwife-chat-page-name{font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:.25rem;line-height:1.2}.midwife-chat-page-role{font-size:.875rem;color:#6b7280;font-weight:600;margin-bottom:.25rem}.midwife-chat-page-specialty{font-size:.75rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.midwife-chat-page-main{flex:1;display:flex;flex-direction:column;background:#fff}.midwife-chat-page-chat-header{background:linear-gradient(135deg,#f8fafc,#fff);padding:1.5rem 2rem;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000d}.midwife-chat-page-chat-info{display:flex;gap:1rem;align-items:center}.midwife-chat-page-chat-avatar img{width:3.5rem;height:3.5rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e2e8f0;box-shadow:0 4px 12px #0000001a}.midwife-chat-page-chat-info h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.midwife-chat-page-chat-role{font-size:.875rem;color:#6b7280;font-weight:600}.midwife-chat-page-chat-actions{display:flex;gap:.75rem}.midwife-chat-page-action-btn{background:#10b9811a;border:2px solid rgba(16,185,129,.2);color:#10b981;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.midwife-chat-page-action-btn:hover{background:#10b981;color:#fff;border-color:#10b981;transform:scale(1.1);box-shadow:0 8px 25px #10b9814d}.midwife-chat-page-messages{flex:1;overflow-y:auto;padding:2rem;background:linear-gradient(135deg,#f8fafc,#fff);display:flex;flex-direction:column;gap:1rem}.midwife-chat-page-message{display:flex;max-width:70%;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.midwife-chat-page-message.incoming{align-self:flex-start}.midwife-chat-page-message.outgoing{align-self:flex-end}.midwife-chat-page-message-content{background:#fff;padding:1rem 1.25rem;border-radius:1.5rem;box-shadow:0 4px 15px #0000001a;position:relative;border:2px solid transparent;transition:all .3s ease}.midwife-chat-page-message.incoming .midwife-chat-page-message-content{background:#fff;color:#1f2937;border-color:#e2e8f0;border-bottom-left-radius:.5rem}.midwife-chat-page-message.outgoing .midwife-chat-page-message-content{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;border-bottom-right-radius:.5rem}.midwife-chat-page-message-text{font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.midwife-chat-page-message-time{font-size:.75rem;opacity:.7;font-weight:500}.midwife-chat-page-message-reply{margin-bottom:.5rem;padding:.5rem;background:#10b9811a;border-radius:.5rem;border-left:3px solid #10b981;font-size:.8rem;opacity:.8}.midwife-chat-page-input{background:#fff;padding:1.5rem 2rem;border-top:2px solid #e2e8f0;display:flex;gap:1rem;align-items:flex-end;box-shadow:0 -2px 8px #0000000d}.midwife-chat-page-input-actions{display:flex;gap:.5rem}.midwife-chat-page-input-field{flex:1}.midwife-chat-page-input-field textarea{width:100%;padding:1rem 1.25rem;border:2px solid #e2e8f0;border-radius:1.5rem;font-size:.95rem;outline:none;resize:none;transition:all .3s ease;background:#f9fafb;font-family:inherit;line-height:1.4;min-height:3rem;max-height:8rem}.midwife-chat-page-input-field textarea:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 4px #10b9811a}.midwife-chat-page-send-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.midwife-chat-page-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:scale(1.1);box-shadow:0 8px 25px #10b98166}.midwife-chat-page-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.midwife-chat-page-info-sidebar{width:320px;background:#fff;border-left:2px solid #e5e7eb;display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000001a;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.midwife-chat-page-info-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.midwife-chat-page-info-header h3{font-size:1.25rem;font-weight:700;margin:0}.midwife-chat-page-info-close-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.midwife-chat-page-info-close-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.midwife-chat-page-info-content{flex:1;padding:1.5rem;overflow-y:auto}.midwife-chat-page-info-user{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.midwife-chat-page-info-user img{width:5rem;height:5rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid #e5e7eb;margin-bottom:1rem}.midwife-chat-page-info-user h4{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.midwife-chat-page-info-role{font-size:1rem;color:#6b7280;font-weight:600;margin:0 0 .5rem}.midwife-chat-page-info-specialty{color:#10b981;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.midwife-chat-page-info-details{display:flex;flex-direction:column;gap:1rem}.midwife-chat-page-info-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:.75rem;color:#4b5563;font-size:.875rem}.midwife-chat-page-info-item svg{color:#10b981;flex-shrink:0}.midwife-chat-page-welcome{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#fff);text-align:center;padding:2rem}.midwife-chat-page-welcome-icon{color:#10b981;margin-bottom:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.midwife-chat-page-welcome h2{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.midwife-chat-page-welcome p{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0 0 2rem;max-width:500px}.midwife-chat-page-welcome-features{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.midwife-chat-page-feature{display:flex;align-items:center;gap:.75rem;color:#10b981;font-weight:600;padding:.75rem;background:#10b9811a;border-radius:.75rem;transition:all .3s ease}.midwife-chat-page-feature:hover{background:#10b98126;transform:translate(5px)}.midwife-chat-loading,.midwife-chat-loading-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#6b7280}.midwife-chat-loading-spinner{width:2rem;height:2rem;border:3px solid #e2e8f0;border-top:3px solid #10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.midwife-chat-page-conversations::-webkit-scrollbar,.midwife-chat-page-messages::-webkit-scrollbar{width:6px}.midwife-chat-page-conversations::-webkit-scrollbar-track,.midwife-chat-page-messages::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.midwife-chat-page-conversations::-webkit-scrollbar-thumb,.midwife-chat-page-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.midwife-chat-page-conversations::-webkit-scrollbar-thumb:hover,.midwife-chat-page-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.midwife-chat-page-sidebar{width:320px}.midwife-chat-page-message{max-width:80%}}@media (max-width: 768px){.midwife-chat-page-content{flex-direction:column}.midwife-chat-page-sidebar{width:100%;height:40%;border-right:none;border-bottom:2px solid #e5e7eb}.midwife-chat-page-main{height:60%}.midwife-chat-page-messages{padding:1rem}.midwife-chat-page-input{padding:1rem 1.5rem}.midwife-chat-page-message{max-width:90%}.midwife-chat-page-info-sidebar{position:absolute;top:0;right:0;height:100%;width:280px;z-index:10}}@media (max-width: 480px){.midwife-chat-page-sidebar{height:35%}.midwife-chat-page-main{height:65%}.midwife-chat-page-search{padding:1rem}.midwife-chat-page-filter{padding:.75rem 1rem}.midwife-chat-page-conversation{padding:.75rem}.midwife-chat-page-avatar img{width:3rem;height:3rem}.midwife-chat-page-messages{padding:.75rem}.midwife-chat-page-input{padding:.75rem 1rem}.midwife-chat-page-send-btn{width:2.5rem;height:2.5rem}}.main-navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#edd4ed,#bcd9eb);border-bottom:1px solid #e5e7eb;box-shadow:0 4px 24px #43434914;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:100px;padding:0 32px;gap:15px}.main-navbar__toggle{display:none;background:none;border:none;color:#7f56d9;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.main-navbar__toggle:hover{background:#7f56d91a;color:#5b21b6}.main-navbar__logo{font-size:1.6rem;font-weight:900;color:#7f56d9;margin-right:48px;letter-spacing:.04em;font-family:Segoe UI,Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-navbar__menu{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.main-navbar__item{color:#222;text-decoration:none;font-weight:700;font-size:15px;padding:10px 22px;border-radius:999px;background:#ffffffb3;box-shadow:0 1px 4px #7f9cf50a;transition:color .18s,background .18s,box-shadow .18s,transform .18s;letter-spacing:.01em;display:inline-block;margin:0 2px;border:none;cursor:pointer}.main-navbar__item:hover,.main-navbar__item.active{color:#fffdfd;background:linear-gradient(90deg,#2d83ed,#1761bb);box-shadow:0 4px 16px #2e2e2e21}@media (max-width: 900px){.main-navbar{padding:0 16px;min-height:80px;justify-content:space-between}.main-navbar__toggle{display:block;order:1}.main-navbar__menu{position:absolute;top:100%;left:0;right:0;background:linear-gradient(90deg,#edd4ed,#bcd9eb);flex-direction:column;gap:0;padding:16px;box-shadow:0 4px 24px #43434926;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;border-top:1px solid #e5e7eb;order:2}.main-navbar__menu.open{transform:translateY(0);opacity:1;visibility:visible}.main-navbar__item{width:100%;text-align:center;margin:4px 0;padding:12px 16px;border-radius:8px;font-size:16px}}@media (max-width: 600px){.main-navbar{padding:0 12px;min-height:70px}.main-navbar__menu{padding:12px}.main-navbar__item{padding:10px 12px;font-size:15px}}.doctor-dashboard-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#eff6ff;color:#1f2937}.doctor-dashboard-container{max-width:80rem;margin:0 auto;padding:1rem}.doctor-dashboard{background-color:transparent;color:#1f2937;margin-bottom:0}.doctor-dashboard__header{text-align:center;margin-top:.25rem;margin-bottom:1.5rem;padding:3rem 2rem;background-image:url(/images/doctor-dashboard-banner.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.doctor-dashboard__header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;pointer-events:none}.doctor-dashboard__header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);pointer-events:none}.doctor-dashboard__welcome{position:relative;z-index:1}.doctor-dashboard__welcome h1{font-size:2.25rem;font-weight:700;color:#fff!important;margin-bottom:.75rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.doctor-dashboard__welcome p{color:#ffffffe6!important;font-weight:500;font-size:1.1rem;position:relative;z-index:1;max-width:600px;margin:0 auto;line-height:1.6}.doctor-dashboard__header-icon{display:inline-flex;width:3rem;height:3rem;background:#fff3;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.doctor-dashboard__header-icon svg{width:1.5rem;height:1.5rem;color:#fff}.doctor-dashboard__filter{position:relative;z-index:1;margin-top:1rem}.doctor-dashboard__filter select{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;background:#ffffff1a;font-size:.9rem;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.doctor-dashboard__filter select option{background:#fff;color:#1a1a1a}.doctor-dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.doctor-stat-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;border:1px solid #e5e7eb;border-left:4px solid;display:flex;align-items:center;gap:.75rem;transition:all .3s ease}.doctor-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#3b82f6}.doctor-stat-card--blue{border-left-color:#3b82f6}.doctor-stat-card--purple{border-left-color:#8b5cf6}.doctor-stat-card--pink{border-left-color:#ec4899}.doctor-stat-card--red{border-left-color:#ef4444}.doctor-stat-card--green{border-left-color:#10b981}.doctor-stat-card__icon{width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.doctor-stat-card--blue .doctor-stat-card__icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.doctor-stat-card--purple .doctor-stat-card__icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.doctor-stat-card--pink .doctor-stat-card__icon{background:linear-gradient(135deg,#ec4899,#db2777)}.doctor-stat-card--red .doctor-stat-card__icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.doctor-stat-card--green .doctor-stat-card__icon{background:linear-gradient(135deg,#10b981,#059669)}.doctor-stat-card__content{flex:1}.doctor-stat-card__title{font-size:.625rem;font-weight:600;color:#6b7280;margin:0 0 .125rem;text-transform:uppercase;letter-spacing:.05em}.doctor-stat-card__value{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .125rem}.doctor-dashboard__main-content{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.doctor-dashboard__main-content{grid-template-columns:2fr 1fr}}.doctor-dashboard__section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.doctor-dashboard__section h2{font-size:1.125rem;font-weight:600;color:#1f2937!important;margin:0 0 1rem}.doctor-appointments-list{display:flex;flex-direction:column;gap:.75rem}.doctor-appointment-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;background-color:#f9fafb;transition:background-color .2s ease;border:1px solid #e5e7eb}.doctor-appointment-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.doctor-appointment-item__icon{width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#fff;background:#3b82f6}.doctor-appointment-item__content{flex:1;display:flex;flex-direction:column;gap:.25rem}.doctor-appointment-item__time{font-size:.875rem;font-weight:600;color:#374151}.doctor-appointment-item__details{display:flex;flex-direction:column;gap:.125rem}.doctor-appointment-item__name{font-size:.875rem;font-weight:600;color:#1f2937;margin:0}.doctor-appointment-item__type{font-size:.75rem;color:#6b7280;margin:0}.doctor-appointment-item__status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.375rem;text-transform:capitalize}.doctor-appointment-item__status--confirmed{background-color:#d1fae5;color:#065f46}.doctor-appointment-item__status--pending{background-color:#fef3c7;color:#92400e}.doctor-appointment-item__status--cancelled{background-color:#fee2e2;color:#991b1b}.doctor-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.doctor-quick-action{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;border:none;border-radius:.5rem;background-color:#f9fafb;color:#374151;cursor:pointer;transition:all .2s ease;text-align:center}.doctor-quick-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.doctor-quick-action--blue:hover{background-color:#eff6ff;color:#1d4ed8}.doctor-quick-action--green:hover{background-color:#f0fdf4;color:#059669}.doctor-quick-action--purple:hover{background-color:#faf5ff;color:#7c3aed}.doctor-quick-action--pink:hover{background-color:#fdf2f8;color:#db2777}.doctor-quick-action__icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.doctor-quick-action--blue .doctor-quick-action__icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.doctor-quick-action--green .doctor-quick-action__icon{background:linear-gradient(135deg,#10b981,#059669)}.doctor-quick-action--purple .doctor-quick-action__icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.doctor-quick-action--pink .doctor-quick-action__icon{background:linear-gradient(135deg,#ec4899,#db2777)}.doctor-quick-action__title{font-size:.875rem;font-weight:500;line-height:1.25rem}.doctor-patients-list{display:flex;flex-direction:column;gap:1rem}.doctor-patient-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;background-color:#f9fafb;border:1px solid #e5e7eb;transition:all .2s ease}.doctor-patient-item:hover{background-color:#f3f4f6;border-color:#d1d5db;transform:translate(4px)}.doctor-patient-item__avatar{width:3rem;height:3rem;border-radius:50%;overflow:hidden;flex-shrink:0}.doctor-patient-item__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.doctor-patient-item__info{flex:1;display:flex;flex-direction:column;gap:.25rem}.doctor-patient-item__name{font-size:.875rem;font-weight:600;color:#1f2937;margin:0}.doctor-patient-item__age{font-size:.75rem;color:#6b7280;margin:0}.doctor-patient-item__condition{font-size:.75rem;color:#374151;margin:0}.doctor-patient-item__last-visit{font-size:.75rem;color:#6b7280;margin:0}.doctor-patient-item__action{padding:.5rem 1rem;border:none;border-radius:.375rem;background-color:#3b82f6;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.doctor-patient-item__action:hover{background-color:#2563eb}.doctor-calendar-widget{background-color:#f9fafb;border-radius:.5rem;padding:1rem;border:1px solid #e5e7eb}.doctor-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.doctor-calendar-nav{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.doctor-calendar-nav:hover{background-color:#e5e7eb;color:#374151}.doctor-calendar-header span{font-size:.875rem;font-weight:600;color:#374151}.doctor-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.doctor-calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.375rem;background-color:#fff;border:1px solid #e5e7eb;position:relative;transition:all .2s ease}.doctor-calendar-day:hover{background-color:#f3f4f6;border-color:#d1d5db}.doctor-day-number{font-size:.875rem;font-weight:600;color:#374151}.doctor-day-appointments{position:absolute;bottom:.25rem;right:.25rem}.doctor-appointment-dot{display:inline-block;width:.5rem;height:.5rem;background-color:#3b82f6;border-radius:50%;font-size:.5rem;color:#fff;text-align:center;line-height:.5rem}@media (max-width: 768px){.doctor-dashboard-container{padding:.5rem}.doctor-dashboard__header{padding:2rem 1rem}.doctor-dashboard__welcome h1{font-size:1.875rem}.doctor-dashboard__welcome p{font-size:1rem}.doctor-dashboard__stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.doctor-quick-actions{grid-template-columns:repeat(2,1fr)}.doctor-calendar-grid{gap:.25rem}}@media (max-width: 480px){.doctor-dashboard__stats,.doctor-quick-actions{grid-template-columns:1fr}.doctor-calendar-grid{grid-template-columns:repeat(7,1fr);gap:.125rem}}.date-filter-controls{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#f0f9ff}.filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.custom-date-inputs{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.date-input{padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;background:#fff;transition:border-color .2s ease}.no-appointments,.no-patients{text-align:center;padding:3rem 2rem;color:#9ca3af}.no-appointments svg,.no-patients svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-appointments p,.no-patients p{margin:0;font-size:1rem}.trends-container{padding:1rem 0}.trend-chart h4,.monthly-chart h4{margin:0 0 1rem;color:#1f2937;font-size:1.125rem;font-weight:600}.trend-bars,.monthly-bars{display:flex;gap:1rem;align-items:end;justify-content:space-between;height:120px}.trend-bar,.monthly-bar{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.bar-label{font-size:.75rem;color:#6b7280;font-weight:500}.bar-container{width:100%;height:80px;display:flex;align-items:end;justify-content:center}.bar-fill{width:100%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:.25rem .25rem 0 0;min-height:20px;transition:all .3s ease}.bar-fill.monthly{background:linear-gradient(135deg,#10b981,#059669)}.bar-value{font-size:.875rem;color:#374151;font-weight:600}.monthly-overview{padding:1rem 0}.monthly-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.monthly-stat{padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:.5rem;text-align:center}.stat-label{display:block;font-size:.75rem;color:#6b7280;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#1f2937}.doctor-patients-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#eff6ff;color:#1f2937}.doctor-patients-container{max-width:80rem;margin:0 auto;padding:1rem}.doctor-patients{background-color:transparent;color:#1f2937;margin-bottom:0}.doctor-patients__header{text-align:center;margin-top:.25rem;margin-bottom:1.5rem;padding:3rem 2rem;background-image:url(https://www.publichealth.hscni.net/sites/default/files/inline-images/midwife%20comc.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.doctor-patients__header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;pointer-events:none}.doctor-patients__header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);pointer-events:none}.doctor-patients__welcome{position:relative;z-index:1}.doctor-patients__welcome h1{font-size:2.25rem;font-weight:700;color:#fff!important;margin-bottom:.75rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.doctor-patients__welcome p{color:#ffffffe6!important;font-weight:500;font-size:1.1rem;position:relative;z-index:1;max-width:600px;margin:0 auto;line-height:1.6}.doctor-patients__header-icon{display:inline-flex;width:3rem;height:3rem;background:#fff3;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.doctor-patients__header-icon svg{width:1.5rem;height:1.5rem;color:#fff}.doctor-patients__controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.doctor-patients__search{flex:1;min-width:300px}.doctor-search-icon{position:absolute;left:1rem;color:#6b7280;z-index:10}.doctor-patients__filters{display:flex;gap:.5rem}.doctor-status-filter{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease}.doctor-add-patient-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.doctor-add-patient-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.doctor-patients__content{background-color:transparent}.doctor-patients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.doctor-patient-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease}.doctor-patient-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#3b82f6}.doctor-patient-card__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.doctor-patient-card__avatar{width:3rem;height:3rem;border-radius:50%;overflow:hidden;border:3px solid white;box-shadow:0 2px 8px #0000001a}.doctor-patient-card__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.doctor-patient-status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff;text-transform:capitalize;box-shadow:0 1px 3px #0000001a}.doctor-patient-card__body{padding:1rem 1.5rem}.doctor-patient-card__name{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.doctor-patient-card__info{display:flex;flex-direction:column;gap:.75rem}.doctor-patient-info-item{display:flex;align-items:center;gap:.75rem;color:#6b7280;font-size:.875rem}.doctor-patient-info-item svg{color:#9ca3af;flex-shrink:0}.doctor-patient-card__actions{display:flex;gap:.5rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #e2e8f0;background-color:#f9fafb}.doctor-patient-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.doctor-patient-action-btn--view{background-color:#3b82f6;color:#fff}.doctor-patient-action-btn--view:hover{background-color:#2563eb;transform:translateY(-1px)}.doctor-patient-action-btn--edit{background-color:#f59e0b;color:#fff}.doctor-patient-action-btn--edit:hover{background-color:#d97706;transform:translateY(-1px)}.doctor-patient-action-btn--message{background-color:#8b5cf6;color:#fff}.doctor-patient-action-btn--message:hover{background-color:#7c3aed;transform:translateY(-1px)}.doctor-no-patients{text-align:center;padding:4rem 2rem;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.doctor-no-patients-icon{color:#9ca3af;margin-bottom:1rem}.doctor-no-patients h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.doctor-no-patients p{color:#6b7280;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease}.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.modal-description{color:#6b7280;margin-bottom:1.5rem;font-size:.875rem}.available-moms-list{display:flex;flex-direction:column;gap:1rem}.mom-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#f9fafb;transition:all .2s ease}.mom-item:hover{border-color:#3b82f6;background-color:#f0f9ff}.mom-info h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.mom-info p{font-size:.875rem;color:#6b7280;margin:.25rem 0}.assign-patient-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.assign-patient-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.assign-patient-btn:disabled{opacity:.6;cursor:not-allowed}.no-moms-available{text-align:center;padding:2rem;color:#6b7280}.no-moms-available p{margin:0;font-size:.875rem}@media (max-width: 768px){.doctor-patients-container{padding:.5rem}.doctor-patients__header{padding:2rem 1rem}.doctor-patients__welcome h1{font-size:1.875rem}.doctor-patients__welcome p{font-size:1rem}.doctor-patients__controls{flex-direction:column;align-items:stretch;gap:1rem}.doctor-patients__search{min-width:auto}.doctor-patients__filters{justify-content:center}.doctor-patients-grid{grid-template-columns:1fr;gap:1rem}.doctor-patient-card__actions{flex-direction:column}.modal-content{margin:1rem;max-height:90vh}.mom-item{flex-direction:column;align-items:stretch;gap:1rem}.assign-patient-btn{justify-content:center}}@media (max-width: 480px){.doctor-patients__header{padding:1.5rem .75rem}.doctor-patients__welcome h1{font-size:1.5rem}.doctor-patients__welcome p{font-size:.875rem}.doctor-patients__controls{padding:1rem}.doctor-patient-card__header,.doctor-patient-card__body,.doctor-patient-card__actions{padding-left:1rem;padding-right:1rem}.modal-header,.modal-body{padding:1rem}}.appointments-calendar{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#eff6ff;color:#1f2937}.appointments-calendar-container{max-width:80rem;margin:0 auto;padding:1rem}.appointments-calendar-content{display:flex;flex-direction:column;gap:1.5rem}.appointments-calendar__content-wrapper{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media (min-width: 1024px){.appointments-calendar__content-wrapper{grid-template-columns:2fr 1fr;align-items:stretch}}.appointments-calendar__calendar-section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.appointments-calendar__requests-section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;height:100%;min-height:600px;display:flex;flex-direction:column}.appointments-calendar__requests-section h3{margin-top:0;margin-bottom:1rem;font-size:1.125rem;font-weight:600;color:#1f2937}.appointments-calendar__requests-list{flex:1;overflow-y:auto;margin-bottom:1rem}.appointments-calendar__show-more-container{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid #e5e7eb}.appointments-calendar__show-more-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;border:none;border-radius:.375rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.appointments-calendar__show-more-btn:hover{background:#2563eb}.appointments-calendar__show-more-btn:active{transform:translateY(1px)}.appointments-calendar__header{text-align:center;margin-top:.25rem;margin-bottom:1.5rem;padding:3rem 2rem;background-image:url(/images/doctor-dashboard-banner.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.appointments-calendar__header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;pointer-events:none}.appointments-calendar__header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);pointer-events:none}.appointments-calendar__welcome{position:relative;z-index:1}.appointments-calendar__welcome h1{font-size:2.25rem;font-weight:700;color:#fff!important;margin-bottom:.75rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.appointments-calendar__welcome p{color:#ffffffe6!important;font-weight:500;font-size:1.1rem;position:relative;z-index:1;max-width:600px;margin:0 auto;line-height:1.6}.appointments-calendar__header-icon{display:inline-flex;width:3rem;height:3rem;background:#fff3;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.appointments-calendar__header-icon svg{width:1.5rem;height:1.5rem;color:#fff}.appointments-calendar__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.appointments-calendar__section-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.appointments-calendar__section-header h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.view-toggle{display:flex;gap:.5rem}.toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.toggle-btn.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.toggle-btn.active:hover{background-color:#2563eb}.appointments-view-all-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.appointments-calendar__request-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;background-color:#f9fafb;border:1px solid #e5e7eb;margin-bottom:.75rem;transition:all .2s ease}.appointments-calendar__request-item:hover{background-color:#f3f4f6;border-color:#d1d5db;transform:translate(4px)}.appointments-calendar__request-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151;min-width:80px}.appointments-calendar__request-content{flex:1}.appointments-calendar__request-name{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.appointments-calendar__request-type{font-size:.75rem;color:#6b7280;margin:0}.appointments-calendar__request-status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.appointments-calendar__request-status--confirmed{background-color:#d1fae5;color:#065f46}.appointments-calendar__request-status--pending{background-color:#fef3c7;color:#92400e}.appointments-calendar__request-status--cancelled{background-color:#fee2e2;color:#991b1b}.appointments-calendar__request-status--scheduled{background-color:#dbeafe;color:#1e40af}.appointments-calendar__no-requests{text-align:center;padding:2rem 1rem;color:#6b7280}.appointments-calendar__no-requests-icon{color:#9ca3af;margin-bottom:1rem}.appointments-calendar__no-requests p{font-size:.9rem;margin:0;opacity:.8;font-style:italic}@media (max-width: 768px){.appointments-calendar-container{padding:.5rem}.appointments-calendar__header{padding:2rem 1rem}.appointments-calendar__welcome h1{font-size:1.875rem}.appointments-calendar__welcome p{font-size:1rem}.appointments-calendar__section-header{flex-direction:column;align-items:stretch;gap:1rem}.view-toggle{justify-content:center}.appointments-calendar__content-wrapper{grid-template-columns:1fr}.appointments-calendar__requests-section{min-height:auto}}@media (max-width: 480px){.appointments-calendar__header{padding:1.5rem .75rem}.appointments-calendar__welcome h1{font-size:1.5rem}.appointments-calendar__welcome p{font-size:.875rem}.appointments-calendar__calendar-section,.appointments-calendar__requests-section{padding:1rem}.toggle-btn{padding:.5rem .75rem;font-size:.8rem}}.appointments-section{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.appointments-section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.appointments-section-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.appointments-view-all-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.appointments-view-all-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.calendar-view{padding:1.5rem}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background-color:#f8fafc;border-radius:.5rem;border:1px solid #e5e7eb}.calendar-nav-btn{background:#fff;border:1px solid #d1d5db;width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;font-size:1.25rem;color:#374151;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.calendar-nav-btn:hover{background:#f3f4f6;border-color:#9ca3af;transform:scale(1.1)}.calendar-header h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.calendar-grid{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;background:#fff}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#f9fafb;border-bottom:1px solid #e5e7eb}.weekday{padding:1rem .5rem;text-align:center;font-weight:600;color:#374151;font-size:.875rem;border-right:1px solid #e5e7eb;background:#f3f4f6}.weekday:last-child{border-right:none}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{aspect-ratio:1;padding:.5rem;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease;position:relative;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:#f9fafb;transform:scale(1.02)}.calendar-day.today{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.calendar-day.today .day-number{color:#fff;font-weight:700}.calendar-day.selected{background:#3b82f61a;border:2px solid #3b82f6}.calendar-day.other-month{background:#f9fafb;color:#9ca3af}.day-number{font-weight:600;color:#1f2937;margin-bottom:.5rem;font-size:1rem}.appointment-indicators{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-top:auto;width:100%}.appointment-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6}.more-appointments{font-size:.7rem;color:#6b7280;font-weight:500;margin-left:.25rem}.selected-date-appointments{margin-top:2rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden}.selected-date-appointments h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb}.appointments-list{padding:1.5rem}.appointment-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;margin-bottom:1rem;transition:all .2s ease}.appointment-item:hover{transform:translate(5px);box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}.appointment-item:last-child{margin-bottom:0}.appointment-time{font-weight:600;color:#3b82f6;background:#3b82f61a;padding:.5rem;border-radius:.375rem;text-align:center;min-width:80px}.duration{font-size:.8rem;opacity:.9;display:block;margin-top:.25rem}.appointment-details{flex:1}.appointment-details h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.appointment-details p{color:#6b7280;font-size:.875rem;margin:0 0 .25rem}.appointment-details .notes{font-style:italic;color:#9ca3af;font-size:.8rem}.appointment-status{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.status-badge,.priority-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize;color:#fff}.status-badge{background-color:#10b981}.priority-badge{background-color:#6b7280}@media (max-width: 768px){.appointments-section-header{flex-direction:column;align-items:stretch;gap:1rem}.calendar-header{flex-direction:column;gap:1rem;text-align:center}.calendar-day{font-size:.8rem;padding:.25rem}.day-number{font-size:.875rem}.appointment-item{flex-direction:column;align-items:stretch;text-align:center}.appointment-status{align-items:center}}@media (max-width: 480px){.calendar-view{padding:1rem}.calendar-header{padding:.75rem}.calendar-header h2{font-size:1.25rem}.weekday{padding:.75rem .25rem;font-size:.8rem}.calendar-day{padding:.25rem}.appointment-dot{width:6px;height:6px}}.appointments-section{background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.appointments-section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.appointments-section-header h2{font-size:1.25rem;font-weight:600;color:#374151;margin:0}.appointments-view-all-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.appointments-view-all-btn:hover{background:#2563eb}.list-view{padding:0}.table-header{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr 1fr;background:#f9fafb;border-bottom:1px solid #e5e7eb}.table-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr 1fr;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.no-appointments{text-align:center;padding:3rem 2rem}@media (max-width: 768px){.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.header-cell{display:none}.table-cell{padding:.5rem;border-bottom:1px solid #f3f4f6}.datetime-cell,.patient-cell,.type-cell,.duration-cell,.status-cell,.priority-cell{justify-content:space-between}.datetime-cell:before{content:"Date & Time: ";font-weight:600;color:#374151}.patient-cell:before{content:"Patient: ";font-weight:600;color:#374151}.type-cell:before{content:"Type: ";font-weight:600;color:#374151}.duration-cell:before{content:"Duration: ";font-weight:600;color:#374151}.status-cell:before{content:"Status: ";font-weight:600;color:#374151}.priority-cell:before{content:"Priority: ";font-weight:600;color:#374151}.actions-cell{justify-content:center;padding-top:1rem}}.appointment-modal-overlay,.delete-modal-overlay,.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.appointment-modal,.delete-modal,.edit-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.appointment-modal__header,.delete-modal__header,.edit-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.appointment-modal__header h2,.delete-modal__header h2,.edit-modal__header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s}.close-btn:hover{background-color:#f3f4f6;color:#374151}.appointment-modal__content,.delete-modal__content,.edit-modal__content{padding:1.5rem}.info-row{display:flex;align-items:center;gap:1rem}.info-row label{font-weight:600;color:#374151;min-width:100px}.patient-info img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.appointment-modal__actions{display:flex;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.delete-warning{text-align:center;padding:1rem 0}.delete-warning h3{margin:0 0 .5rem;color:#111827;font-size:1.25rem}.delete-warning p{margin:0 0 1rem;color:#6b7280}.appointment-summary{background-color:#f9fafb;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;text-align:left;color:#374151;line-height:1.6}.delete-modal__actions{display:flex;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.edit-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.edit-form .form-group{display:flex;flex-direction:column;gap:.5rem}.edit-form .form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151}.edit-form .form-group label svg{color:#6b7280;flex-shrink:0}.edit-form .form-input,.edit-form .form-select,.edit-form .form-textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:border-color .2s;width:100%;box-sizing:border-box}.edit-form .form-input:focus,.edit-form .form-select:focus,.edit-form .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.edit-form .form-textarea{resize:vertical;min-height:100px}.edit-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.success-message{display:flex;align-items:center;gap:.75rem;background-color:#d1fae5;color:#065f46;padding:1rem 1.5rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid #a7f3d0;animation:slideIn .3s ease-out}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-outline{background-color:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.new-appointment__form-container{background:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;width:100%;max-width:100%}.new-appointment__form-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.back-button:hover{background:#e5e7eb;border-color:#9ca3af}.new-appointment__form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-group label svg{color:#6b7280;flex-shrink:0}.search-container{position:relative;margin-bottom:.5rem;width:100%}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:1}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#f9fafb}.search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-input,.form-select,.form-textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;transition:all .2s;width:100%;box-sizing:border-box}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;width:100%}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.new-appointment__form-container{padding:1.5rem}}.section-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;width:100%}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.back-btn:hover{background:#e5e7eb;border-color:#9ca3af}.filter-section{background:#fff;border-radius:.5rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;width:100%}.filter-controls{display:flex;flex-direction:column;gap:1.5rem;width:100%}.filter-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.filter-group label{font-weight:600;color:#374151;font-size:.875rem}.filter-select{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;transition:all .2s;width:100%;box-sizing:border-box}.custom-date-filters{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.date-input-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.date-input-group label{font-weight:600;color:#374151;font-size:.875rem}.date-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;transition:all .2s;width:100%;box-sizing:border-box}.date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-summary{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;width:100%}.appointment-count{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#3b82f6;font-size:.875rem}.appointment-count svg{color:#3b82f6;flex-shrink:0}.filter-info{color:#6b7280;font-size:.875rem}.appointments-container{background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;width:100%}.appointments-table{width:100%}.table-header{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr 1fr;background:#f9fafb;border-bottom:1px solid #e5e7eb;width:100%}.header-cell{padding:1rem;font-weight:600;color:#374151;font-size:.875rem;text-align:left}.table-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr 1fr;border-bottom:1px solid #f3f4f6;transition:background-color .2s;width:100%}.table-row:hover{background:#f9fafb}.table-cell{padding:1rem;display:flex;align-items:center;gap:.5rem}.datetime-cell{flex-direction:column;align-items:flex-start;gap:.25rem}.date-info,.time-info{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151}.date-info svg,.time-info svg{color:#6b7280;flex-shrink:0}.duration-info{font-size:.75rem;color:#6b7280}.patient-cell{gap:.75rem}.patient-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;flex-shrink:0}.patient-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.patient-details{display:flex;flex-direction:column;gap:.25rem}.patient-name{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151}.patient-name svg{color:#6b7280;flex-shrink:0}.patient-id{font-size:.75rem;color:#6b7280;font-family:monospace}.appointment-type{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151}.appointment-type svg{color:#6b7280;flex-shrink:0}.status-badge,.priority-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff;text-transform:capitalize}.action-buttons{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;color:#fff}.view-btn{background:#3b82f6}.view-btn:hover{background:#2563eb}.edit-btn{background:#f59e0b}.edit-btn:hover{background:#d97706}.delete-btn{background:#ef4444}.delete-btn:hover{background:#dc2626}.no-appointments{text-align:center;padding:3rem 2rem;width:100%}.no-appointments-icon{color:#9ca3af;margin-bottom:1rem}.no-appointments h3{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.no-appointments p{color:#6b7280;margin-bottom:1.5rem}.create-appointment-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.create-appointment-btn:hover{background:#2563eb}.create-appointment-btn svg{color:#fff;flex-shrink:0}.appointment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.appointment-modal{background:#fff;border-radius:.5rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.appointment-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.appointment-modal__header h2{font-size:1.25rem;font-weight:600;color:#374151;margin:0}.close-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:#f3f4f6;border-radius:.375rem;cursor:pointer;transition:all .2s;color:#6b7280}.close-btn:hover{background:#e5e7eb;color:#374151}.appointment-modal__content{padding:1.5rem}.appointment-info{display:flex;flex-direction:column;gap:1rem}.info-row label{font-weight:600;color:#374151;min-width:120px}.patient-info img{width:2rem;height:2rem;border-radius:50%}.appointment-modal__actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-outline{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}@media (max-width: 1024px){.table-header,.table-row{grid-template-columns:1fr 1.5fr 1fr 1fr 1fr 1fr 1.5fr}}@media (max-width: 768px){.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.header-cell{display:none}.table-cell{padding:.5rem;border-bottom:1px solid #f3f4f6}.datetime-cell,.patient-cell,.type-cell,.duration-cell,.status-cell,.priority-cell{justify-content:space-between}.datetime-cell:before{content:"Date & Time: ";font-weight:600;color:#374151}.patient-cell:before{content:"Patient: ";font-weight:600;color:#374151}.type-cell:before{content:"Type: ";font-weight:600;color:#374151}.duration-cell:before{content:"Duration: ";font-weight:600;color:#374151}.status-cell:before{content:"Status: ";font-weight:600;color:#374151}.priority-cell:before{content:"Priority: ";font-weight:600;color:#374151}.actions-cell{justify-content:center;padding-top:1rem}.custom-date-filters{grid-template-columns:1fr}.appointment-modal__actions{flex-direction:column}}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.delete-modal{background:#fff;border-radius:.5rem;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #0000001a}.delete-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fef2f2}.delete-modal__header h2{font-size:1.25rem;font-weight:600;color:#dc2626;margin:0}.delete-modal__content{padding:1.5rem}.delete-warning{text-align:center}.delete-icon{color:#ef4444;margin-bottom:1rem}.delete-warning h3{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:.75rem}.delete-warning p{color:#6b7280;margin-bottom:1.5rem;line-height:1.5}.appointment-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;text-align:left;color:#374151;font-size:.875rem;line-height:1.6}.delete-modal__actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.edit-modal{background:#fff;border-radius:.5rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.edit-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f0f9ff}.edit-modal__header h2{font-size:1.25rem;font-weight:600;color:#0369a1;margin:0}.edit-modal__content{padding:1.5rem}.edit-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;font-size:.875rem}.form-group label svg{color:#6b7280}.form-input,.form-select,.form-textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:100px}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.delete-modal,.edit-modal{margin:1rem;max-height:calc(100vh - 2rem)}.delete-modal__actions,.form-actions{flex-direction:column}.form-row{grid-template-columns:1fr}}.success-message{background:#d1fae5;border:1px solid #10b981;color:#065f46;padding:1rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;margin:1rem 0;display:flex;align-items:center;gap:.5rem;animation:slideIn .3s ease-out}.success-message svg{color:#10b981;flex-shrink:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reschedule-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.reschedule-modal{background:#fff;border-radius:.5rem;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #0000001a}.reschedule-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f0f9ff}.reschedule-modal__header h2{font-size:1.25rem;font-weight:600;color:#0369a1;margin:0}.reschedule-modal__content{padding:1.5rem}.reschedule-form{display:flex;flex-direction:column;gap:1.5rem}.reschedule-form .form-group{display:flex;flex-direction:column;gap:.5rem}.reschedule-form .form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;font-size:.875rem}.reschedule-form .form-group label svg{color:#6b7280;flex-shrink:0}.reschedule-form .form-input,.reschedule-form .form-select{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;transition:all .2s;width:100%;box-sizing:border-box}.reschedule-form .form-input:focus,.reschedule-form .form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.reschedule-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.reschedule-modal{margin:1rem;max-height:calc(100vh - 2rem)}.reschedule-form .form-actions{flex-direction:column}}.filter-controls{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#374151;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.filter-icon{width:1rem;height:1rem;color:#6b7280}.filter-select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.95rem;background:#fff;color:#374151;transition:all .3s ease;min-width:200px}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-summary{display:flex;flex-direction:column;gap:.25rem;text-align:right}.request-count{font-size:1.25rem;font-weight:700;color:#3b82f6;display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.count-icon{width:1.25rem;height:1.25rem}.filter-info{font-size:.9rem;color:#6b7280;font-weight:500}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;background:#fff;transition:all .3s ease}.request-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#3b82f6}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.patient-avatar{width:3rem;height:3rem;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280}.patient-avatar svg{width:1.5rem;height:1.5rem}.patient-details p{margin:0;color:#6b7280;font-size:.875rem}.request-meta{display:flex;gap:.75rem;flex-direction:column;align-items:flex-end}.status-badge,.urgency-badge{padding:.5rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff;text-align:center;min-width:80px;display:flex;align-items:center;gap:.25rem}.status-icon,.urgency-icon{width:.875rem;height:.875rem}.request-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.request-details{flex:1}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.detail-row:last-child{border-bottom:none}.detail-row label{font-weight:600;color:#374151;min-width:120px;display:flex;align-items:center;gap:.5rem}.detail-icon{width:1rem;height:1rem;color:#6b7280}.detail-row span{color:#6b7280;text-align:right;flex:1}.request-actions{display:flex;flex-direction:column;gap:1rem;min-width:200px;align-self:flex-start;margin-top:1rem}.action-btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.action-icon{width:1rem;height:1rem}.approve-btn{background:#3b82f6;color:#fff}.approve-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 30px #3b82f64d}.doctor-response{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;margin-top:1rem}.doctor-response h4{margin:0 0 .75rem;color:#1f2937;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.response-icon{width:1rem;height:1rem;color:#10b981}.doctor-response p{margin:0 0 .5rem;color:#6b7280;font-size:.875rem}.doctor-response p:last-child{margin-bottom:0}.no-requests{text-align:center;padding:4rem 2rem;color:#6b7280}.no-requests-icon{font-size:4rem;margin-bottom:1rem;opacity:.5;color:#9ca3af}.no-requests h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.no-requests p{font-size:1rem;margin:0;opacity:.8}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.response-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.response-modal{background:#fff;border-radius:.5rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease-out}.response-modal__header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.response-modal__header h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.response-modal__content{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.form-icon{width:1rem;height:1rem;color:#6b7280}.form-select,.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;background:#fff;color:#374151;transition:all .2s ease}.form-select:focus,.form-input:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:80px}.response-modal__actions{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end}.btn-icon{width:1rem;height:1rem}@media (max-width: 1024px){.filter-controls{flex-direction:column;align-items:stretch}.filter-summary{text-align:left}.request-content{flex-direction:column;gap:1rem}.request-actions{min-width:auto}}@media (max-width: 768px){.filter-section,.requests-list,.request-card{padding:1rem}.request-header{flex-direction:column;gap:1rem;align-items:flex-start}.request-meta{align-items:flex-start}.response-modal{margin:1rem;max-height:calc(100vh - 2rem)}.response-modal__actions{flex-direction:column}.btn{width:100%}}.doctor-prescriptions-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#eff6ff;color:#1f2937}.doctor-prescriptions-container{max-width:80rem;margin:0 auto;padding:1rem}.doctor-prescriptions{background-color:transparent;color:#1f2937;margin-bottom:0}.doctor-prescriptions__header{text-align:center;margin-top:.25rem;margin-bottom:1.5rem;padding:3rem 2rem;background-image:url(/images/prescription.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.doctor-prescriptions__header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;pointer-events:none}.doctor-prescriptions__header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);pointer-events:none}.doctor-prescriptions__welcome{position:relative;z-index:1}.doctor-prescriptions__welcome h1{font-size:2.25rem;font-weight:700;color:#fff!important;margin-bottom:.75rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.doctor-prescriptions__welcome p{color:#ffffffe6!important;font-weight:500;font-size:1.1rem;position:relative;z-index:1;max-width:600px;margin:0 auto;line-height:1.6}.doctor-prescriptions__header-icon{display:inline-flex;width:3rem;height:3rem;background:#fff3;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.doctor-prescriptions__header-icon svg{width:1.5rem;height:1.5rem;color:#fff}.doctor-prescriptions__controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.doctor-prescriptions__search{flex:1;min-width:300px}.doctor-search-input{position:relative;display:flex;align-items:center}.doctor-search-icon{position:absolute;left:1rem;color:#9ca3af;z-index:10}.doctor-search-field{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s ease}.doctor-search-field:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.doctor-prescriptions__filters{display:flex;gap:.5rem}.doctor-status-filter{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.doctor-status-filter:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.doctor-add-prescription-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.doctor-add-prescription-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.doctor-add-prescription-btn:active{transform:translateY(0)}.doctor-prescriptions__content{background-color:transparent}.doctor-prescriptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.doctor-prescription-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s ease}.doctor-prescription-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#d1d5db}.doctor-prescription-card__header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.doctor-prescription-card__avatar{width:3rem;height:3rem;border-radius:50%;overflow:hidden;border:2px solid #e5e7eb}.doctor-prescription-card__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.doctor-prescription-status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize;color:#fff;box-shadow:0 1px 2px #0000001a}.doctor-prescription-card__body{padding:1rem 1.5rem}.doctor-prescription-card__name{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.doctor-prescription-card__info{display:flex;flex-direction:column;gap:.75rem}.doctor-prescription-info-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#6b7280}.doctor-prescription-info-item svg{color:#9ca3af;flex-shrink:0}.doctor-prescription-info-item span{color:#374151;font-weight:500}.doctor-prescription-card__actions{display:flex;gap:.5rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #f3f4f6;background-color:#fafafa}.doctor-prescription-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.doctor-prescription-action-btn:hover{background-color:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.doctor-prescription-action-btn--view{color:#2563eb;border-color:#bfdbfe}.doctor-prescription-action-btn--view:hover{background-color:#eff6ff;border-color:#93c5fd}.doctor-prescription-action-btn--edit{color:#059669;border-color:#a7f3d0}.doctor-prescription-action-btn--edit:hover{background-color:#f0fdf4;border-color:#86efac}.doctor-prescription-action-btn--delete{color:#dc2626;border-color:#fecaca}.doctor-prescription-action-btn--delete:hover{background-color:#fef2f2;border-color:#fca5a5}.doctor-no-prescriptions{text-align:center;padding:4rem 2rem;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.doctor-no-prescriptions-icon{color:#9ca3af;margin-bottom:1.5rem}.doctor-no-prescriptions h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.doctor-no-prescriptions p{color:#6b7280;font-size:.875rem;margin:0;opacity:.8}.prescription-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.prescription-modal{background:#fff;border-radius:.75rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;border:1px solid #e5e7eb}.prescription-modal__header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background-color:#f9fafb}.prescription-modal__header h2{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.close-btn{background:#ef44441a;color:#dc2626;border:none;width:2rem;height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#ef444433;transform:scale(1.1)}.prescription-modal__content{padding:1.5rem}.prescription-info{margin-bottom:2rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.info-row:last-child{border-bottom:none}.info-row label{font-weight:600;color:#6b7280;min-width:120px}.info-row span{color:#1f2937;text-align:right}.patient-info{display:flex;align-items:center;gap:.75rem}.patient-info img{width:2rem;height:2rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid #e5e7eb}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize;color:#fff}.medications-section{margin-top:1.5rem}.medications-section h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.medication-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.medication-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.medication-header h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.medication-dosage{background-color:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.medication-details p{margin:.25rem 0;font-size:.875rem;color:#6b7280}.medication-details strong{color:#374151}.prescription-modal__actions{padding:1rem 1.5rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;background-color:#f9fafb}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.btn-secondary{background:#10b981;color:#fff}.btn-secondary:hover{background:#059669;transform:translateY(-1px)}@media (max-width: 768px){.doctor-prescriptions-container{padding:.5rem}.doctor-prescriptions__header{padding:2rem 1rem}.doctor-prescriptions__welcome h1{font-size:1.875rem}.doctor-prescriptions__welcome p{font-size:1rem}.doctor-prescriptions__controls{flex-direction:column;align-items:stretch;gap:1rem}.doctor-prescriptions__search{min-width:auto}.doctor-prescriptions-grid{grid-template-columns:1fr;gap:1rem}.prescription-modal{margin:1rem;max-height:calc(100vh - 2rem)}.prescription-modal__header,.prescription-modal__content,.prescription-modal__actions{padding:1rem}.info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.prescription-modal__actions{flex-direction:column}}@media (max-width: 480px){.doctor-prescriptions__header{padding:1.5rem .75rem}.doctor-prescriptions__welcome h1{font-size:1.5rem}.doctor-prescriptions__welcome p{font-size:.875rem}.doctor-prescription-card__header,.doctor-prescription-card__body,.doctor-prescription-card__actions{padding:1rem}.doctor-prescription-card__actions{flex-direction:column}.doctor-prescription-action-btn{justify-content:center}}.medical-records-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-box{position:relative;flex:1;max-width:500px}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;background:#fff;transition:border-color .2s ease}.search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;width:1rem;height:1rem}.filters select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;background:#fff;color:#374151;transition:border-color .2s ease;min-width:150px}.filters select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.new-record-btn{display:flex;align-items:center;gap:.5rem;background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #3b82f64d}.new-record-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.new-record-btn svg{width:1rem;height:1rem}.medical-records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.medical-record-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;background:#fff;transition:all .3s ease}.medical-record-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#3b82f6}.record-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.patient-info{display:flex;align-items:center;gap:1rem}.patient-avatar{width:3rem;height:3rem;border-radius:50%;-o-object-fit:cover;object-fit:cover}.patient-details h3{margin:0 0 .25rem;color:#1f2937;font-size:1.125rem;font-weight:600}.record-type{margin:0 0 .25rem;color:#3b82f6;font-size:.875rem;font-weight:500}.record-category{margin:0;color:#6b7280;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.record-meta{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;text-align:right}.record-date,.record-doctor{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.75rem;font-weight:500}.meta-icon{width:.875rem;height:.875rem}.record-summary{margin-bottom:1rem}.record-summary p{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5}.record-tests{margin-bottom:1.5rem}.record-tests h4{margin:0 0 .75rem;color:#1f2937;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.test-icon{width:1rem;height:1rem;color:#6b7280}.test-list{display:flex;flex-direction:column;gap:.5rem}.test-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.test-name{font-size:.75rem;color:#374151;font-weight:500}.test-result{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem}.test-result.normal{background:#d1fae5;color:#065f46}.test-result.abnormal{background:#fee2e2;color:#991b1b}.more-tests{font-size:.75rem;color:#6b7280;font-style:italic;text-align:center;padding:.5rem}.record-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center;min-width:0}.action-btn svg{width:.875rem;height:.875rem}.view-btn{background:#3b82f6;color:#fff}.view-btn:hover{background:#2563eb;transform:translateY(-1px)}.edit-btn{background:#f59e0b;color:#fff}.edit-btn:hover{background:#d97706;transform:translateY(-1px)}.download-btn{background:#10b981;color:#fff}.download-btn:hover{background:#059669;transform:translateY(-1px)}.no-records{text-align:center;padding:4rem 2rem;color:#6b7280}.no-records-icon{font-size:4rem;margin-bottom:1rem;opacity:.5;color:#9ca3af}.no-records h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.no-records p{font-size:1rem;margin:0;opacity:.8}.record-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.record-modal{background:#fff;border-radius:.5rem;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.record-modal__header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.record-modal__header h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.modal-icon{width:1.25rem;height:1.25rem;color:#3b82f6}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#f3f4f6;color:#374151}.close-btn svg{width:1.25rem;height:1.25rem}.record-modal__content{padding:1.5rem}.record-detail-section{margin-bottom:2rem}.record-detail-section:last-child{margin-bottom:0}.record-detail-section h3{margin:0 0 1rem;color:#1f2937;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.section-icon{width:1rem;height:1rem;color:#6b7280}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detail-item span{font-size:.875rem;color:#1f2937;font-weight:500}.record-detail-section p{margin:0;color:#6b7280;font-size:.875rem;line-height:1.6}.test-detail-list{display:flex;flex-direction:column;gap:.75rem}.test-detail-item{padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.test-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.test-detail-item .test-name{font-size:.875rem;color:#374151;font-weight:600}.test-detail-item .test-result{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:.375rem}.test-status{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.record-modal__actions{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end}.btn{padding:.75rem 1.5rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-outline{background:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width: 1024px){.medical-records-controls{flex-direction:column;align-items:stretch}.search-box{max-width:none}.medical-records-grid{grid-template-columns:1fr}}@media (max-width: 768px){.record-header{flex-direction:column;gap:1rem;align-items:flex-start}.record-meta{align-items:flex-start;text-align:left}.record-actions{flex-direction:column}.action-btn{width:100%}.record-modal{margin:1rem;max-height:calc(100vh - 2rem)}.record-modal__actions{flex-direction:column}.btn{width:100%}.detail-grid{grid-template-columns:1fr}}.analytics-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#eff6ff;color:#1f2937}.analytics-container{max-width:80rem;margin:0 auto;padding:1rem}.analytics-content{display:flex;flex-direction:column;gap:1.5rem}.analytics-header{background-image:url(/images/doctor-dashboard-banner.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;padding:3rem 2rem;border-radius:1rem;margin-bottom:2rem;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.analytics-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;border-radius:1rem;z-index:1}.analytics-header-icon{position:relative;z-index:2;width:4rem;height:4rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.analytics-header-icon svg{color:#fff;font-size:1.5rem}.analytics-title{position:relative;z-index:2;text-align:center}.analytics-title h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .75rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.analytics-title p{color:#ffffffe6;font-size:1.1rem;margin:0;font-weight:400}.analytics-controls{position:relative;z-index:1;margin-top:1rem}.analytics-date-selector{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;background:#ffffff1a;color:#fff;font-size:.875rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analytics-date-selector option{background:#fff;color:#1f2937}.analytics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;border:1px solid #e5e7eb;border-left:4px solid;display:flex;align-items:center;gap:.75rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#3b82f6}.stat-card__icon{width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.stat-card__icon--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card__icon--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-card__icon--green{background:linear-gradient(135deg,#10b981,#059669)}.stat-card__icon--orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card__content{flex:1}.stat-card__title{font-size:.625rem;font-weight:600;color:#6b7280;margin:0 0 .125rem;text-transform:uppercase;letter-spacing:.05em}.stat-card__value{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .125rem}.stat-card__change{font-size:.625rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.stat-card__change--positive{color:#10b981}.stat-card__change--negative{color:#ef4444}.stat-card__change--neutral{color:#6b7280}.growth-icon{width:.75rem;height:.75rem}.analytics-main-content{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media (min-width: 1024px){.analytics-main-content{grid-template-columns:2fr 1fr;align-items:stretch}}.analytics-section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.analytics-section h2{margin-top:0;margin-bottom:1rem;font-size:1.125rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.section-icon{width:1.25rem;height:1.25rem;color:#6b7280}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin:0}.download-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.download-btn:hover{background:#e5e7eb;border-color:#9ca3af}.download-btn svg{width:1rem;height:1rem}.chart-container{height:300px;display:flex;align-items:flex-end;gap:.5rem;padding:1rem 0}.bar-chart{display:flex;align-items:flex-end;gap:.5rem;height:100%;width:100%}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.bar{width:100%;background:#3b82f6;border-radius:.25rem .25rem 0 0;transition:all .3s ease;min-height:4px}.bar:hover{background:#2563eb;transform:scaleY(1.05)}.bar-label{font-size:.75rem;color:#6b7280;font-weight:500;text-align:center}.services-list{display:flex;flex-direction:column;gap:.75rem}.service-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:.5rem;background-color:#f9fafb;transition:background-color .2s ease;border:1px solid #e5e7eb}.service-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.service-info{display:flex;align-items:center;gap:.75rem}.service-rank{font-size:.875rem;font-weight:600;color:#6b7280;min-width:2rem}.service-name{font-size:.875rem;font-weight:500;color:#374151}.service-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.service-count{font-size:.75rem;color:#6b7280}.service-revenue{font-size:.875rem;font-weight:600;color:#10b981}.demographics-content{display:flex;flex-direction:column;gap:2rem}.age-groups h3,.conditions h3{font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem}.demographic-item,.condition-item{margin-bottom:1rem}.demographic-label,.condition-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.demographic-count,.condition-count{font-size:.875rem;font-weight:600;color:#6b7280}.demographic-bar,.condition-bar{height:.5rem;background:#e5e7eb;border-radius:.25rem;overflow:hidden;margin-bottom:.25rem}.demographic-bar-fill,.condition-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:.25rem;transition:width .3s ease}.demographic-percentage,.condition-percentage{font-size:.75rem;font-weight:600;color:#6b7280}.quick-actions{display:flex;flex-direction:column;gap:.75rem}.quick-action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.quick-action-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.quick-action-btn svg{width:1.25rem;height:1.25rem;color:#6b7280}@media (max-width: 1024px){.analytics-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analytics-main-content{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-header{padding:2rem 1rem}.analytics-title h1{font-size:2rem}.analytics-stats{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.chart-container{height:200px}.bar-item{min-width:2rem}.bar-label{font-size:.625rem}}.settings-page{padding:2rem;background:#f8fafc;min-height:calc(100vh - 80px)}.settings-header{text-align:center;margin-bottom:2rem}.settings-header h1{font-size:2.5rem;color:#1e293b;margin:0 0 .5rem;font-weight:700}.settings-header p{font-size:1.1rem;color:#64748b;margin:0}.settings-container{display:grid;grid-template-columns:250px 1fr;gap:2rem;max-width:1200px;margin:0 auto}.settings-sidebar{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;height:-moz-fit-content;height:fit-content;position:sticky;top:2rem}.sidebar-tab{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem;border:none;background:transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem;text-align:left;font-size:1rem;font-weight:500}.sidebar-tab:hover{background:#f1f5f9;color:#1e293b}.sidebar-tab.active{background:#3b82f6;color:#fff}.tab-icon{font-size:1.2rem}.tab-name{font-weight:600}.settings-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014}.settings-header-tab{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.settings-header-tab h2{color:#1e293b;margin:0;font-size:1.75rem;font-weight:600}.save-btn{display:flex;align-items:center;gap:.5rem;background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.save-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.settings-section{margin-bottom:2rem}.settings-section h3{color:#1e293b;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;border-bottom:2px solid #e2e8f0;padding-bottom:.75rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#1e293b;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:100px}.form-group input:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.working-hours{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.working-day{background:#f8fafc;border-radius:12px;padding:1rem;border:2px solid transparent;transition:all .3s ease}.working-day:hover{border-color:#3b82f6;background:#f0f9ff}.day-header{margin-bottom:.75rem}.day-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;color:#1e293b}.day-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6}.day-name{font-size:1rem}.time-inputs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.time-inputs input[type=time]{padding:.5rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem}.time-inputs span{color:#64748b;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.security-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-outline{background:transparent;color:#3b82f6;border:2px solid #3b82f6}.btn-outline:hover{background:#3b82f6;color:#fff}.notification-settings{display:flex;flex-direction:column;gap:1.5rem}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f8fafc;border-radius:12px;border:2px solid transparent;transition:all .3s ease}.notification-item:hover{border-color:#3b82f6;background:#f0f9ff}.notification-info{display:flex;flex-direction:column;gap:.25rem}.notification-label{font-weight:600;color:#1e293b;font-size:1rem}.notification-description{color:#64748b;font-size:.9rem}@media (max-width: 1024px){.settings-container{grid-template-columns:1fr;gap:1.5rem}.settings-sidebar{position:static;order:2}.form-grid{grid-template-columns:1fr}.working-hours{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.settings-page{padding:1rem}.settings-header h1{font-size:2rem}.settings-content{padding:1.5rem}.settings-header-tab{flex-direction:column;gap:1rem;text-align:center}.sidebar-tab{justify-content:center}.working-hours{grid-template-columns:1fr}.time-inputs,.security-actions{justify-content:center}.notification-item{flex-direction:column;gap:1rem;text-align:center}}.loading-state,.error-state{text-align:center;padding:4rem 2rem;color:#6b7280}.loading-icon,.error-icon{font-size:4rem;margin-bottom:1rem;opacity:.5;color:#9ca3af}.retry-btn{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.retry-btn:hover{background:#2563eb;transform:translateY(-1px)}.back-btn{display:flex;align-items:center;gap:.5rem;background:#6b7280;color:#fff;border:none;padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#4b5563;transform:translate(-2px)}.patient-overview-card{display:flex;align-items:center;gap:2rem;padding:2rem;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden}.patient-overview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);border-radius:1rem 1rem 0 0}.patient-avatar-large{width:5rem;height:5rem;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 25px #3b82f64d;flex-shrink:0}.patient-avatar-large svg{width:2.5rem;height:2.5rem}.patient-overview-info{flex:1}.patient-overview-info h2{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.patient-email{margin:0 0 1rem;color:#6b7280;font-size:1rem;display:flex;align-items:center;gap:.5rem}.patient-stats{display:flex;gap:1.5rem}.stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bfdbfe;border-radius:.5rem;color:#1e40af;font-weight:600}.stat-item svg{color:#3b82f6}.patient-actions-overview{display:flex;gap:1rem;flex-shrink:0}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.edit-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.edit-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.message-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.message-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.tabs-navigation{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb;padding-bottom:0}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;position:relative}.tab-btn:hover{color:#3b82f6;background:#f0f9ff}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#f0f9ff}.tab-btn svg{width:1.25rem;height:1.25rem}.overview-content,.appointments-content,.reports-content{padding:1.5rem 0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-card{padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 2px 10px #0000000d;transition:all .2s ease}.info-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.info-card h3{margin:0 0 1rem;color:#1f2937;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.info-card h3 svg{color:#3b82f6}.info-item{margin-bottom:.75rem;padding:.5rem;background:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.info-item strong{color:#374151;margin-right:.5rem}.appointments-content h3,.reports-content h3{margin:0 0 1.5rem;color:#1f2937;font-size:1.5rem;font-weight:600}.appointments-list,.reports-list{display:flex;flex-direction:column;gap:1rem}.appointment-item,.report-item{padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 2px 10px #0000000d;transition:all .2s ease}.appointment-item:hover,.report-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a;border-color:#3b82f6}.appointment-header,.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.appointment-header h4,.report-header h4{margin:0;color:#1f2937;font-size:1.125rem;font-weight:600}.status-badge{padding:.25rem .75rem;border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-scheduled{background:#3b82f6}.status-confirmed{background:#10b981}.status-completed{background:#6b7280}.status-cancelled{background:#ef4444}.report-type{background:#f3f4f6;color:#374151;padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.appointment-details,.report-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.detail-row{display:flex;align-items:center;gap:.75rem;color:#6b7280;font-size:.875rem}.detail-row svg{color:#9ca3af;width:1rem;height:1rem}.report-actions{display:flex;gap:.75rem}.report-actions .action-btn{padding:.5rem 1rem;font-size:.75rem}.download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.download-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.no-data{text-align:center;padding:3rem 2rem;color:#9ca3af}.no-data svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-data p{margin:0;font-size:1rem}@media (max-width: 1024px){.patient-overview-card{flex-direction:column;text-align:center;gap:1.5rem}.patient-stats,.patient-actions-overview{justify-content:center}.info-grid{grid-template-columns:1fr}}@media (max-width: 768px){.tabs-navigation{flex-direction:column;gap:0}.tab-btn{border-bottom:none;border-left:3px solid transparent;border-radius:0}.tab-btn.active{border-left-color:#3b82f6;border-bottom-color:transparent}.appointment-header,.report-header{flex-direction:column;gap:.5rem;align-items:flex-start}.report-actions{flex-direction:column}}.doctor-chat-container{display:flex;height:calc(100vh - 100px);background:#f8fafc;border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px #0000001a;margin:1rem}.doctor-chat-sidebar{width:380px;background:#fff;border-right:2px solid #e2e8f0;display:flex;flex-direction:column;position:relative;overflow:hidden}.doctor-chat-sidebar-header{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;position:relative}.doctor-chat-header-title{display:flex;align-items:center;gap:.75rem}.doctor-chat-header-title h2{font-size:1.5rem;font-weight:700;margin:0}.doctor-chat-close-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.doctor-chat-close-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.doctor-chat-search-section{padding:1rem;background:#fff;border-bottom:1px solid #e2e8f0}.doctor-chat-search-container{position:relative}.doctor-chat-search-container svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:1}.doctor-chat-search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid #e2e8f0;border-radius:1rem;font-size:.875rem;outline:none;transition:all .3s ease;background:#f9fafb}.doctor-chat-search-input:focus{border-color:#7c3aed;background:#fff;box-shadow:0 0 0 4px #7c3aed1a}.doctor-chat-filter-section{padding:1rem;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:.5rem}.doctor-chat-filter-btn{padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:1rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;background:#fff;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.doctor-chat-filter-btn:hover{border-color:#7c3aed;color:#7c3aed}.doctor-chat-filter-btn.active{background:#7c3aed;color:#fff;border-color:#7c3aed}.doctor-chat-users-list{flex:1;overflow-y:auto;padding:.5rem}.doctor-chat-user-item{display:flex;gap:1rem;padding:1rem;border-radius:1rem;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem;background:#fff;border:2px solid transparent}.doctor-chat-user-item:hover{background:#f8fafc;border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.doctor-chat-user-item.active{background:linear-gradient(135deg,#7c3aed1a,#a855f71a);border-color:#7c3aed;box-shadow:0 8px 25px #7c3aed26}.doctor-chat-user-avatar{position:relative;flex-shrink:0}.doctor-chat-user-avatar img{width:3.5rem;height:3.5rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e2e8f0;transition:all .3s ease}.doctor-chat-user-item:hover .doctor-chat-user-avatar img{border-color:#7c3aed}.doctor-chat-user-info{flex:1;min-width:0}.doctor-chat-user-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.doctor-chat-user-header h3{font-size:1rem;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.doctor-chat-user-type{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.doctor-chat-user-meta{display:flex;justify-content:space-between;align-items:flex-end}.doctor-chat-last-message{color:#6b7280;font-size:.875rem;margin:0;line-height:1.3;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.5rem}.doctor-chat-message-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.doctor-chat-time{color:#9ca3af;font-size:.75rem;font-weight:500}.doctor-chat-unread-badge{background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;padding:.125rem .5rem;border-radius:1rem;min-width:1.5rem;text-align:center}.doctor-chat-typing-indicator{color:#7c3aed;font-size:.75rem;font-style:italic;margin-top:.5rem}.doctor-chat-role-indicator{margin-top:.5rem}.doctor-chat-role-badge{display:inline-block;padding:.25rem .5rem;border-radius:.5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.doctor-chat-role-badge.mom{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.doctor-chat-role-badge.midwife{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.doctor-chat-main{flex:1;display:flex;flex-direction:column;background:#fff;position:relative}.doctor-chat-main-header{background:#fff;padding:1.5rem;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.doctor-chat-header-info{display:flex;gap:1rem;align-items:center}.doctor-chat-header-avatar{position:relative}.doctor-chat-header-avatar img{width:3.5rem;height:3.5rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e2e8f0;transition:all .3s ease}.doctor-chat-header-details h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.doctor-chat-availability{color:#10b981;font-weight:600;font-size:.875rem}.doctor-chat-header-actions{display:flex;gap:.75rem}.doctor-chat-action-btn{background:#7c3aed1a;border:2px solid rgba(124,58,237,.2);color:#7c3aed;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.doctor-chat-action-btn:hover{background:#7c3aed;color:#fff;border-color:#7c3aed;transform:scale(1.1);box-shadow:0 8px 25px #7c3aed4d}.doctor-chat-messages-container{flex:1;overflow-y:auto;padding:1.5rem;background:#fff}.doctor-chat-messages{display:flex;flex-direction:column;gap:1rem}.doctor-chat-message{display:flex;max-width:70%;position:relative}.doctor-chat-message.doctor{align-self:flex-end;flex-direction:row-reverse}.doctor-chat-message.mom{align-self:flex-start;flex-direction:row}.doctor-chat-message-content{background:#fff;padding:1rem 1.25rem;border-radius:1.5rem;box-shadow:0 4px 15px #0000001a;position:relative;border:2px solid transparent;transition:all .3s ease;max-width:100%}.doctor-chat-message-content:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.doctor-chat-message.doctor .doctor-chat-message-content{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-color:#7c3aed}.doctor-chat-message.mom .doctor-chat-message-content{background:linear-gradient(135deg,#fff,#f8fafc);color:#1f2937;border-color:#3b82f633;box-shadow:0 4px 15px #3b82f61a;position:relative}.doctor-chat-message.mom .doctor-chat-message-content:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#3b82f61a,#1e40af1a);border-radius:1.5rem;z-index:-1}.doctor-chat-message.mom .doctor-chat-message-content:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fffc,#f8fafccc);border-radius:1.5rem;z-index:-1}.doctor-chat-message.user .doctor-chat-message-content{background:linear-gradient(135deg,#fff,#f8fafc);color:#1f2937;border-color:#3b82f633;box-shadow:0 4px 15px #3b82f61a;position:relative}.doctor-chat-message.user .doctor-chat-message-content:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#3b82f61a,#1e40af1a);border-radius:1.5rem;z-index:-1}.doctor-chat-message.user .doctor-chat-message-content:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fffc,#f8fafccc);border-radius:1.5rem;z-index:-1}.doctor-chat-message.user .doctor-chat-message-content p{color:#374151;font-weight:500}.doctor-chat-message.user .doctor-chat-message-meta{color:#6b7280}.doctor-chat-message.user .doctor-chat-message-time{color:#9ca3af;font-size:.7rem}.doctor-chat-message-content p{margin:0;line-height:1.5;font-size:.95rem}.doctor-chat-message.mom .doctor-chat-message-content p{color:#374151;font-weight:500}.doctor-chat-message-meta{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem;opacity:.8}.doctor-chat-message.mom .doctor-chat-message-meta{color:#6b7280}.doctor-chat-message-time{font-weight:500}.doctor-chat-message.mom .doctor-chat-message-time{color:#9ca3af;font-size:.7rem}.doctor-chat-message-status{display:flex;align-items:center}.doctor-chat-message-status.double-check{color:#10b981}.doctor-chat-file-message{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#3b82f61a;border-radius:.75rem;border:1px solid rgba(59,130,246,.2)}.doctor-chat-image-message{display:flex;align-items:center;justify-content:center;max-width:300px;border-radius:.75rem;overflow:hidden;border:1px solid rgba(59,130,246,.2)}.doctor-chat-image-message img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.doctor-chat-image-message:hover img{transform:scale(1.05)}.doctor-chat-file-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.doctor-chat-file-name{font-weight:600;font-size:.875rem}.doctor-chat-file-size{font-size:.75rem;opacity:.7}.doctor-chat-download-btn{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;border-radius:.5rem;padding:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #3b82f64d}.doctor-chat-download-btn:hover{background:linear-gradient(135deg,#1e40af,#3b82f6);transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.doctor-chat-typing-bubble{display:flex;gap:.25rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#3b82f61a,#1e40af1a);border-radius:1rem;border:1px solid rgba(59,130,246,.2)}.doctor-chat-typing-bubble span{width:.5rem;height:.5rem;background:#3b82f6;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.doctor-chat-typing-bubble span:nth-child(1){animation-delay:-.32s}.doctor-chat-typing-bubble span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.doctor-chat-input-container{background:#fff;padding:1.5rem;border-top:2px solid #e2e8f0}.doctor-chat-input-wrapper{display:flex;gap:1rem;align-items:flex-end}.doctor-chat-input-actions{display:flex;gap:.5rem}.doctor-chat-input-btn{background:#7c3aed1a;border:2px solid rgba(124,58,237,.2);color:#7c3aed;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.doctor-chat-input-btn:hover{background:#7c3aed;color:#fff;border-color:#7c3aed;transform:scale(1.1)}.doctor-chat-input-field{flex:1;display:flex;gap:.75rem;align-items:flex-end}.doctor-chat-textarea{flex:1;padding:1rem 1.25rem;border:2px solid #e2e8f0;border-radius:1.5rem;font-size:.95rem;outline:none;resize:none;transition:all .3s ease;background:#f9fafb;font-family:inherit;line-height:1.4}.doctor-chat-textarea:focus{border-color:#7c3aed;background:#fff;box-shadow:0 0 0 4px #7c3aed1a}.doctor-chat-send-btn{background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);color:#fff;border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #1e40af4d;position:relative;overflow:hidden}.doctor-chat-send-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.doctor-chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#1e40af);transform:scale(1.1) rotate(5deg);box-shadow:0 12px 35px #1e40af66}.doctor-chat-send-btn:hover:not(:disabled):before{left:100%}.doctor-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.doctor-chat-welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;background:#fff}.doctor-chat-welcome-content{text-align:center;max-width:500px;padding:2rem}.doctor-chat-welcome-icon{color:#7c3aed;margin-bottom:1.5rem}.doctor-chat-welcome-content h2{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.doctor-chat-welcome-content p{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0}.doctor-chat-info-sidebar{width:320px;background:#fff;border-left:2px solid #e2e8f0;display:flex;flex-direction:column;animation:chatInfoSlideIn .3s ease-out}@keyframes chatInfoSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.doctor-chat-info-header{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.doctor-chat-info-header h3{font-size:1.25rem;font-weight:700;margin:0}.doctor-chat-info-close-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.doctor-chat-info-close-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.doctor-chat-info-content{flex:1;padding:1.5rem;overflow-y:auto}.doctor-chat-info-patient{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0;position:relative}.doctor-chat-info-patient img{width:5rem;height:5rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid #e2e8f0;margin-bottom:1rem}.doctor-chat-info-patient h4{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.doctor-chat-refresh-btn{background:#7c3aed1a;border:2px solid rgba(124,58,237,.2);color:#7c3aed;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.doctor-chat-refresh-btn:hover{background:#7c3aed;color:#fff;border-color:#7c3aed;transform:scale(1.1)}.doctor-chat-rating{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#f59e0b;font-weight:600;font-size:1rem}.doctor-chat-info-details{margin-bottom:2rem}.doctor-chat-info-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#4b5563;font-size:.875rem;border-bottom:1px solid #f3f4f6}.doctor-chat-info-item:last-child{border-bottom:none}.doctor-chat-info-actions{display:flex;flex-direction:column;gap:.75rem}.doctor-chat-info-action-btn{padding:.875rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:2px solid transparent}.doctor-chat-info-action-btn.secondary{background:#fff;color:#374151;border-color:#d1d5db}.doctor-chat-info-action-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px)}.doctor-chat-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.doctor-chat-modal-content{background:#fff;border-radius:2rem;padding:3rem;text-align:center;max-width:400px;width:90%;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(30px) scale(.9)}to{transform:translateY(0) scale(1)}}.doctor-chat-call-modal{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.doctor-chat-call-avatar{position:relative}.doctor-chat-call-avatar img{width:6rem;height:6rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid #e2e8f0}.doctor-chat-call-ringing{position:absolute;top:-.5rem;left:-.5rem;right:-.5rem;bottom:-.5rem;border:3px solid #7c3aed;border-radius:50%;animation:callRinging 1.5s infinite}@keyframes callRinging{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.doctor-chat-call-modal h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.doctor-chat-call-modal p{color:#6b7280;margin:0}.doctor-chat-call-actions{display:flex;gap:1rem}.doctor-chat-call-btn{padding:1rem 2rem;border-radius:1rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:none}.doctor-chat-call-btn.end-call{background:#ef4444;color:#fff}.doctor-chat-call-btn.end-call:hover{background:#dc2626;transform:scale(1.05)}.doctor-chat-loading,.doctor-chat-no-users,.doctor-chat-no-messages{text-align:center;padding:2rem;color:#6b7280}@media (max-width: 1400px){.doctor-chat-container{height:calc(100vh - 120px);margin:.75rem}.doctor-chat-sidebar{width:350px}.doctor-chat-info-sidebar{width:300px}}@media (max-width: 1200px){.doctor-chat-container{height:calc(100vh - 140px);margin:.5rem}.doctor-chat-sidebar{width:320px}.doctor-chat-info-sidebar{width:280px}.doctor-chat-message{max-width:75%}}@media (max-width: 992px){.doctor-chat-container{height:calc(100vh - 160px);margin:.5rem}.doctor-chat-sidebar{width:300px}.doctor-chat-info-sidebar{width:260px}.doctor-chat-search-section{padding:.75rem}.doctor-chat-filter-section{padding:.75rem;gap:.25rem}.doctor-chat-filter-btn{padding:.5rem .75rem;font-size:.7rem}}@media (max-width: 768px){.doctor-chat-container{flex-direction:column;height:calc(100vh - 200px);margin:.5rem;border-radius:1rem}.doctor-chat-sidebar{width:100%;height:35%;border-right:none;border-bottom:2px solid #e2e8f0;min-height:250px}.doctor-chat-main{height:65%}.doctor-chat-info-sidebar{position:absolute;top:0;right:0;height:100%;width:280px;z-index:10}.doctor-chat-input-wrapper{flex-direction:column;gap:.75rem}.doctor-chat-input-actions{justify-content:center}.doctor-chat-sidebar-header{padding:1rem}.doctor-chat-header-title h2{font-size:1.25rem}.doctor-chat-main-header,.doctor-chat-messages-container,.doctor-chat-input-container{padding:1rem}.doctor-chat-search-section,.doctor-chat-user-item{padding:.75rem}.doctor-chat-user-avatar img,.doctor-chat-header-avatar img{width:3rem;height:3rem}.doctor-chat-action-btn{width:2.5rem;height:2.5rem}}@media (max-width: 640px){.doctor-chat-container{height:calc(100vh - 220px);margin:.25rem;border-radius:.75rem}.doctor-chat-sidebar{height:30%;min-height:200px}.doctor-chat-main{height:70%}.doctor-chat-sidebar-header{padding:.75rem}.doctor-chat-header-title h2{font-size:1.125rem}.doctor-chat-search-section{padding:.5rem}.doctor-chat-search-input{padding:.75rem 1rem .75rem 2.5rem;font-size:.8rem}.doctor-chat-filter-section{gap:.25rem}.doctor-chat-filter-btn{padding:.4rem .6rem;font-size:.65rem}.doctor-chat-user-item{padding:.6rem;margin-bottom:.4rem}.doctor-chat-user-avatar img{width:2.5rem;height:2.5rem}.doctor-chat-user-header h3{font-size:.9rem}.doctor-chat-user-type{font-size:.65rem}.doctor-chat-main-header{padding:.75rem}.doctor-chat-header-details h3{font-size:1.125rem}.doctor-chat-messages-container{padding:.75rem}.doctor-chat-message{max-width:85%}.doctor-chat-message-content{padding:.75rem 1rem}.doctor-chat-input-container{padding:.75rem}.doctor-chat-input-btn{width:2.25rem;height:2.25rem}.doctor-chat-send-btn{width:2.5rem;height:2.5rem}.doctor-chat-textarea{padding:.75rem 1rem;font-size:.9rem}.doctor-chat-info-sidebar{width:260px}.doctor-chat-info-header{padding:1rem}.doctor-chat-info-header h3{font-size:1.125rem}.doctor-chat-info-content{padding:1rem}}@media (max-width: 480px){.doctor-chat-container{height:calc(100vh - 240px);margin:.125rem;border-radius:.5rem}.doctor-chat-sidebar{height:28%;min-height:180px}.doctor-chat-main{height:72%}.doctor-chat-sidebar-header{padding:.6rem}.doctor-chat-header-title h2{font-size:1rem}.doctor-chat-search-section{padding:.4rem}.doctor-chat-search-input{padding:.6rem .8rem .6rem 2.25rem;font-size:.75rem}.doctor-chat-filter-section{gap:.2rem}.doctor-chat-filter-btn{padding:.35rem .5rem;font-size:.6rem}.doctor-chat-user-item{padding:.5rem;margin-bottom:.3rem}.doctor-chat-user-avatar img{width:2.25rem;height:2.25rem}.doctor-chat-user-header h3{font-size:.85rem}.doctor-chat-user-type{font-size:.6rem}.doctor-chat-main-header{padding:.6rem}.doctor-chat-header-details h3{font-size:1rem}.doctor-chat-header-avatar img{width:2.5rem;height:2.5rem}.doctor-chat-action-btn{width:2.25rem;height:2.25rem}.doctor-chat-messages-container{padding:.6rem}.doctor-chat-message{max-width:90%}.doctor-chat-message-content{padding:.6rem .8rem}.doctor-chat-message-content p{font-size:.85rem}.doctor-chat-input-container{padding:.6rem}.doctor-chat-input-btn{width:2rem;height:2rem}.doctor-chat-send-btn{width:2.25rem;height:2.25rem}.doctor-chat-textarea{padding:.6rem .8rem;font-size:.85rem}.doctor-chat-info-sidebar{width:240px}.doctor-chat-info-header{padding:.75rem}.doctor-chat-info-header h3{font-size:1rem}.doctor-chat-info-content{padding:.75rem}.doctor-chat-info-patient img{width:4rem;height:4rem}.doctor-chat-info-patient h4{font-size:1.25rem}.doctor-chat-welcome-content h2{font-size:1.5rem}.doctor-chat-welcome-content p{font-size:1rem}}@media (max-width: 360px){.doctor-chat-container{height:100vh;margin:0;border-radius:0}.doctor-chat-sidebar{height:25%;min-height:160px}.doctor-chat-main{height:75%}.doctor-chat-sidebar-header{padding:.5rem}.doctor-chat-header-title h2{font-size:.9rem}.doctor-chat-search-section{padding:.3rem}.doctor-chat-search-input{padding:.5rem .7rem .5rem 2rem;font-size:.7rem}.doctor-chat-filter-section{gap:.15rem}.doctor-chat-filter-btn{padding:.3rem .4rem;font-size:.55rem}.doctor-chat-user-item{padding:.4rem;margin-bottom:.25rem}.doctor-chat-user-avatar img{width:2rem;height:2rem}.doctor-chat-user-header h3{font-size:.8rem}.doctor-chat-user-type{font-size:.55rem}.doctor-chat-main-header{padding:.5rem}.doctor-chat-header-details h3{font-size:.9rem}.doctor-chat-header-avatar img{width:2.25rem;height:2.25rem}.doctor-chat-action-btn{width:2rem;height:2rem}.doctor-chat-messages-container{padding:.5rem}.doctor-chat-message{max-width:95%}.doctor-chat-message-content{padding:.5rem .7rem}.doctor-chat-message-content p{font-size:.8rem}.doctor-chat-input-container{padding:.5rem}.doctor-chat-input-btn{width:1.75rem;height:1.75rem}.doctor-chat-send-btn{width:2rem;height:2rem}.doctor-chat-textarea{padding:.5rem .7rem;font-size:.8rem}.doctor-chat-info-sidebar{width:220px}.doctor-chat-info-header{padding:.6rem}.doctor-chat-info-header h3{font-size:.9rem}.doctor-chat-info-content{padding:.6rem}}@media (max-height: 500px) and (orientation: landscape){.doctor-chat-container{height:95vh}.doctor-chat-sidebar{height:40%;min-height:120px}.doctor-chat-main{height:60%}.doctor-chat-sidebar-header{padding:.5rem}.doctor-chat-header-title h2{font-size:1rem}.doctor-chat-search-section{padding:.3rem}.doctor-chat-user-item{padding:.4rem;margin-bottom:.2rem}.doctor-chat-user-avatar img{width:2rem;height:2rem}.doctor-chat-main-header,.doctor-chat-messages-container,.doctor-chat-input-container{padding:.5rem}}@media (min-resolution: 192dpi){.doctor-chat-container{border-width:.5px}.doctor-chat-sidebar{border-right-width:1px}.doctor-chat-main-header{border-bottom-width:1px}.doctor-chat-input-container{border-top-width:1px}}.doctor-edit-profile-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f9fafb;color:#1f2937;padding:2rem}.doctor-edit-profile-container-wrapper{max-width:80rem;margin:0 auto;padding:1rem}.doctor-edit-profile-header{text-align:center;margin-bottom:2rem;padding:3rem 2rem;background:linear-gradient(135deg,#dbeafe,#e0e7ff,#f3e8ff);border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #3b82f633}.doctor-edit-profile-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000014;pointer-events:none}.doctor-edit-profile-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f61f,#8b5cf61f);pointer-events:none}.doctor-edit-profile-title{position:relative;z-index:1}.doctor-edit-profile-title h1{font-size:2.25rem;font-weight:700;color:#1e293b!important;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.doctor-edit-profile-title p{color:#374151!important;font-weight:500;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.doctor-edit-profile-header-icon{display:inline-flex;width:3rem;height:3rem;background:#3b82f633;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.doctor-edit-profile-header-icon svg{width:1.5rem;height:1.5rem;color:#3b82f6}.doctor-edit-profile-container{display:grid;grid-template-columns:1fr 350px;gap:2rem}.doctor-edit-profile-main{background:#fff;border-radius:1rem;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid rgba(255,255,255,.8)}.doctor-edit-profile-section{padding:2rem;border-bottom:1px solid #e5e7eb;transition:all .3s ease}.doctor-edit-profile-section:hover{background:#fafbfc}.doctor-edit-profile-section:last-child{border-bottom:none}.doctor-edit-profile-section h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.doctor-edit-profile-section h3 svg{width:1.5rem;height:1.5rem;color:#3b82f6}.doctor-edit-profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.doctor-info-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e5e7eb;transition:all .3s ease}.doctor-info-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.doctor-info-item.full-width{grid-column:1 / -1}.doctor-info-label{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.doctor-info-value{font-size:.95rem;color:#1f2937;font-weight:600;line-height:1.5}.doctor-info-value.empty{color:#9ca3af;font-style:italic;font-weight:400}.doctor-edit-profile-edit-btn{background:none;border:none;color:#3b82f6;cursor:pointer;padding:.75rem 1rem;border-radius:.5rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;margin-top:.5rem}.doctor-edit-profile-edit-btn:hover{background:#eff6ff;color:#1e40af;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.doctor-edit-profile-edit-btn svg{width:1rem;height:1rem}.doctor-edit-profile-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.doctor-form-group{display:flex;flex-direction:column;gap:.75rem}.doctor-form-group.full-width{grid-column:1 / -1}.doctor-form-label{font-weight:600;color:#374151;font-size:.9rem}.doctor-form-label.required:after{content:" *";color:#ef4444;font-weight:700}.doctor-form-input{padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.95rem;transition:all .3s ease;background:#fff;font-weight:500}.doctor-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;background:#f8fafc;transform:translateY(-1px)}.doctor-form-input.error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.doctor-form-textarea{min-height:120px;resize:vertical;line-height:1.6}.doctor-form-error{color:#ef4444;font-size:.8rem;margin-top:.5rem;font-weight:500}.doctor-edit-profile-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding:1.5rem;background:#f8fafc;border-top:1px solid #e5e7eb}.doctor-btn{padding:1rem 2rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.75rem;font-size:.95rem;min-width:140px;justify-content:center}.doctor-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #3b82f64d}.doctor-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.doctor-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.doctor-btn-secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.doctor-btn-secondary:hover{background:#e5e7eb;color:#1f2937;border-color:#d1d5db;transform:translateY(-1px)}.doctor-btn svg{width:1.25rem;height:1.25rem}.doctor-edit-profile-sidebar{display:flex;flex-direction:column;gap:1.5rem}.doctor-sidebar-card{background:#fff;border-radius:1rem;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid rgba(255,255,255,.8);transition:all .3s ease}.doctor-sidebar-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.doctor-sidebar-card-header{padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.doctor-sidebar-card-header h4{margin:0;font-size:1.125rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:.5rem}.doctor-sidebar-card-header h4 svg{width:1.25rem;height:1.25rem;color:#3b82f6}.doctor-sidebar-card-body{padding:1.5rem}.doctor-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.doctor-stat-item{text-align:center;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:.75rem;border:1px solid #e5e7eb;transition:all .3s ease}.doctor-stat-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.doctor-stat-value{font-size:1.75rem;font-weight:800;color:#1f2937;margin-bottom:.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.doctor-stat-label{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.doctor-specialties-list{display:flex;flex-wrap:wrap;gap:.75rem}.doctor-specialty-tag{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;padding:.5rem 1rem;border-radius:9999px;font-size:.8rem;font-weight:600;border:1px solid #dbeafe;transition:all .3s ease}.doctor-specialty-tag:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.doctor-certifications-list{display:flex;flex-direction:column;gap:1rem}.doctor-certification-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:.75rem;border:1px solid #e5e7eb;transition:all .3s ease}.doctor-certification-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translate(4px);box-shadow:0 4px 12px #0000001a}.doctor-certification-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #10b9814d}.doctor-certification-icon svg{width:1.25rem;height:1.25rem}.doctor-certification-info{flex:1}.doctor-certification-name{font-weight:700;color:#1f2937;margin-bottom:.25rem;font-size:.95rem}.doctor-certification-date{font-size:.8rem;color:#64748b;font-weight:500}.doctor-social-links{display:flex;gap:1rem;justify-content:center}.doctor-social-link{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;border-radius:50%;transition:all .3s ease;text-decoration:none;border:1px solid #e5e7eb}.doctor-social-link:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #3b82f666}.doctor-social-link svg{width:1.25rem;height:1.25rem}.doctor-success-message{background:#dcfce7;color:#166534;padding:1.25rem;border-radius:.75rem;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;border:1px solid #bbf7d0;font-weight:500}.doctor-success-message svg{width:1.5rem;height:1.5rem}.doctor-error-message{background:#fef2f2;color:#991b1b;padding:1.25rem;border-radius:.75rem;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;border:1px solid #fecaca;font-weight:500}.doctor-error-message svg{width:1.5rem;height:1.5rem}.doctor-loading{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:doctor-spin 1s ease-in-out infinite}@keyframes doctor-spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.doctor-edit-profile-container{grid-template-columns:1fr}.doctor-edit-profile-sidebar{order:-1}}@media (max-width: 768px){.doctor-edit-profile-page{padding:1.5rem}.doctor-edit-profile-header{padding:2rem 1.5rem}.doctor-edit-profile-title h1{font-size:1.875rem}.doctor-edit-profile-section{padding:1.5rem}.doctor-edit-profile-info-grid,.doctor-edit-profile-form,.doctor-stats-grid{grid-template-columns:1fr}.doctor-edit-profile-actions{flex-direction:column;padding:1.25rem}.doctor-btn{width:100%;justify-content:center}}@media (max-width: 480px){.doctor-edit-profile-page{padding:1rem}.doctor-edit-profile-header{padding:1.5rem 1rem}.doctor-edit-profile-title h1{font-size:1.5rem}.doctor-edit-profile-section,.doctor-sidebar-card-body{padding:1.25rem}.doctor-specialties-list,.doctor-social-links{justify-content:center}.doctor-info-item{padding:.875rem}.doctor-stat-item{padding:1rem}.doctor-certification-item{padding:.875rem}}html{background:linear-gradient(135deg,#1b495c,#51386a)!important;min-height:100vh}body{background:linear-gradient(135deg,#1b495c,#51386a)!important;min-height:100vh;margin:0;padding:0}.sp-navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#edd4ed,#bcd9eb);border-bottom:1px solid #e5e7eb;box-shadow:0 4px 24px #43434914;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:100px;padding:0 32px;gap:15px}.sp-navbar__menu{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:center;flex:1}.sp-navbar__item{color:#222;text-decoration:none;font-weight:700;font-size:15px;padding:10px 22px;border-radius:999px;background:#ffffffb3;box-shadow:0 1px 4px #7f9cf50a;transition:color .18s,background .18s,box-shadow .18s,transform .18s;letter-spacing:.01em;display:inline-block;margin:0 2px;border:none;cursor:pointer}.sp-navbar__item:hover{color:#fffdfd;background:linear-gradient(90deg,#2d83ed,#1761bb);box-shadow:0 4px 16px #2e2e2e21;transform:translateY(-2px)}.sp-navbar__item.active{color:#fffdfd;background:linear-gradient(90deg,#2d83ed,#1761bb);box-shadow:0 4px 16px #2e2e2e21}.sp-navbar__profile{position:absolute;right:32px}.sp-profile-button{display:flex;align-items:center;gap:8px;background:#ffffffb3;border:none;padding:10px 16px;border-radius:999px;cursor:pointer;color:#222;font-weight:600;transition:all .2s ease}.sp-profile-button:hover{background:#ffffffe6;transform:translateY(-1px)}.sp-profile-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;border:1px solid #e5e7eb;min-width:200px;z-index:1000;overflow:hidden}.sp-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;color:#374151;font-weight:500;transition:background-color .2s ease}.sp-dropdown-item:hover{background-color:#f9fafb}.sp-dropdown-item-danger{color:#dc2626}.sp-dropdown-item-danger:hover{background-color:#fef2f2}.sp-dropdown-divider{height:1px;background-color:#e5e7eb;margin:4px 0}@media (max-width: 900px){.sp-navbar{padding:0 16px;min-height:80px;justify-content:center}.sp-navbar__menu{position:absolute;top:100%;left:0;right:0;background:linear-gradient(90deg,#edd4ed,#bcd9eb);flex-direction:column;gap:0;padding:16px;box-shadow:0 4px 24px #43434926;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;border-top:1px solid #e5e7eb}.sp-navbar__menu.open{transform:translateY(0);opacity:1;visibility:visible}.sp-navbar__item{width:100%;text-align:center;margin:4px 0;padding:12px 16px;border-radius:8px;font-size:16px;justify-content:center}.sp-navbar__profile{position:absolute;right:16px}}@media (max-width: 600px){.sp-navbar{padding:0 12px;min-height:70px}.sp-navbar__menu{padding:12px}.sp-navbar__item{padding:10px 12px;font-size:15px}.sp-navbar__profile{right:12px}}:root{--sp-primary: #8b5cf6;--sp-primary-dark: #7c3aed;--sp-secondary: #ec4899;--sp-accent: #06b6d4;--sp-success: #10b981;--sp-warning: #f59e0b;--sp-danger: #ef4444;--sp-gray-50: #f9fafb;--sp-gray-100: #f3f4f6;--sp-gray-200: #e5e7eb;--sp-gray-300: #d1d5db;--sp-gray-400: #9ca3af;--sp-gray-500: #6b7280;--sp-gray-600: #4b5563;--sp-gray-700: #374151;--sp-gray-800: #1f2937;--sp-gray-900: #111827;--sp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--sp-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--sp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--sp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--sp-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--sp-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25)}.sp-dashboard-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f9fafb;color:#1f2937}.sp-dashboard-container{max-width:80rem;margin:0 auto;padding:1rem}.sp-dashboard{background-color:transparent;color:#1f2937;margin-bottom:0}.sp-dashboard__header{text-align:center;margin-top:.25rem;margin-bottom:1.5rem;padding:3rem 2rem;background:linear-gradient(135deg,#edd4ed,#bcd9eb,#a5b4fc);border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.sp-dashboard__header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;pointer-events:none}.sp-dashboard__header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);pointer-events:none}.sp-dashboard__welcome{position:relative;z-index:1}.sp-dashboard__welcome h1{font-size:2.25rem;font-weight:700;color:#1e293b!important;margin-bottom:.75rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.sp-dashboard__welcome p{color:#374151!important;font-weight:500;font-size:1.1rem;position:relative;z-index:1;max-width:600px;margin:0 auto;line-height:1.6}.sp-dashboard__header-icon{display:inline-flex;width:3rem;height:3rem;background:#8b5cf633;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sp-dashboard__header-icon svg{width:1.5rem;height:1.5rem;color:#7f56d9}.sp-dashboard__filter{position:relative;z-index:1;margin-top:1rem}.sp-dashboard__filter select{padding:.75rem 1rem;border:1px solid rgba(139,92,246,.3);border-radius:.5rem;background:#ffffffe6;font-size:.9rem;color:#374151;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:150px}.sp-dashboard__filter select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sp-dashboard__filter select option{background:#fff;color:#1a1a1a}.sp-dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.sp-stat-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;border:1px solid #e5e7eb;border-left:4px solid;display:flex;align-items:center;gap:.75rem;transition:all .3s ease}.sp-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#3b82f6}.sp-stat-card--blue{border-left-color:#3b82f6}.sp-stat-card--green{border-left-color:#10b981}.sp-stat-card--purple{border-left-color:#8b5cf6}.sp-stat-card--orange{border-left-color:#f97316}.sp-stat-card__icon{width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.sp-stat-card--blue .sp-stat-card__icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.sp-stat-card--green .sp-stat-card__icon{background:linear-gradient(135deg,#10b981,#059669)}.sp-stat-card--purple .sp-stat-card__icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.sp-stat-card--orange .sp-stat-card__icon{background:linear-gradient(135deg,#f97316,#ea580c)}.sp-stat-card__content{flex:1}.sp-stat-card__title{font-size:.625rem;font-weight:600;color:#6b7280;margin:0 0 .125rem;text-transform:uppercase;letter-spacing:.05em}.sp-stat-card__value{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .125rem}.sp-stat-card__change{font-size:.625rem;font-weight:500}.sp-stat-card__change--positive{color:#10b981}.sp-stat-card__change--negative{color:#ef4444}.sp-stat-card__change--neutral{color:#6b7280}.sp-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.sp-quick-action{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;text-decoration:none;color:#374151;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.sp-quick-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#3b82f6}.sp-quick-action__icon{width:2rem;height:2rem;border-radius:.375rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff}.sp-quick-action__text{font-weight:600;color:#1f2937}.sp-dashboard__main-content{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.sp-dashboard__main-content{grid-template-columns:2fr 1fr}}.sp-dashboard__section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.sp-dashboard__section h2{font-size:1.125rem;font-weight:600;color:#1f2937!important;margin:0 0 1rem}.sp-activities-list{display:flex;flex-direction:column;gap:.75rem}.sp-activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;background-color:#f9fafb;transition:background-color .2s ease;border:1px solid #e5e7eb}.sp-activity-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.sp-activity-item__icon{width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#fff}.sp-activity-item--completed .sp-activity-item__icon{background:#10b981}.sp-activity-item--updated .sp-activity-item__icon{background:#3b82f6}.sp-activity-item--new .sp-activity-item__icon{background:#8b5cf6}.sp-activity-item--pending .sp-activity-item__icon{background:#f59e0b}.sp-activity-item__content{flex:1}.sp-activity-item__title{font-weight:600;color:#1f2937;margin-bottom:.25rem}.sp-activity-item__time{color:#9ca3af;font-size:.75rem;font-weight:500}.sp-recent-products{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.sp-recent-products__header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.sp-recent-products__header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.sp-recent-products__table{width:100%;border-collapse:collapse}.sp-recent-products__table th,.sp-recent-products__table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #f3f4f6}.sp-recent-products__table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.875rem}.sp-recent-products__table td{color:#6b7280;font-size:.875rem}.sp-recent-products__table tr:hover{background:#f9fafb}.sp-product-info{display:flex;align-items:center;gap:.75rem}.sp-product-emoji{font-size:1.5rem;width:2rem;text-align:center}.sp-product-name{font-weight:600;color:#1f2937}.sp-product-status{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.sp-product-status--active{background:#dcfce7;color:#166534}.sp-product-status--pending{background:#fef3c7;color:#92400e}.sp-product-status--inactive{background:#fef2f2;color:#991b1b}.sp-top-performing{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.sp-top-performing__header{margin-bottom:1rem}.sp-top-performing__header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.sp-top-performing__list{display:flex;flex-direction:column;gap:.75rem}.sp-top-performing__item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.375rem;background:#f9fafb;border:1px solid #e5e7eb}.sp-top-performing__item:hover{background:#f3f4f6}.sp-top-performing__rank{width:1.5rem;height:1.5rem;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.sp-top-performing__rank--gold{background:linear-gradient(135deg,#f59e0b,#d97706)}.sp-top-performing__rank--silver{background:linear-gradient(135deg,#9ca3af,#6b7280)}.sp-top-performing__rank--bronze{background:linear-gradient(135deg,#cd7f32,#b8860b)}.sp-top-performing__content{flex:1}.sp-top-performing__name{font-weight:600;color:#1f2937;margin-bottom:.125rem}.sp-top-performing__metrics{display:flex;gap:1rem;font-size:.75rem;color:#6b7280}.sp-top-performing__metric{display:flex;align-items:center;gap:.25rem}@media (max-width: 768px){.sp-dashboard-container{padding:.5rem}.sp-dashboard__header{padding:2rem 1rem}.sp-dashboard__welcome h1{font-size:1.875rem}.sp-dashboard__stats,.sp-dashboard__main-content,.sp-quick-actions{grid-template-columns:1fr}.sp-recent-products__table{font-size:.75rem}.sp-recent-products__table th,.sp-recent-products__table td{padding:.5rem}.sp-top-performing__metrics{flex-direction:column;gap:.5rem}}.sp-products-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f9fafb;color:#1f2937}.sp-products-container-wrapper{max-width:80rem;margin:0 auto;padding:1rem}.sp-products-header{text-align:center;margin-bottom:2rem;padding:3rem 2rem;background:linear-gradient(135deg,#edd4ed,#bcd9eb,#a5b4fc);border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.sp-products-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;pointer-events:none}.sp-products-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);pointer-events:none}.sp-products-header-icon{display:inline-flex;width:3rem;height:3rem;background:#8b5cf633;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sp-products-header-icon svg{width:1.5rem;height:1.5rem;color:#7f56d9}.sp-products-title{position:relative;z-index:1}.sp-products-title h1{font-size:2.25rem;font-weight:700;color:#1e293b!important;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.sp-products-title p{color:#374151!important;font-weight:500;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.sp-search-filters-section{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.sp-search-container{margin-bottom:1.5rem}.sp-search-box{position:relative;max-width:600px;margin:0 auto}.sp-search-input{width:100%;padding:1rem 3rem;border:2px solid #e5e7eb;border-radius:9999px;font-size:1rem;transition:all .2s ease;background:#f9fafb}.sp-search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.sp-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;width:1.25rem;height:1.25rem}.sp-clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s ease}.sp-clear-search:hover{background:#f3f4f6;color:#374151}.sp-filter-controls{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.sp-filter-group{display:flex;flex-direction:column;gap:.5rem}.sp-filter-label{font-weight:600;color:#374151;font-size:.875rem}.sp-filter-select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;font-size:.875rem;min-width:150px;cursor:pointer;transition:all .2s ease}.sp-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sp-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.sp-product-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;transition:all .3s ease;position:relative}.sp-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#3b82f6}.sp-product-image-container{position:relative;height:200px;overflow:hidden;background:#f9fafb}.sp-product-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.sp-product-card:hover .sp-product-image{transform:scale(1.05)}.sp-product-status-overlay{position:absolute;top:1rem;right:1rem}.sp-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000001a}.sp-status-active{background:#10b981e6;color:#fff}.sp-status-pending{background:#f59e0be6;color:#fff}.sp-status-inactive{background:#ef4444e6;color:#fff}.sp-product-content{padding:1.5rem}.sp-product-header{margin-bottom:1rem}.sp-product-name{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;line-height:1.3}.sp-product-category{display:inline-block;background:#f3f4f6;color:#6b7280;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.sp-product-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-product-price-rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sp-product-price{font-size:1.25rem;font-weight:700;color:#059669}.sp-rating{display:flex;align-items:center;gap:.25rem;color:#f59e0b;font-weight:600;font-size:.875rem}.sp-star-icon{width:1rem;height:1rem;fill:currentColor}.sp-product-stats{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.sp-stat{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280;font-weight:500}.sp-stat-icon{width:1rem;height:1rem;color:#3b82f6}.sp-product-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.sp-tag{background:#eff6ff;color:#1e40af;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.sp-tag-more{background:#f3f4f6;color:#6b7280}.sp-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:0 1.5rem 1.5rem}.sp-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.sp-btn-icon{width:1rem;height:1rem}.sp-btn-view{background:#f3f4f6;color:#374151}.sp-btn-view:hover{background:#e5e7eb;color:#1f2937}.sp-btn-visit{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.sp-btn-visit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.sp-btn-edit{background:#fff;color:#3b82f6;border:1px solid #3b82f6}.sp-btn-edit:hover{background:#eff6ff;border-color:#1d4ed8}.sp-btn-delete{background:#fff;color:#dc2626;border:1px solid #dc2626}.sp-btn-delete:hover{background:#fef2f2;border-color:#b91c1c}.sp-empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.sp-empty-icon{width:4rem;height:4rem;color:#9ca3af;margin:0 auto 1rem}.sp-empty-state h3{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:.5rem}.sp-empty-state p{color:#6b7280;font-size:1rem;margin-bottom:2rem}.sp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.sp-modal{background:#fff;border-radius:1rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.sp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.sp-modal-header h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.sp-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.sp-modal-close:hover{background:#f3f4f6;color:#374151}.sp-modal-content{padding:1.5rem}.sp-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb}.sp-product-detail-header{display:flex;gap:1.5rem;margin-bottom:2rem;align-items:flex-start}.sp-product-detail-image{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:.75rem;box-shadow:0 4px 12px #0000001a}.sp-product-detail-info h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.sp-product-detail-category{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.sp-product-detail-price{display:flex;align-items:center;gap:1rem}.sp-product-detail-stats h4,.sp-product-detail-description h4,.sp-product-detail-tags h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.sp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2rem}.sp-stat-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border-radius:.5rem;text-align:center}.sp-stat-item .sp-stat-icon{width:1.5rem;height:1.5rem;color:#3b82f6}.sp-stat-value{display:block;font-size:1.25rem;font-weight:700;color:#1f2937}.sp-stat-label{display:block;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.sp-product-detail-description p{color:#6b7280;line-height:1.6;margin-bottom:2rem}.sp-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width: 768px){.sp-products-page{padding:1rem}.sp-products-header{padding:2rem 1rem}.sp-products-title h1{font-size:1.875rem}.sp-search-filters-section{padding:1rem}.sp-filter-controls{flex-direction:column;align-items:stretch}.sp-filter-select{min-width:auto}.sp-products-grid{grid-template-columns:1fr;gap:1rem}.sp-product-actions{grid-template-columns:1fr}.sp-modal{margin:1rem;max-height:calc(100vh - 2rem)}.sp-product-detail-header{flex-direction:column;text-align:center}.sp-product-detail-image{width:100px;height:100px;margin:0 auto}.sp-stats-grid{grid-template-columns:1fr}}@media (max-width: 480px){.sp-products-header{padding:1.5rem 1rem}.sp-products-title h1{font-size:1.5rem}.sp-search-input{padding:.875rem 2.5rem;font-size:.875rem}.sp-search-icon,.sp-clear-search{width:1rem;height:1rem}.sp-product-content{padding:1rem}.sp-product-actions{padding:0 1rem 1rem}}.sp-product-form-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f9fafb;color:#1f2937}.sp-product-form-container-wrapper{max-width:80rem;margin:0 auto;padding:1rem}.sp-product-form-header{text-align:center;margin-bottom:2rem;padding:3rem 2rem;background:linear-gradient(135deg,#edd4ed,#bcd9eb,#a5b4fc);border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.sp-product-form-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000014;pointer-events:none}.sp-product-form-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf61f,#ec48991f);pointer-events:none}.sp-product-form-title{position:relative;z-index:1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.sp-product-form-title h1{font-size:2.25rem;font-weight:700;color:#1e293b!important;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.sp-product-form-title p{color:#374151!important;font-weight:500;font-size:1.125rem;max-width:700px;margin:0 auto;line-height:1.7;opacity:.9}.sp-product-form-header-icon{display:inline-flex;width:3rem;height:3rem;background:#8b5cf633;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sp-product-form-header-icon svg{width:1.5rem;height:1.5rem;color:#7f56d9}.sp-product-form-container{background:#fff;border-radius:1.5rem;box-shadow:0 10px 40px #00000014;padding:3rem;margin:0 auto;border:1px solid rgba(255,255,255,.8)}.sp-form{display:flex;flex-direction:column;gap:2.5rem}.sp-form-section{background:#f0f7ff;border-radius:1rem;padding:2rem;border:1px solid #e5e7eb;position:relative}.sp-form-section h3{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.sp-form-section h3 svg{width:1.5rem;height:1.5rem;color:#7f56d9}.sp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.sp-form-row:last-child{margin-bottom:0}.sp-form-label{font-weight:600;color:#374151;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.sp-form-input{padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.95rem;transition:all .3s ease;background:#fff;font-weight:500;line-height:1.5}.sp-form-input.error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a;background:#fef2f2}.sp-form-input::-moz-placeholder{color:#9ca3af;font-weight:400}.sp-form-input::placeholder{color:#9ca3af;font-weight:400}.sp-form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sp-form-select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.sp-form-error{color:#ef4444;font-size:.8rem;margin-top:.5rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.sp-form-error:before{content:"⚠";font-size:.75rem}.sp-price-input-wrapper{position:relative;display:flex;align-items:center}.sp-price-icon{position:absolute;left:1.25rem;color:#6b7280;width:1.25rem;height:1.25rem;z-index:1}.sp-price-input-wrapper .sp-form-input{padding-left:3rem}.sp-link-input-wrapper{position:relative;display:flex;align-items:center}.sp-link-icon{position:absolute;left:1.25rem;color:#6b7280;width:1.25rem;height:1.25rem;z-index:1}.sp-link-input-wrapper .sp-form-input{padding-left:3rem}.sp-help-text{color:#6b7280;font-size:.8rem;margin-top:.5rem;font-style:italic;line-height:1.4;padding:.75rem;background:#f8fafc;border-radius:.5rem;border-left:3px solid #3b82f6}.sp-image-upload-area{border:3px dashed #d1d5db;border-radius:1rem;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafbfc;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.sp-image-upload-area:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.sp-image-upload-area.drag-active{border-color:#3b82f6;background:#eff6ff;transform:scale(1.02);box-shadow:0 12px 30px #3b82f633}.sp-image-upload-area.error{border-color:#ef4444;background:#fef2f2}.sp-file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.sp-upload-content{pointer-events:none}.sp-upload-icon{width:4rem;height:4rem;color:#6b7280;margin:0 auto 1.5rem;opacity:.7}.sp-upload-content h4{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.75rem}.sp-upload-content p{color:#6b7280;font-size:.9rem;line-height:1.5}.sp-image-preview-container{text-align:center;padding:1rem}.sp-image-preview{max-width:100%;max-height:300px;border-radius:1rem;box-shadow:0 8px 25px #00000026;margin-bottom:1.5rem;border:3px solid #e5e7eb}.sp-remove-image-btn{display:flex;align-items:center;gap:.75rem;background:#fef2f2;color:#dc2626;border:none;padding:1rem 2rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin:0 auto;font-size:.9rem}.sp-remove-image-btn:hover{background:#fee2e2;color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc262633}.sp-remove-image-btn svg{width:1.25rem;height:1.25rem}.sp-tags-input-container{display:flex;gap:1rem;align-items:center}.sp-tag-input{flex:1;min-width:0}.sp-add-tag-btn{white-space:nowrap;padding:1rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.sp-add-tag-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.sp-tags-container{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.75rem;min-height:3.5rem;margin-top:1rem}.sp-tag{display:flex;align-items:center;gap:.5rem;background:#eff6ff;color:#1e40af;padding:.5rem 1rem;border-radius:9999px;font-size:.8rem;font-weight:600;border:1px solid #dbeafe}.sp-tag-remove{background:none;border:none;color:#1e40af;cursor:pointer;padding:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;font-size:1rem;font-weight:700}.sp-tag-remove:hover{background:#dbeafe;color:#1e3a8a;transform:scale(1.1)}.sp-form-actions{display:flex;justify-content:flex-end;gap:1.5rem}.sp-loading{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:sp-spin 1s ease-in-out infinite}@keyframes sp-spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.sp-product-form-container{max-width:800px;padding:2.5rem}.sp-form{gap:2rem}.sp-form-section{padding:1.5rem}}@media (max-width: 768px){.sp-product-form-page{padding:1.5rem}.sp-product-form-header{padding:3rem 2rem;margin-bottom:2rem}.sp-product-form-title h1{font-size:2rem}.sp-product-form-container{padding:2rem}.sp-form{gap:1.5rem}.sp-form-section{padding:1.5rem}.sp-form-row{grid-template-columns:1fr;gap:1.5rem}.sp-tags-input-container{flex-direction:column;align-items:stretch}.sp-add-tag-btn{width:100%;justify-content:center}.sp-form-actions{flex-direction:column;padding:1.5rem}.sp-btn{width:100%;justify-content:center}.sp-image-upload-area{padding:2rem 1.5rem;min-height:180px}}@media (max-width: 480px){.sp-product-form-page{padding:1rem}.sp-product-form-header{padding:2rem 1.5rem}.sp-product-form-title h1{font-size:1.75rem}.sp-product-form-container{padding:1.5rem}.sp-form{gap:1.25rem}.sp-form-section{padding:1.25rem}.sp-form-section h3{font-size:1.125rem;margin-bottom:1.25rem}.sp-form-input{padding:.875rem 1rem;font-size:.9rem}.sp-image-upload-area{padding:1.5rem 1rem;min-height:160px}.sp-upload-icon{width:3rem;height:3rem}.sp-upload-content h4{font-size:1.125rem}.sp-upload-content p{font-size:.85rem}.sp-form-actions{padding:1.25rem}.sp-btn{padding:.875rem 1.5rem;font-size:.9rem}}.sp-profile-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f9fafb;color:#1f2937;padding:2rem}.sp-profile-container-wrapper{max-width:80rem;margin:0 auto;padding:1rem}.sp-profile-header{text-align:center;margin-bottom:2rem;padding:3rem 2rem;background:linear-gradient(135deg,#edd4ed,#bcd9eb,#a5b4fc);border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.sp-profile-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000014;pointer-events:none}.sp-profile-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf61f,#ec48991f);pointer-events:none}.sp-profile-title{position:relative;z-index:1}.sp-profile-title h1{font-size:2.25rem;font-weight:700;color:#1e293b!important;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.sp-profile-title p{color:#374151!important;font-weight:500;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.sp-profile-header-icon{display:inline-flex;width:3rem;height:3rem;background:#8b5cf633;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sp-profile-header-icon svg{width:1.5rem;height:1.5rem;color:#7f56d9}.sp-profile-container{display:grid;grid-template-columns:1fr 350px;gap:2rem}.sp-profile-main{background:#fff;border-radius:1rem;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid rgba(255,255,255,.8)}.sp-profile-section{padding:2rem;border-bottom:1px solid #e5e7eb;transition:all .3s ease}.sp-profile-section:hover{background:#fafbfc}.sp-profile-section:last-child{border-bottom:none}.sp-profile-section h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.sp-profile-section h3 svg{width:1.5rem;height:1.5rem;color:#7f56d9}.sp-profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.sp-info-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e5e7eb;transition:all .3s ease}.sp-info-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sp-info-label{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.sp-info-value{font-size:.95rem;color:#1f2937;font-weight:600;line-height:1.5}.sp-info-value.empty{color:#9ca3af;font-style:italic;font-weight:400}.sp-profile-edit-btn{background:none;border:none;color:#3b82f6;cursor:pointer;padding:.75rem 1rem;border-radius:.5rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;margin-top:.5rem}.sp-profile-edit-btn:hover{background:#eff6ff;color:#1e40af;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.sp-profile-edit-btn svg{width:1rem;height:1rem}.sp-profile-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.sp-form-group{display:flex;flex-direction:column;gap:.75rem}.sp-form-group.full-width{grid-column:1 / -1}.sp-form-label{font-weight:600;color:#374151;font-size:.9rem}.sp-form-label.required:after{content:" *";color:#ef4444;font-weight:700}.sp-form-input{padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.95rem;transition:all .3s ease;background:#fff;font-weight:500}.sp-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;background:#f8fafc;transform:translateY(-1px)}.sp-form-input.error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.sp-form-textarea{min-height:120px;resize:vertical;line-height:1.6}.sp-form-error{color:#ef4444;font-size:.8rem;margin-top:.5rem;font-weight:500}.sp-profile-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding:1.5rem;background:#f8fafc;border-top:1px solid #e5e7eb}.sp-btn{padding:1rem 2rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.75rem;font-size:.95rem;min-width:140px;justify-content:center}.sp-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.sp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.sp-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.sp-btn-secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.sp-btn-secondary:hover{background:#e5e7eb;color:#1f2937;border-color:#d1d5db;transform:translateY(-1px)}.sp-btn svg{width:1.25rem;height:1.25rem}.sp-profile-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sp-sidebar-card{background:#fff;border-radius:1rem;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid rgba(255,255,255,.8);transition:all .3s ease}.sp-sidebar-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.sp-sidebar-card-header{padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.sp-sidebar-card-header h4{margin:0;font-size:1.125rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:.5rem}.sp-sidebar-card-header h4 svg{width:1.25rem;height:1.25rem;color:#7f56d9}.sp-sidebar-card-body{padding:1.5rem}.sp-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sp-stat-item{text-align:center;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:.75rem;border:1px solid #e5e7eb;transition:all .3s ease}.sp-stat-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sp-stat-value{font-size:1.75rem;font-weight:800;color:#1f2937;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sp-stat-label{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.sp-specialties-list{display:flex;flex-wrap:wrap;gap:.75rem}.sp-specialty-tag{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;padding:.5rem 1rem;border-radius:9999px;font-size:.8rem;font-weight:600;border:1px solid #dbeafe;transition:all .3s ease}.sp-specialty-tag:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.sp-certifications-list{display:flex;flex-direction:column;gap:1rem}.sp-certification-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:.75rem;border:1px solid #e5e7eb;transition:all .3s ease}.sp-certification-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translate(4px);box-shadow:0 4px 12px #0000001a}.sp-certification-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #10b9814d}.sp-certification-icon svg{width:1.25rem;height:1.25rem}.sp-certification-info{flex:1}.sp-certification-name{font-weight:700;color:#1f2937;margin-bottom:.25rem;font-size:.95rem}.sp-certification-date{font-size:.8rem;color:#64748b;font-weight:500}.sp-social-links{display:flex;gap:1rem;justify-content:center}.sp-social-link{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;border-radius:50%;transition:all .3s ease;text-decoration:none;border:1px solid #e5e7eb}.sp-social-link:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #3b82f666}.sp-social-link svg{width:1.25rem;height:1.25rem}.sp-success-message{background:#dcfce7;color:#166534;padding:1.25rem;border-radius:.75rem;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;border:1px solid #bbf7d0;font-weight:500}.sp-success-message svg{width:1.5rem;height:1.5rem}.sp-error-message{background:#fef2f2;color:#991b1b;padding:1.25rem;border-radius:.75rem;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;border:1px solid #fecaca;font-weight:500}.sp-error-message svg{width:1.5rem;height:1.5rem}@media (max-width: 1024px){.sp-profile-container{grid-template-columns:1fr}.sp-profile-sidebar{order:-1}}@media (max-width: 768px){.sp-profile-page{padding:1.5rem}.sp-profile-header{padding:2rem 1.5rem}.sp-profile-title h1{font-size:1.875rem}.sp-profile-section{padding:1.5rem}.sp-profile-info-grid,.sp-profile-form,.sp-stats-grid{grid-template-columns:1fr}.sp-profile-actions{flex-direction:column;padding:1.25rem}.sp-btn{width:100%;justify-content:center}}@media (max-width: 480px){.sp-profile-page{padding:1rem}.sp-profile-header{padding:1.5rem 1rem}.sp-profile-title h1{font-size:1.5rem}.sp-profile-section,.sp-sidebar-card-body{padding:1.25rem}.sp-specialties-list,.sp-social-links{justify-content:center}.sp-info-item{padding:.875rem}.sp-stat-item{padding:1rem}.sp-certification-item{padding:.875rem}}.sp-settings-page{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f9fafb;color:#1f2937;padding:2rem;max-width:1400px;margin:0 auto}.sp-settings-header{text-align:center;margin-bottom:2rem;padding:3rem 2rem;background:linear-gradient(135deg,#edd4ed,#bcd9eb,#a5b4fc);border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #8b5cf633}.sp-settings-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;pointer-events:none}.sp-settings-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);pointer-events:none}.sp-settings-title{position:relative;z-index:1}.sp-settings-title h1{font-size:2.25rem;font-weight:700;color:#1e293b!important;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.sp-settings-title p{color:#374151!important;font-weight:500;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.sp-settings-header-icon{display:inline-flex;width:3rem;height:3rem;background:#8b5cf633;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sp-settings-header-icon svg{width:1.5rem;height:1.5rem;color:#7f56d9}.sp-settings-container{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.sp-settings-tabs{display:flex;background:#f9fafb;border-bottom:1px solid #e5e7eb}.sp-settings-tab{flex:1;padding:1rem 1.5rem;background:none;border:none;cursor:pointer;font-weight:500;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border-bottom:2px solid transparent}.sp-settings-tab:hover{color:#374151;background:#f3f4f6}.sp-settings-tab.active{color:#1e40af;background:#fff;border-bottom-color:#3b82f6}.sp-settings-tab svg{width:1.25rem;height:1.25rem}.sp-settings-content{padding:2rem}.sp-settings-section{margin-bottom:2rem}.sp-settings-section:last-child{margin-bottom:0}.sp-settings-section h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.sp-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.sp-setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.sp-setting-info{flex:1}.sp-setting-label{font-weight:500;color:#374151;margin-bottom:.25rem}.sp-setting-description{font-size:.875rem;color:#6b7280}.sp-setting-control{margin-left:1rem}.sp-toggle-switch{position:relative;display:inline-block;width:3rem;height:1.5rem}.sp-toggle-switch input{opacity:0;width:0;height:0}.sp-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.4s;border-radius:1.5rem}.sp-toggle-slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:.1875rem;bottom:.1875rem;background-color:#fff;transition:.4s;border-radius:50%}.sp-toggle-switch input:checked+.sp-toggle-slider{background-color:#3b82f6}.sp-toggle-switch input:checked+.sp-toggle-slider:before{transform:translate(1.5rem)}.sp-form-group{margin-bottom:1.5rem}.sp-form-label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem}.sp-form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:border-color .2s ease}.sp-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sp-form-input.error{border-color:#ef4444}.sp-form-error{color:#ef4444;font-size:.75rem;margin-top:.25rem}.sp-password-input{position:relative}.sp-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem}.sp-password-toggle:hover{color:#374151}.sp-save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #667eea4d}.sp-save-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.sp-save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.sp-save-button svg{width:1.25rem;height:1.25rem}.sp-settings-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.sp-cancel-button{background:#f3f4f6;color:#374151;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sp-cancel-button:hover{background:#e5e7eb;color:#1f2937}.sp-success-message{background:#dcfce7;color:#166534;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.sp-success-message svg{width:1.25rem;height:1.25rem}.sp-error-message{background:#fef2f2;color:#991b1b;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.sp-error-message svg{width:1.25rem;height:1.25rem}@media (max-width: 768px){.sp-settings-page{padding:1rem}.sp-settings-header{padding:2rem 1rem}.sp-settings-title h1{font-size:1.875rem}.sp-settings-tabs{flex-direction:column}.sp-settings-tab{border-bottom:none;border-right:2px solid transparent;justify-content:flex-start}.sp-settings-tab.active{border-right-color:#3b82f6;border-bottom-color:transparent}.sp-settings-content{padding:1.5rem}.sp-settings-grid{grid-template-columns:1fr}.sp-setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.sp-setting-control{margin-left:0;align-self:flex-end}.sp-settings-actions{flex-direction:column}.sp-save-button,.sp-cancel-button{width:100%;justify-content:center}}@media (max-width: 480px){.sp-settings-header{padding:1.5rem 1rem}.sp-settings-title h1{font-size:1.5rem}.sp-settings-content{padding:1rem}.sp-settings-tab{padding:.75rem 1rem;font-size:.875rem}.sp-settings-tab svg{width:1rem;height:1rem}}.mommycare-footer{background:linear-gradient(135deg,#1e293b,#2d3748,#1e293b);color:#fff;padding:1rem 0;margin-top:auto;position:relative;width:100%;box-shadow:0 -4px 20px #00000026}.mommycare-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.mommycare-footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.mommycare-footer-header{text-align:center;margin-bottom:.5rem}.mommycare-footer-logo{display:flex;align-items:center;justify-content:center;margin-bottom:.125rem}.mommycare-logo-image{height:110px;width:auto;transition:all .3s ease}.mommycare-logo-image:hover{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.mommycare-footer-description{font-size:.85rem;color:#cbd5e1;max-width:500px;margin:0 auto;line-height:1.4}.mommycare-footer-main{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1rem}.mommycare-footer-links{display:flex;gap:2rem;flex:1}.mommycare-footer-column{flex:1;min-width:150px;background:#ffffff0d;padding:.75rem .5rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;text-align:center}.mommycare-footer-column:hover{background:#ffffff14;transform:translateY(-2px)}.mommycare-footer-column-title{font-size:.95rem;font-weight:600;color:#60a5fa;margin-bottom:.5rem;position:relative;padding-bottom:.5rem}.mommycare-footer-column-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:2rem;height:2px;background:linear-gradient(90deg,#3b82f6,#ec4899);border-radius:1px}.mommycare-footer-list{list-style:none;padding:0;margin:0}.mommycare-footer-list li{margin-bottom:.3rem}.mommycare-footer-link{color:#e2e8f0;text-decoration:none;font-size:.8rem;transition:all .3s ease;position:relative;display:inline-block}.mommycare-footer-link:hover{color:#60a5fa;transform:translate(2px)}.mommycare-footer-link:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#60a5fa;transition:width .3s ease}.mommycare-footer-link:hover:before{width:100%}.mommycare-footer-stats{display:flex;flex-direction:column;gap:1rem;background:linear-gradient(135deg,#3b82f61a,#ec48991a);padding:1.5rem 1rem;border-radius:12px;border:1px solid rgba(59,130,246,.2);min-width:180px;position:relative;overflow:hidden;box-shadow:0 8px 32px #3b82f61a;transition:all .3s ease}.mommycare-footer-stats:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);transform:rotate(45deg);pointer-events:none}.mommycare-footer-stats:hover{transform:translateY(-3px);box-shadow:0 12px 40px #3b82f626;border-color:#3b82f64d}.mommycare-stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;position:relative;z-index:1}.mommycare-stat-number{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#ec4899,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;text-shadow:0 4px 8px rgba(0,0,0,.2);filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.mommycare-stat-label{font-size:.8rem;color:#cbd5e1;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mommycare-footer-bottom{text-align:center;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.mommycare-footer-copyright{color:#94a3b8;font-size:.8rem;margin:0;line-height:1.4}@media (max-width: 1024px){.mommycare-footer-container{padding:0 1.5rem}.mommycare-footer-main,.mommycare-footer-links{gap:1.5rem}}@media (max-width: 768px){.mommycare-footer{padding:1.5rem 0 1rem}.mommycare-footer-container{padding:0 1rem}.mommycare-footer-header{margin-bottom:1rem}.mommycare-logo-image{height:75px}.mommycare-footer-description{font-size:.85rem}.mommycare-footer-main{flex-direction:column;gap:1.5rem}.mommycare-footer-links{justify-content:space-between}.mommycare-footer-stats{flex-direction:row;justify-content:space-around;padding:1rem .75rem}.mommycare-stat-number{font-size:1.5rem}}@media (max-width: 480px){.mommycare-footer-container{padding:0 1rem}.mommycare-footer-links{flex-direction:column;gap:1rem}.mommycare-footer-stats{flex-direction:column;gap:.75rem}.mommycare-stat-number{font-size:1.25rem}.mommycare-stat-label{font-size:.75rem}.mommycare-footer-copyright{font-size:.8rem}.mommycare-logo-image{height:35px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mommycare-footer-container>*{animation:fadeInUp .6s ease-out}html,body{height:100%}#root{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.form-group select{padding-left:16px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}@media (max-width: 768px){.permission-page{padding:20px 16px}.permission-container{max-width:none}.permission-header{padding:32px 24px 16px}.permission-header h1{font-size:28px}.permission-header p{font-size:16px}.permission-form{padding:0 24px 32px}.form-section{padding:20px;margin-bottom:24px}.form-section h3{font-size:18px}.form-row{grid-template-columns:1fr;gap:16px}.success-content{padding:40px 24px}.success-content h2{font-size:24px}}@media (max-width: 480px){.permission-header{padding:24px 20px 12px}.permission-header h1{font-size:24px}.permission-form{padding:0 20px 24px}.form-section{padding:16px}.upload-label{padding:16px;flex-direction:column;text-align:center}.success-content{padding:32px 20px}.success-icon{width:60px;height:60px}}.form-group select{padding-left:16px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.permission-page{min-height:100vh;background:linear-gradient(135deg,#f8f9ff,#eef2ff);padding:40px 20px;display:flex;align-items:center;justify-content:center}.permission-container{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:24px;box-shadow:0 20px 60px #0000001a,0 8px 32px #7f56d91a;width:100%;max-width:800px;position:relative;overflow:hidden;animation:slideInUp .3s ease-out}.permission-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7f56d9,#2d83ed,#1761bb)}.permission-header{padding:40px 40px 20px;text-align:center;background:linear-gradient(135deg,#f8f9ff,#eef2ff)}.permission-header h1{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 12px;background:linear-gradient(90deg,#7f56d9,#2d83ed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.permission-header p{color:#6b7280;font-size:18px;margin:0;font-weight:400}.permission-form{padding:0 40px 40px}.error-message{background:linear-gradient(90deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#dc2626;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;font-weight:500;text-align:center}.form-section{margin-bottom:32px;padding:24px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.form-section h3{font-size:20px;font-weight:600;color:#374151;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #f3f4f6;position:relative}.form-section h3:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#7f56d9,#2d83ed)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:#9ca3af;width:20px;height:20px;z-index:1}.input-wrapper input,.form-group input,.form-group select{width:100%;padding:16px 16px 16px 48px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;background:#fff;transition:all .2s ease;color:#1a1a1a}.form-group input{padding-left:16px}.form-group select{padding-left:16px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.input-wrapper input:focus,.form-group input:focus,.form-group select:focus{outline:none;border-color:#7f56d9;box-shadow:0 0 0 3px #7f56d91a}.input-wrapper input.error,.form-group input.error,.form-group select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-wrapper input::-moz-placeholder,.form-group input::-moz-placeholder{color:#9ca3af}.input-wrapper input::placeholder,.form-group input::placeholder{color:#9ca3af}.select-label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:16px}.field-error{color:#ef4444;font-size:14px;margin-top:6px;display:block;font-weight:500}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.service-option{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.service-option:hover{border-color:#7f56d9;background:#f8f9ff}.service-option input[type=checkbox]{width:18px;height:18px;accent-color:#7f56d9;cursor:pointer}.service-label{font-weight:500;color:#374151;font-size:14px;cursor:pointer;flex:1}.service-option:has(input[type=checkbox]:checked){border-color:#7f56d9;background:linear-gradient(135deg,#f8f9ff,#eef2ff);box-shadow:0 0 0 3px #7f56d91a}.service-option:has(input[type=checkbox]:checked) .service-label{color:#7f56d9;font-weight:600}.document-upload{display:grid;gap:20px}.upload-group{display:flex;flex-direction:column;gap:8px}.upload-label{display:flex;align-items:center;gap:12px;padding:20px;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#f9fafb;color:#6b7280;font-weight:500}.upload-label:hover{border-color:#7f56d9;background:#f8f9ff;color:#7f56d9}.upload-icon{width:24px;height:24px;color:inherit}.file-input{display:none}.file-name{font-size:14px;color:#059669;font-weight:500;padding:8px 12px;background:#d1fae5;border-radius:8px;border:1px solid #a7f3d0}.submit-btn{width:100%;padding:18px;background:linear-gradient(90deg,#7f56d9,#2d83ed);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;margin-top:20px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #7f56d94d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.permission-success{min-height:100vh;background:linear-gradient(135deg,#f8f9ff,#eef2ff);display:flex;align-items:center;justify-content:center;padding:40px 20px}.success-content{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:24px;box-shadow:0 20px 60px #0000001a,0 8px 32px #7f56d91a;padding:60px 40px;text-align:center;max-width:500px;width:100%;position:relative;overflow:hidden}.success-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669)}.success-icon{width:80px;height:80px;color:#10b981;margin:0 auto 24px;animation:bounceIn .6s ease-out}.success-content h2{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.success-content p{color:#6b7280;font-size:16px;margin:0 0 12px;line-height:1.6}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.submit-btn:disabled{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}@media (max-width: 768px){.permission-page{padding:20px 16px}.permission-container{max-width:none}.permission-header{padding:32px 24px 16px}.permission-header h1{font-size:28px}.permission-header p{font-size:16px}.permission-form{padding:0 24px 32px}.form-section{padding:20px;margin-bottom:24px}.form-section h3{font-size:18px}.form-row{grid-template-columns:1fr;gap:16px}.services-grid{grid-template-columns:1fr;gap:12px}.service-option{padding:14px}.success-content{padding:40px 24px}.success-content h2{font-size:24px}}@media (max-width: 480px){.permission-header{padding:24px 20px 12px}.permission-header h1{font-size:24px}.permission-form{padding:0 20px 24px}.form-section{padding:16px}.upload-label{padding:16px;flex-direction:column;text-align:center}.service-option{padding:12px}.service-label{font-size:13px}.success-content{padding:32px 20px}.success-icon{width:60px;height:60px}}.login-page{min-height:100vh;background:url(/assets/loginbg-Cf3Ky5yW.png) center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;width:100%;max-width:1200px;display:grid;grid-template-columns:2fr 1fr;overflow:hidden;position:relative;animation:slideInUp .6s ease-out}.login-header{background:url(/assets/loginbg-Cf3Ky5yW.png) center/cover no-repeat;padding:60px 40px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.logo-login{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:bounceIn .8s ease-out .2s both}.login-form-container{padding:60px 50px;background:#fff;display:flex;flex-direction:column;justify-content:center}.form-header h2{font-size:24px;font-weight:700;color:#1e293b;margin:0}.login-form{animation:fadeInUp .6s ease-out .8s both}.input-wrapper-login{position:relative;display:flex;align-items:center;background:transparent;border:none;border-bottom:2px solid #e2e8f0;border-radius:0;transition:all .3s ease;overflow:visible;padding:0}.input-wrapper-login:focus-within{border-bottom-color:#667eea}.input-wrapper-login.error{border-bottom-color:#ef4444;box-shadow:none}.input-wrapper-login:focus-within .input-icon{color:#667eea}.input-wrapper-login input{flex:1;padding:16px 0;border:none;background:transparent;font-size:16px;margin-left:50px;color:#1e293b;outline:none;font-weight:500}.input-wrapper-login input::-moz-placeholder{color:#94a3b8;font-weight:400;-moz-transition:color .3s ease;transition:color .3s ease}.input-wrapper-login input::placeholder{color:#94a3b8;font-weight:400;transition:color .3s ease}.input-wrapper-login:focus-within input::-moz-placeholder{color:#cbd5e1}.input-wrapper-login:focus-within input::placeholder{color:#cbd5e1}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.remember-me{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b;cursor:pointer}.remember-me input[type=checkbox]{width:16px;height:16px;accent-color:#667eea}.forgot-password{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:#5a67d8;text-decoration:underline}.login-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.login-footer p{color:#64748b;font-size:14px;margin:0}@media (max-width: 768px){.login-container{grid-template-columns:1fr;max-width:500px}.login-header,.login-form-container{padding:40px 30px}}@media (max-width: 640px){.login-page{padding:10px}.login-container{border-radius:16px}.login-header{padding:30px 20px 20px}.login-form-container{padding:30px 20px}.logo-section h1{font-size:24px}.logo-section p{font-size:14px}}@media (max-width: 480px){.login-header{padding:25px 15px 15px}.login-form-container{padding:25px 15px}.logo-login{width:60px;height:60px}.logo-section h1{font-size:22px}}.signup-page{min-height:100vh;background:url(/assets/loginbg-Cf3Ky5yW.png) center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.signup-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.signup-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;width:100%;max-width:1200px;display:grid;grid-template-columns:2fr 1fr;overflow:hidden;position:relative;animation:slideInUp .6s ease-out}.signup-header{background:url(/assets/loginbg-Cf3Ky5yW.png) center/cover no-repeat;padding:60px 40px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.signup-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.logo-login{padding:40px 40px 0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:bounceIn .8s ease-out .2s both}.logo-section h1{color:#fff;font-size:28px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:fadeInUp .6s ease-out .4s both}.signup-form-container{padding:60px 50px;background:#fff;display:flex;flex-direction:column;justify-content:center}.role-select-panel{margin-top:24px;width:100%}.role-select-title{color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.role-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.role-option{position:relative;cursor:pointer;border:2px solid rgba(255,255,255,.3);border-radius:25px;padding:16px 20px;transition:all .3s ease;background:linear-gradient(135deg,#667eeaa8,#764ba2b8);margin-bottom:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.role-option:hover{border-color:#fff9;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.role-option input[type=radio]{position:absolute;opacity:0}.role-option input[type=radio]:checked+.role-content{transform:scale(1.02)}.role-option input[type=radio]:checked{border-color:#fffc;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #0000004d}.role-content{display:flex;align-items:center;gap:12px}.role-icon{width:24px;height:24px;color:#ffffffe6;margin:0 0 0 12px;flex-shrink:0;transition:color .3s ease}.role-option input[type=radio]:checked+.role-content .role-icon{color:#fff}.role-title{font-size:16px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.role-description{font-size:14px;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3)}.select-role-hint{margin-bottom:16px;color:#d41f03;font-size:14px}.signup-form{animation:fadeInUp .6s ease-out .8s both}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-wrapper{position:relative;display:flex;align-items:center;border-bottom:2px solid #e2e8f0;border-radius:0;transition:all .3s ease;overflow:visible;padding:0}.input-wrapper input{flex:1;padding:16px 2px;border:none;background:transparent;font-size:16px;margin-left:42px;color:#1e293b;outline:none;font-weight:400}.input-wrapper input::-moz-placeholder{box-shadow:none;color:#94a3b8;-moz-transition:color .3s ease;transition:color .3s ease}.input-wrapper input::placeholder{box-shadow:none;color:#94a3b8;transition:color .3s ease}.password-toggle{background:none;border:none;padding:8px;margin-right:8px;color:#64748b;cursor:pointer;border-radius:6px;transition:all .3s ease}.password-toggle:hover{color:#667eea;background:#667eea1a}.role-details{flex:1}.signup-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.signup-footer p{color:#64748b;font-size:14px;margin:0}@media (max-width: 768px){.signup-container{grid-template-columns:1fr;max-width:500px}.signup-header,.signup-form-container{padding:40px 30px}.role-options{grid-template-columns:1fr}}@media (max-width: 640px){.signup-page{padding:10px}.signup-container{border-radius:16px}.signup-header{padding:30px 20px 20px}.signup-form-container{padding:30px 20px}.logo-section h1{font-size:24px}.logo-section p{font-size:14px}}@media (max-width: 480px){.signup-header{padding:25px 15px 15px}.signup-form-container{padding:25px 15px}.logo{width:60px;height:60px}.logo-section h1{font-size:22px}.role-option{padding:12px}.role-content{gap:8px}.role-icon{font-size:20px;width:32px;height:32px}}.forgot-password-page{min-height:100vh;background:url(/assets/loginbg-Cf3Ky5yW.png) center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.forgot-password-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.forgot-password-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;width:100%;max-width:1200px;display:grid;grid-template-columns:2fr 1fr;overflow:hidden;position:relative;animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.forgot-password-header{background:url(/assets/loginbg-Cf3Ky5yW.png) center/cover no-repeat;padding:60px 40px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.forgot-password-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-section{position:relative;z-index:5;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-login{width:80%;height:auto;padding:40px 40px 0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:bounceIn .8s ease-out .2s both}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.logo-section h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:fadeInUp .6s ease-out .4s both}.logo-section p{color:#ffffffe6;font-size:16px;margin:0;animation:fadeInUp .6s ease-out .6s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forgot-password-form-container{padding:60px 50px;background:#fff;display:flex;flex-direction:column;justify-content:center}.form-header{text-align:center;margin-bottom:32px}.form-header h2{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px}.form-header p{color:#64748b;font-size:16px;margin:0;line-height:1.5}.forgot-password-form{animation:fadeInUp .6s ease-out .8s both}.form-group{margin-bottom:24px}.input-label{display:block;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.input-wrapper{position:relative;display:flex;align-items:center;background:transparent;border:none;border-bottom:2px solid #e2e8f0;border-radius:0;transition:all .3s ease;overflow:visible;padding:0}.input-wrapper:focus-within{border-bottom-color:#667eea}.input-wrapper.error{border-bottom-color:#ef4444;box-shadow:none}.input-icon{width:20px;height:20px;color:#64748b;margin-right:12px;flex-shrink:0;transition:color .3s ease}.input-wrapper:focus-within .input-icon{color:#667eea}.input-wrapper input{flex:1;padding:16px 0;border:none;background:transparent;font-size:16px;color:#1e293b;outline:none;font-weight:400;margin-left:50px}.input-wrapper input::-moz-placeholder{color:#94a3b8;-moz-transition:color .3s ease;transition:color .3s ease}.input-wrapper input::placeholder{color:#94a3b8;transition:color .3s ease}.input-wrapper:focus-within input::-moz-placeholder{color:#cbd5e1}.input-wrapper:focus-within input::placeholder{color:#cbd5e1}.field-error{display:block;color:#ef4444;font-size:14px;margin-top:8px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-btn{width:100%;padding:18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin-bottom:16px}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.forgot-password-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.back-link{display:inline-flex;align-items:center;gap:8px;color:#667eea;font-weight:600;text-decoration:none;margin-bottom:16px;transition:color .3s ease}.back-link:hover{color:#5a67d8}.back-icon{width:16px;height:16px}.forgot-password-footer p{color:#64748b;font-size:14px;margin:0}.switch-auth{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease}.switch-auth:hover{color:#5a67d8;text-decoration:underline}.success-message{text-align:center;padding:40px 20px;animation:fadeInUp .6s ease-out .8s both}.success-icon{width:64px;height:64px;color:#10b981;margin:0 auto 24px;animation:bounceIn .8s ease-out 1s both}.success-message h2{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 16px}.success-message p{color:#64748b;font-size:16px;margin:0 0 16px;line-height:1.6}.success-message strong{color:#1e293b;font-weight:600}.email-note{font-size:14px!important;color:#94a3b8!important;font-style:italic}.action-buttons{display:flex;flex-direction:column;gap:16px;margin-top:32px}.resend-btn{width:100%;padding:16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.resend-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.back-to-login{width:100%;padding:16px;background:transparent;color:#667eea;border:2px solid #667eea;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;text-align:center;transition:all .3s ease}.back-to-login:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}@media (max-width: 768px){.forgot-password-container{grid-template-columns:1fr;max-width:500px}.forgot-password-header,.forgot-password-form-container{padding:40px 30px}}@media (max-width: 640px){.forgot-password-page{padding:10px}.forgot-password-container{border-radius:16px}.forgot-password-header{padding:30px 20px 20px}.forgot-password-form-container{padding:30px 20px}.logo-section h1{font-size:24px}.logo-section p{font-size:14px}}@media (max-width: 480px){.forgot-password-header{padding:25px 15px 15px}.forgot-password-form-container{padding:25px 15px}.logo-login{width:60px;height:60px}.logo-section h1{font-size:22px}.success-message{padding:30px 15px}.success-icon{width:48px;height:48px}}.floating-chat-button{position:fixed;bottom:2rem;right:2rem;width:4rem;height:4rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 25px #667eea66;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9998;border:3px solid rgba(255,255,255,.2);text-decoration:none}.floating-chat-button:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 12px 35px #667eea99;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.floating-chat-button:active{transform:scale(.95)}@media (max-width: 768px){.floating-chat-button{bottom:1rem;right:1rem;width:3.5rem;height:3.5rem}.floating-chat-button svg{width:20px;height:20px}}@media (max-width: 480px){.floating-chat-button{bottom:.5rem;right:.5rem;width:3rem;height:3rem}.floating-chat-button svg{width:18px;height:18px}}@media (max-height: 500px) and (orientation: landscape){.floating-chat-button{bottom:1rem}}@media (min-resolution: 192dpi){.floating-chat-button{border-width:1.5px}}@media (prefers-color-scheme: dark){.floating-chat-button{background:linear-gradient(135deg,#5a67d8,#6b46c1)}}.floating-chat-button:focus{outline:2px solid #667eea;outline-offset:2px}.doctor-floating-chat{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 8px 25px #7c3aed66;border:3px solid rgba(255,255,255,.2)}.doctor-floating-chat:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 12px 35px #7c3aed99;background:linear-gradient(135deg,#6d28d9,#9333ea)}body{margin:0;font-family:Arial,sans-serif;background-color:#dedede!important;min-height:100vh}html,body{background-color:#dedede!important;min-height:100vh}.page-container{max-width:1200px;padding:2rem 1rem;margin:0rem 1.5rem}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{font-size:1.125rem;color:#64748b;margin:0}.page-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.feature-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#3b82f6}.feature-card h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.feature-card p{color:#64748b;line-height:1.6;margin:0}@media (max-width: 768px){.page-container{padding:1.5rem 1rem}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.page-content{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.feature-card h2{font-size:1.25rem}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-2\.5{top:.625rem}.top-3{top:.75rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-3{margin-left:.75rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[600px\]{max-height:600px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-\[30\%\]{width:30%}.w-\[70\%\]{width:70%}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-r-xl{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-cyan-200{--tw-border-opacity: 1;border-color:rgb(165 243 252 / var(--tw-border-opacity, 1))}.border-cyan-300{--tw-border-opacity: 1;border-color:rgb(103 232 249 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.border-pink-200{--tw-border-opacity: 1;border-color:rgb(251 207 232 / var(--tw-border-opacity, 1))}.border-pink-300{--tw-border-opacity: 1;border-color:rgb(249 168 212 / var(--tw-border-opacity, 1))}.border-pink-500{--tw-border-opacity: 1;border-color:rgb(236 72 153 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/20{border-color:#fff3}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.border-l-blue-500{--tw-border-opacity: 1;border-left-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-l-gray-300{--tw-border-opacity: 1;border-left-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-l-green-500{--tw-border-opacity: 1;border-left-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-l-red-500{--tw-border-opacity: 1;border-left-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-l-yellow-500{--tw-border-opacity: 1;border-left-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-cyan-100{--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))}.bg-cyan-200{--tw-bg-opacity: 1;background-color:rgb(165 243 252 / var(--tw-bg-opacity, 1))}.bg-cyan-400{--tw-bg-opacity: 1;background-color:rgb(34 211 238 / var(--tw-bg-opacity, 1))}.bg-cyan-50{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.bg-cyan-500{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-pink-100{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.bg-pink-200{--tw-bg-opacity: 1;background-color:rgb(251 207 232 / var(--tw-bg-opacity, 1))}.bg-pink-300{--tw-bg-opacity: 1;background-color:rgb(249 168 212 / var(--tw-bg-opacity, 1))}.bg-pink-400{--tw-bg-opacity: 1;background-color:rgb(244 114 182 / var(--tw-bg-opacity, 1))}.bg-pink-50{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/15{background-color:#ffffff26}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-200{--tw-gradient-from: #fed7aa var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 215 170 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-50{--tw-gradient-from: #fdf2f8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(253 242 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from: #f8fafc var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-100{--tw-gradient-to: #dbeafe var(--tw-gradient-to-position)}.to-blue-50{--tw-gradient-to: #eff6ff var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.to-orange-300{--tw-gradient-to: #fdba74 var(--tw-gradient-to-position)}.to-pink-50{--tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to: #faf5ff var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pl-10{padding-left:2.5rem}.pr-1{padding-right:.25rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-relaxed{line-height:1.625}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.text-cyan-700{--tw-text-opacity: 1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}.text-cyan-800{--tw-text-opacity: 1;color:rgb(21 94 117 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-pink-500{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.text-pink-700{--tw-text-opacity: 1;color:rgb(190 24 93 / var(--tw-text-opacity, 1))}.text-pink-800{--tw-text-opacity: 1;color:rgb(157 23 77 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-teal-500{--tw-text-opacity: 1;color:rgb(20 184 166 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-blue-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.ring-opacity-50{--tw-ring-opacity: .5}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#6b728080;border-radius:9999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#6b7280cc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#dedede!important;min-height:100vh;margin:0;padding:0}html{background:linear-gradient(135deg,#1b495c,#51386a);min-height:100vh}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gray-200:hover{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-cyan-50:hover{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.hover\:bg-cyan-500:hover{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1))}.hover\:bg-cyan-600:hover{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-pink-100:hover{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.hover\:bg-pink-200:hover{--tw-bg-opacity: 1;background-color:rgb(251 207 232 / var(--tw-bg-opacity, 1))}.hover\:bg-pink-50:hover{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.hover\:bg-pink-500:hover{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.hover\:bg-pink-600:hover{--tw-bg-opacity: 1;background-color:rgb(219 39 119 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:from-blue-600:hover{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-green-600:hover{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-emerald-700:hover{--tw-gradient-to: #047857 var(--tw-gradient-to-position)}.hover\:to-pink-600:hover{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-cyan-400:focus{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-cyan-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(165 243 252 / var(--tw-ring-opacity, 1))}.focus\:ring-pink-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 168 212 / var(--tw-ring-opacity, 1))}.focus\:ring-pink-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(236 72 153 / var(--tw-ring-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-cyan-300:disabled{--tw-bg-opacity: 1;background-color:rgb(103 232 249 / var(--tw-bg-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:block{display:block}.sm\:flex-row{flex-direction:row}.sm\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width: 768px){.md\:mx-0{margin-left:0;margin-right:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:p-8{padding:2rem}.md\:text-left{text-align:left}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width: 1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}