.doctor-profile-page{max-width:1200px;padding:var(--space-lg);margin:0 auto}.doctor-profile-container{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.doctor-header{gap:var(--space-lg);padding:var(--space-xl);color:var(--color-white);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex}.doctor-avatar{flex-shrink:0}.avatar-placeholder{width:120px;height:120px;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-white);background:#fff3;border:4px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex}.doctor-header-info h1{margin:0 0 var(--space-sm)0;font-size:var(--text-2xl);font-weight:var(--font-bold)}.doctor-header-info .specialty{margin:0 0 var(--space-xs)0;font-size:var(--text-lg);opacity:.95}.doctor-header-info .subspecialty{margin:0 0 var(--space-md)0;font-size:var(--text-base);opacity:.85}.verification-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-sm);background:#fff3;display:inline-flex}.doctor-stats{gap:var(--space-md);padding:var(--space-xl);border-bottom:1px solid var(--color-gray-200);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{text-align:center;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-gray-50)}.stat-icon{color:var(--color-primary);margin-bottom:var(--space-xs)}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--space-xs)}.stat-label{font-size:var(--text-sm);color:var(--color-gray-600)}.doctor-details{padding:var(--space-xl)}.detail-section{margin-bottom:var(--space-xl)}.detail-section:last-child{margin-bottom:0}.detail-section h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-900);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-primary)}.detail-item{gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-gray-50);display:flex}.detail-item strong{min-width:150px;color:var(--color-gray-700);font-weight:var(--font-medium)}.detail-item span{color:var(--color-gray-900);flex:1}.list-items{margin:0;padding:0;list-style:none}.list-items li{padding:var(--space-sm)var(--space-md);margin-bottom:var(--space-xs);background:var(--color-gray-50);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.doctor-actions{gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-gray-200);display:flex}.doctor-actions button{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);font-size:var(--text-base);font-weight:var(--font-semibold);flex:1;display:flex}.no-profile-message{padding:var(--space-xl);text-align:center}.no-profile-message p{font-size:var(--text-lg);color:var(--color-gray-600);margin-bottom:var(--space-lg)}.loading-container,.error-container{padding:var(--space-2xl);text-align:center}.loading-spinner{border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);width:48px;height:48px;margin:0 auto var(--space-md);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-container h2{color:var(--color-red-600);margin-bottom:var(--space-md)}.error-container p{color:var(--color-gray-600);margin-bottom:var(--space-lg)}@media (width<=768px){.doctor-profile-page{padding:var(--space-md)}.doctor-header{text-align:center;padding:var(--space-lg);flex-direction:column;align-items:center}.avatar-placeholder{width:100px;height:100px;font-size:var(--text-2xl)}.doctor-stats{padding:var(--space-md);grid-template-columns:1fr}.doctor-details{padding:var(--space-md)}.detail-item{gap:var(--space-xs);flex-direction:column}.detail-item strong{min-width:auto}.doctor-actions{flex-direction:column}}@layer components{.btn-primary{padding:var(--button-primary-padding-y)var(--button-primary-padding-x);height:var(--button-primary-height);background-color:var(--button-primary-bg);color:var(--button-primary-text);font-family:var(--font-primary);font-size:var(--button-primary-font-size);font-weight:var(--button-primary-font-weight);font-optical-sizing:auto;border-radius:var(--button-primary-radius);cursor:pointer;transition:background-color var(--button-primary-transition);box-shadow:var(--shadow-button);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-primary:hover{background-color:var(--button-primary-hover)}.btn-primary:focus-visible{outline:2px solid var(--color-blue-600);outline-offset:2px}.btn-primary:active{transform:scale(.98)}.btn-secondary{padding:var(--button-primary-padding-y)var(--button-primary-padding-x);height:var(--button-primary-height);background-color:var(--button-secondary-bg);color:var(--button-secondary-text);font-family:var(--font-primary);font-size:var(--button-primary-font-size);font-weight:var(--button-primary-font-weight);font-optical-sizing:auto;border-radius:var(--button-primary-radius);border:1px solid var(--button-secondary-border);cursor:pointer;transition:background-color var(--button-primary-transition);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-secondary:hover{background-color:var(--button-secondary-hover)}.btn-secondary:focus-visible{outline:2px solid var(--color-blue-600);outline-offset:2px}.btn-secondary:active{transform:scale(.98)}.button-primary{background-color:var(--color-button-primary);color:var(--color-button-primary-text);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-weight-semibold);font-optical-sizing:auto;border-radius:var(--radius-lg);transition:var(--transition-base);white-space:nowrap;cursor:pointer;border:none;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;line-height:1.5;text-decoration:none;display:flex}.button-primary:hover{background-color:var(--color-button-primary-hover)}.button-primary:active{transform:scale(.98)}.button-primary:focus-visible{outline:2px solid var(--color-blue-600);outline-offset:2px}.button-secondary{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-weight-semibold);font-optical-sizing:auto;border:1px solid var(--color-button-secondary-border);border-radius:var(--radius-lg);transition:var(--transition-base);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;line-height:1.5;text-decoration:none;display:flex}.button-secondary:hover{background-color:var(--color-button-secondary-hover)}.button-secondary:active{transform:scale(.98)}.button-secondary:focus-visible{outline:2px solid var(--color-blue-600);outline-offset:2px}.btn-outline{padding:var(--button-primary-padding-y)var(--button-primary-padding-x);height:var(--button-primary-height);color:var(--color-black);font-family:var(--font-primary);font-size:var(--button-primary-font-size);font-weight:var(--button-primary-font-weight);font-optical-sizing:auto;border-radius:var(--button-primary-radius);border:2px solid var(--color-black);cursor:pointer;transition:background-color var(--button-primary-transition);background-color:#0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-outline:hover{background-color:var(--color-gray-50);border-color:var(--color-black)}.btn-outline:focus-visible{outline:2px solid var(--color-blue-600);outline-offset:2px}.btn-outline:active{transform:scale(.98)}.btn-ghost{padding:var(--button-primary-padding-y)var(--button-primary-padding-x);height:var(--button-primary-height);color:var(--color-black);font-family:var(--font-primary);font-size:var(--button-primary-font-size);font-weight:var(--button-primary-font-weight);font-optical-sizing:auto;border-radius:var(--button-primary-radius);cursor:pointer;transition:background-color var(--button-primary-transition);background-color:#0000;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-ghost:hover{background-color:var(--color-gray-100)}.btn-ghost:focus-visible{outline:2px solid var(--color-blue-600);outline-offset:2px}.btn-ghost:active{transform:scale(.98)}.btn-danger{padding:var(--button-primary-padding-y)var(--button-primary-padding-x);height:var(--button-primary-height);color:#fff;font-family:var(--font-primary);font-size:var(--button-primary-font-size);font-weight:var(--button-primary-font-weight);font-optical-sizing:auto;border-radius:var(--button-primary-radius);cursor:pointer;transition:background-color var(--button-primary-transition);background-color:#dc2626;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-danger:hover{background-color:#b91c1c}.btn-danger:focus-visible{outline-offset:2px;outline:2px solid #dc2626}.btn-danger:active{transform:scale(.98)}.btn-success{padding:var(--button-primary-padding-y)var(--button-primary-padding-x);height:var(--button-primary-height);color:#fff;font-family:var(--font-primary);font-size:var(--button-primary-font-size);font-weight:var(--button-primary-font-weight);font-optical-sizing:auto;border-radius:var(--button-primary-radius);cursor:pointer;transition:background-color var(--button-primary-transition);background-color:#16a34a;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-success:hover{background-color:#15803d}.btn-success:focus-visible{outline-offset:2px;outline:2px solid #16a34a}.btn-success:active{transform:scale(.98)}.btn-gradient-blue{padding:var(--button-primary-padding-y)var(--button-primary-padding-x);height:var(--button-primary-height);color:#fff;font-family:var(--font-primary);font-size:var(--button-primary-font-size);font-weight:var(--button-primary-font-weight);font-optical-sizing:auto;border-radius:var(--button-primary-radius);cursor:pointer;transition:opacity var(--button-primary-transition);box-shadow:var(--shadow-button);background:linear-gradient(90deg,#2563eb,#06b6d4);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-gradient-blue:hover{opacity:.9}.btn-gradient-blue:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.btn-gradient-blue:active{transform:scale(.98)}.btn-gradient-purple{padding:var(--button-primary-padding-y)var(--button-primary-padding-x);height:var(--button-primary-height);color:#fff;font-family:var(--font-primary);font-size:var(--button-primary-font-size);font-weight:var(--button-primary-font-weight);font-optical-sizing:auto;border-radius:var(--button-primary-radius);cursor:pointer;transition:opacity var(--button-primary-transition);box-shadow:var(--shadow-button);background:linear-gradient(90deg,#7c3aed,#2563eb);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-gradient-purple:hover{opacity:.9}.btn-gradient-purple:focus-visible{outline-offset:2px;outline:2px solid #7c3aed}.btn-gradient-purple:active{transform:scale(.98)}.btn-lg{height:56px;padding:var(--space-4)var(--space-8);font-size:var(--text-lg)}.btn-sm{height:40px;padding:var(--space-2)var(--space-4);font-size:var(--text-sm)}.btn-full{width:100%}.btn-auto{width:auto}.btn-primary:disabled,.btn-secondary:disabled,.btn-outline:disabled,.btn-ghost:disabled,.btn-danger:disabled,.btn-success:disabled,.btn-gradient-blue:disabled,.btn-gradient-purple:disabled,.button-primary:disabled,.button-secondary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}}