.auth-dialog{max-width:450px;padding:2rem}.auth-title{font-size:2rem;color:var(--olive-green);text-align:center;margin-bottom:1.5rem;font-family:Playfair Display,serif}.auth-tabs-list{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:2rem}.auth-form{gap:1.5rem}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group{gap:.5rem}.auth-submit-button{width:100%;background:var(--olive-green);color:var(--champagne);padding:.75rem;font-size:1.1rem;transition:all .3s ease;margin-top:1rem}.auth-submit-button:hover{background:linear-gradient(135deg,var(--accent-gold) 0,var(--gold) 100%);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(198,166,112,.3)}.auth-submit-button:disabled{opacity:.6;cursor:not-allowed}.profile-page{padding:4rem 2rem;max-width:1200px;margin:0 auto;min-height:70vh}.profile-container{margin-top:2rem}.profile-card{background:white;box-shadow:0 4px 20px rgba(0,0,0,.08);border-radius:12px}.profile-content{padding:2.5rem}.profile-header{display:flex;align-items:center;gap:2rem;padding-bottom:2rem;border-bottom:2px solid var(--cream);margin-bottom:2rem}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--olive-green) 0,var(--olive-light) 100%);display:flex;align-items:center;justify-content:center;color:var(--champagne)}.profile-info{flex:1}.profile-info h2{font-size:1.8rem;color:var(--olive-green);margin-bottom:.25rem}.profile-info p{color:var(--olive-light);font-size:1.1rem}.logout-button{border-color:var(--olive-green);color:var(--olive-green);transition:all .3s ease}.logout-button:hover{background:var(--olive-green);color:white}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.profile-section-header h3{font-size:1.5rem;color:var(--olive-green)}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.profile-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.profile-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.info-group{display:flex;flex-direction:column;gap:.5rem}.info-group label{font-weight:600;color:var(--olive-green);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-group p{color:var(--text-dark);font-size:1.1rem;padding:.5rem 0}.form-actions{display:flex;gap:1rem;margin-top:1rem}.form-actions button{flex:1}.admin-link{position:relative;color:var(--gold-light)!important;font-weight:600}.admin-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-light));opacity:.7}.admin-link:hover{color:var(--gold)!important}.admin-link:hover:after{opacity:1;box-shadow:0 2px 8px rgba(218,165,32,.4)}.user-management{padding:2rem}.management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.management-header h2{font-size:2rem;color:var(--olive-green);font-family:Playfair Display,serif}.header-stats{display:flex;gap:1rem;flex-wrap:wrap}.stat-badge{background:linear-gradient(135deg,var(--olive-green),var(--olive-light));color:var(--champagne);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;box-shadow:0 2px 8px rgba(45,60,30,.2)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.user-card{background:white;border:1px solid var(--cream);transition:all .3s ease}.user-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px);border-color:var(--accent-gold)}.user-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.user-card-header{display:flex;gap:1rem;align-items:flex-start}.user-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--olive-green),var(--olive-light));display:flex;align-items:center;justify-content:center;color:var(--champagne);flex-shrink:0}.user-basic-info{flex:1}.user-basic-info h3{font-size:1.25rem;color:var(--olive-green);margin-bottom:.25rem;font-family:Playfair Display,serif}.user-email{color:var(--olive-light);font-size:.9rem;word-break:break-word}.admin-badge{display:inline-block;background:var(--gold);color:white;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-top:.5rem;text-transform:uppercase;letter-spacing:.5px}.user-details{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0;border-top:1px solid var(--cream);border-bottom:1px solid var(--cream)}.detail-row{display:flex;align-items:center;gap:.75rem;color:var(--text-dark);font-size:.95rem}.detail-row svg{color:var(--olive-light);flex-shrink:0}.detail-label{font-weight:600;color:var(--olive-green)}.view-details-btn{width:100%;border-color:var(--olive-green);color:var(--olive-green);transition:all .3s ease}.view-details-btn:hover{background:var(--olive-green);color:white}.loading-state{text-align:center;padding:4rem 2rem;color:var(--olive-light);font-size:1.25rem}.user-details-dialog{max-width:700px}.user-full-details{display:flex;flex-direction:column;gap:2rem;padding:1rem 0}.detail-section h4{font-size:1.25rem;color:var(--olive-green);margin-bottom:1rem;font-family:Playfair Display,serif;border-bottom:2px solid var(--cream);padding-bottom:.5rem}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item.full-width{grid-column:1/-1}.detail-item label{font-weight:600;color:var(--olive-green);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.detail-item p{color:var(--text-dark);font-size:1rem;word-break:break-word}.mono-text{font-family:monospace;font-size:.9rem;background:var(--cream);padding:.5rem;border-radius:4px}@media (max-width:768px){.profile-header{flex-direction:column}.profile-header,.profile-info{text-align:center}.profile-form .form-row,.profile-view{grid-template-columns:1fr}.form-actions{flex-direction:column}.auth-dialog{max-width:90vw;padding:1.5rem}.users-grid{grid-template-columns:1fr}.management-header{flex-direction:column;align-items:flex-start}.header-stats{width:100%}.stat-badge{flex:1;text-align:center}.detail-grid{grid-template-columns:1fr}.user-management{padding:1rem}}