.doctors-grid,.patients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);width:100%;align-items:start}@media (max-width:768px){.doctors-grid,.patients-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}}.doctor-card,.patient-card,.receptionist-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:var(--spacing-sm);box-shadow:var(--shadow-sm);width:100%;max-width:100%;box-sizing:border-box;min-width:0}.doctor-card:hover,.patient-card:hover,.receptionist-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.doctor-card-header,.patient-card-header,.receptionist-card-header{display:flex;align-items:flex-start;gap:var(--spacing-md);min-width:0;flex-wrap:nowrap}.doctor-avatar,.patient-avatar,.receptionist-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.doctor-avatar-icon,.patient-avatar-icon,.receptionist-avatar-icon{width:1.25rem;height:1.25rem;color:white}.doctor-info,.patient-info,.receptionist-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.doctor-name,.patient-name,.receptionist-name{font-size:var(--font-size-base);font-weight:600;color:var(--text);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.doctor-crm,.patient-cpf,.receptionist-role{font-size:var(--font-size-xs);color:var(--textSecondary);margin:0;line-height:1.4}.doctor-details,.patient-details{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.doctor-detail,.patient-detail{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--textSecondary)}.doctor-detail-icon,.patient-detail-icon{width:12px;height:12px;flex-shrink:0}.doctor-status-badge{font-size:var(--font-size-xs);color:var(--textSecondary)}.receptionist-menu-wrapper{position:relative;flex-shrink:0}.receptionist-menu-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--textSecondary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.receptionist-menu-trigger:hover{background:var(--background);color:var(--text)}.receptionist-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;z-index:100;overflow:hidden}.receptionist-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text);font-size:var(--font-size-sm);cursor:pointer;transition:background .2s;text-align:left}.receptionist-menu-item:hover{background:var(--background)}.receptionist-menu-item-danger{color:#ef4444}.receptionist-menu-item-danger:hover{background:rgba(239,68,68,.1)}.doctor-menu-wrapper{position:relative;flex-shrink:0}.doctor-menu-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--textSecondary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.doctor-menu-trigger:hover{background:var(--background);color:var(--text)}.doctor-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;z-index:100;overflow:hidden}.doctor-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text);font-size:var(--font-size-sm);cursor:pointer;transition:background .2s;text-align:left}.doctor-menu-item:hover{background:var(--background)}.doctor-menu-item-danger{color:#ef4444}.doctor-menu-item-danger:hover{background:rgba(239,68,68,.1)}.patient-menu-wrapper{position:relative;flex-shrink:0}.patient-menu-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--textSecondary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.patient-menu-trigger:hover{background:var(--background);color:var(--text)}.patient-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;z-index:100;overflow:hidden}.patient-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text);font-size:var(--font-size-sm);cursor:pointer;transition:background .2s;text-align:left}.patient-menu-item:hover{background:var(--background)}.patient-menu-item-danger{color:#ef4444}.patient-menu-item-danger:hover{background:rgba(239,68,68,.1)}.doctor-card-body,.patient-card-body,.receptionist-card-body{padding-top:var(--spacing-sm);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.doctor-specialty{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.doctor-specialty-icon{width:14px;height:14px;color:var(--primary);flex-shrink:0}.doctor-specialty-text{font-size:var(--font-size-sm);color:var(--text);font-weight:500}.doctor-card-footer,.patient-card-footer,.receptionist-card-footer{display:flex;justify-content:flex-end;padding-top:var(--spacing-sm);border-top:1px solid var(--border);margin-top:auto}.doctor-contact,.patient-contact,.receptionist-contact{display:flex;flex-direction:column;gap:var(--spacing-xs)}.doctor-contact-item,.patient-contact-item,.receptionist-contact-item{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0}.doctor-contact-icon,.patient-contact-icon,.receptionist-contact-icon{width:14px;height:14px;color:var(--textSecondary);flex-shrink:0}.doctor-contact-text,.patient-contact-text,.receptionist-contact-text{font-size:var(--font-size-xs);color:var(--textSecondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.doctor-status,.patient-status,.receptionist-status{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);white-space:nowrap}.doctor-status-active,.patient-status-active,.receptionist-status-active{background:rgba(34,197,94,.15);color:#16a34a}.doctor-status-inactive,.patient-status-inactive,.receptionist-status-inactive{background:rgba(239,68,68,.15);color:#dc2626}.patient-history-btn-icon{width:14px;height:14px;margin-right:var(--spacing-xs)}@media (max-width:768px){.doctor-card,.patient-card,.receptionist-card{padding:var(--spacing-md)}.doctor-avatar,.patient-avatar,.receptionist-avatar{width:2.25rem;height:2.25rem}.doctor-avatar-icon,.patient-avatar-icon,.receptionist-avatar-icon{width:1.125rem;height:1.125rem}.doctor-name,.patient-name,.receptionist-name{font-size:var(--font-size-sm)}}@media (max-width:480px){.doctor-card,.patient-card,.receptionist-card{padding:var(--spacing-sm);gap:var(--spacing-xs)}.doctor-card-header,.patient-card-header,.receptionist-card-header{gap:var(--spacing-sm);flex-wrap:nowrap;align-items:flex-start}.doctor-menu-wrapper,.patient-menu-wrapper,.receptionist-menu-wrapper{flex-shrink:0;position:relative;align-self:flex-start}.doctor-avatar,.patient-avatar,.receptionist-avatar{width:2rem;height:2rem;flex-shrink:0}.doctor-avatar-icon,.patient-avatar-icon,.receptionist-avatar-icon{width:1rem;height:1rem}.doctor-name,.patient-name,.receptionist-name{font-size:var(--font-size-sm);line-height:1.2}.doctor-crm,.patient-cpf,.receptionist-role{font-size:.6875rem}.doctor-details,.patient-details{gap:4px}.doctor-detail,.patient-detail{font-size:.6875rem}.doctor-contact-item,.patient-contact-item,.receptionist-contact-item{gap:4px}.doctor-contact-icon,.patient-contact-icon,.receptionist-contact-icon{width:12px;height:12px}.doctor-contact-text,.patient-contact-text,.receptionist-contact-text{font-size:.6875rem}.doctor-menu-trigger,.patient-menu-trigger,.receptionist-menu-trigger{width:28px;height:28px}.doctor-menu,.patient-menu,.receptionist-menu{min-width:140px;right:-8px}.doctor-status,.patient-status,.receptionist-status{padding:3px 10px;font-size:.625rem}.doctor-card-footer,.patient-card-footer,.receptionist-card-footer{gap:var(--spacing-xs);padding-top:var(--spacing-xs)}.doctor-card-schedule,.patient-card-history{padding-top:var(--spacing-xs);margin-top:var(--spacing-xs)}.doctor-schedule-btn,.patient-history-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:360px){.doctor-card,.patient-card,.receptionist-card{padding:10px}.doctor-avatar,.patient-avatar,.receptionist-avatar{width:1.75rem;height:1.75rem}.doctor-avatar-icon,.patient-avatar-icon,.receptionist-avatar-icon{width:.875rem;height:.875rem}.doctor-name,.patient-name,.receptionist-name{font-size:.8125rem}.doctor-crm,.patient-cpf,.receptionist-role{font-size:.625rem}.receptionist-menu-trigger{width:24px;height:24px}.receptionist-menu-trigger svg{width:14px;height:14px}}#__next,body,html{overflow-x:hidden;max-width:100%;height:100%}@media (max-width:768px){#__next,body{overflow-x:hidden}}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:none;background-color:transparent;color:var(--textSecondary);cursor:pointer;transition:all var(--transition-normal);position:relative}.theme-toggle-btn:hover{background-color:var(--surface);color:var(--text);transform:scale(1.05)}.theme-toggle-btn:active{transform:scale(.95)}.theme-icon{width:1.25rem;height:1.25rem;transition:all var(--transition-normal)}.dark .theme-toggle-btn{color:var(--textSecondary)}.dark .theme-toggle-btn:hover{background-color:var(--surface);color:var(--text)}