.profile-card{background:#fff;border-radius:15px;width:100%;max-width:1200px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.profile-content{padding:2rem}.profile-image-container{flex-direction:column;align-items:center;width:100%;max-width:300px;margin:0 auto;display:flex}.profile-image{border:4px solid #e8f3f4;width:200px;height:200px;margin:0 auto}.profile-image:hover{box-shadow:none;transform:none}.profile-details{flex:1;min-width:0}.profile-details:hover{box-shadow:none;transform:none}.profile-details-title{color:#282828;border-bottom:2px solid #b2d8db;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.7rem;position:relative}.profile-details-title:after{content:"";background-color:#95c2c5;width:50px;height:2px;position:absolute;bottom:-2px;left:0}.profile-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.profile-detail-item{background-color:#f8f9fa;border-left:3px solid #b2d8db;border-radius:8px;padding:1rem}.profile-detail-item:hover{box-shadow:none;transform:none}.profile-detail-item h4{color:#333;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.profile-detail-item p{color:#333;font-size:1.25rem;font-weight:500}.profile-actions{flex-wrap:wrap;gap:1rem;display:flex}.delete-warning{z-index:10;text-align:center;-webkit-backdrop-filter:blur(4px);background:#fffffff2;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.delete-warning-title{color:#d62828;margin-bottom:1rem;font-size:1.5rem}.delete-warning-text{max-width:500px;margin-bottom:2rem;line-height:1.6}.delete-warning-buttons{gap:1rem;display:flex}.form-feedback{border-radius:8px;margin-bottom:1rem;padding:1rem;font-weight:500}.form-feedback.error{color:#dc3545;background-color:#dc35451a;border:1px solid #dc354533}.form-feedback.success{color:#28a745;background-color:#28a7451a;border:1px solid #28a74533}.btn--edit{color:#333;cursor:pointer;background-color:#0dc4bb;border:none;border-radius:50px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn--edit:hover{background-color:#0cb0a8;transform:translateY(-2px);box-shadow:0 4px 10px #92c6ca33}.btn--logout{color:#333;cursor:pointer;background-color:#f8f9fa;border:1px solid #ddd;border-radius:50px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn--logout:hover{background-color:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 10px #e9ecef66}.btn--delete{color:#dc3545;cursor:pointer;background-color:#0000;border:1px solid #dc3545;border-radius:50px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn--delete:hover{background-color:#dc35451a;transform:translateY(-2px)}.btn--danger{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:50px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn--danger:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 10px #dc35454d}.btn--cancel{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:50px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn--cancel:hover{background-color:#5a6268;transform:translateY(-2px);box-shadow:0 4px 10px #6c757d4d}.login-input{border:1px solid #ddd;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.login-input:focus{border-color:#b2d8db;outline:none;box-shadow:0 0 0 3px #b2d8db40}@media (max-width:768px){.profile-details-grid{grid-template-columns:1fr}.profile-actions{justify-content:center}}.profile-tabs{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;margin-bottom:0;display:flex}.profile-tab{color:#666;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:1.5rem 2rem;font-size:1.25rem;font-weight:500;transition:all .3s;display:flex;position:relative}.profile-tab.active{color:#333;background-color:#fff;font-weight:700}.profile-tab.active:after{content:"";background-color:#b2d8db;width:100%;height:4px;position:absolute;bottom:-1px;left:0;transform:scaleX(1)}.profile-tab:after{content:"";background-color:#b2d8db;width:100%;height:4px;transition:transform .3s;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.profile-tab:hover:after{transform:scaleX(.3)}.profile-tab:hover{color:#333}.booking-count{color:#333;background-color:#b2d8db;border-radius:50%;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;font-size:.9rem;font-weight:700;display:inline-flex}.bookings-content{padding:2rem}.bookings-section{margin-bottom:3rem}.bookings-section-title{color:#333;border-bottom:1px solid #e9ecef;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.4rem;font-weight:600}.bookings-list{flex-direction:column;gap:1.25rem;display:flex}.booking-card{background-color:#f8f9fa;border-left:4px solid #b2d8db;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000000d}.booking-card:hover{transform:none;box-shadow:0 2px 10px #0000000d}.booking-card-header{border-bottom:1px dashed #e9ecef;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.booking-date-time{flex-direction:column;display:flex}.booking-date{color:#333;margin-bottom:.2rem;font-size:1.2rem;font-weight:600}.booking-time{color:#666;font-size:1rem}.booking-status{align-items:center;display:flex}.status-badge{border-radius:20px;padding:.3rem .8rem;font-size:.75rem;font-weight:600;transition:all .2s}.status-confirmed{color:#28a745;background-color:#28a7451a;border:1px solid #28a74533}.status-cancelled{color:#dc3545;background-color:#dc35451a;border:1px solid #dc354533}.status-pending{color:#ffc107;background-color:#ffc1071a;border:1px solid #ffc10733}.booking-details{justify-content:space-between;gap:1.5rem;margin-bottom:1.25rem;display:flex}.booking-treatments{flex:1}.booking-service-title{color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8rem}.booking-service-name{color:#333;font-size:1.2rem;font-weight:500}.booking-treatments-list{margin:0;padding:0;list-style:none}.booking-treatment-item{border-bottom:1px dotted #e9ecef;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.booking-treatment-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.treatment-name{color:#333;font-size:1.1rem;font-weight:500}.treatment-duration{color:#666;font-size:.95rem}.booking-price-duration{flex-direction:column;align-items:flex-end;min-width:100px;display:flex}.booking-price{color:#28a745;margin-bottom:.5rem;font-size:1.2rem;font-weight:700;transition:all .3s}.booking-duration{color:#666;font-size:.85rem}.booking-actions{border-top:1px dashed #e9ecef;justify-content:flex-end;margin-top:.5rem;padding-top:.75rem;display:flex}.btn-cancel-booking{color:#dc3545;cursor:pointer;background-color:#0000;border:1px solid #dc3545;border-radius:50px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .2s}.btn-cancel-booking:hover{background-color:#dc35451a;transform:translateY(-2px)}.no-bookings{text-align:center;color:#666;background-color:#f8f9fa;border-left:4px solid #e9ecef;border-radius:12px;padding:2.5rem}.btn-book-new{color:#333;cursor:pointer;background-color:#0dc4bb;border:none;border-radius:50px;margin-top:1.5rem;padding:.75rem 1.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-book-new:hover{background-color:#0cb0a8;transform:translateY(-2px);box-shadow:0 4px 10px #92c6ca4d}.loyalty-points-container{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:2.5rem;padding:2rem;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000d}.loyalty-points-container:before{content:"";background:linear-gradient(90deg,#b2d8db,#92c6ca);width:100%;height:5px;position:absolute;top:0;left:0}.loyalty-points-title{color:#333;text-align:center;margin-bottom:2rem;font-size:1.4rem;font-weight:600}.loyalty-points-visualization{margin-bottom:2rem;padding:0 1rem}.loyalty-progress-container{max-width:700px;height:80px;margin:0 auto;position:relative}.loyalty-progress-bar{background:linear-gradient(90deg,#b2d8db,#92c6ca);border-radius:4px;height:8px;transition:width 1.5s cubic-bezier(.165,.84,.44,1);position:absolute;bottom:0;left:0}.loyalty-progress-steps{justify-content:space-between;display:flex;position:absolute;top:0;left:0;right:0}.loyalty-step{color:#666;z-index:2;background-color:#fff;border:2px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.loyalty-step.active{color:#333;background-color:#b2d8db;border-color:#92c6ca;transform:scale(1.1);box-shadow:0 5px 15px #92c6ca4d}.loyalty-points-status{text-align:center;margin-top:2.5rem}.loyalty-discount-available{background-color:#28a74514;border:1px solid #28a74533;border-radius:12px;padding:1.5rem}.loyalty-congrats{color:#28a745;margin-bottom:.5rem;font-size:1.4rem;font-weight:700;display:inline-block}.btn-book-with-discount{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:50px;margin-top:1.5rem;padding:.75rem 1.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-book-with-discount:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 4px 10px #2188384d}.loyalty-info{padding:1rem 0}.loyalty-remaining{color:#333;margin-bottom:1rem;font-size:1.2rem}.loyalty-count{color:#b2d8db;font-size:1.4rem;font-weight:700}.loyalty-explanation{color:#666;max-width:600px;margin:0 auto;font-size:.95rem;line-height:1.6}.price-details{opacity:.7;background-color:#f9f9f9;border-left:2px solid #b2d8db;border-radius:.25rem;margin-top:.3rem;padding:.3rem .5rem;font-size:.7rem}.booking-card:hover .price-details{opacity:1}.loyalty-progress-section{border-bottom:2px solid #f1f5f9;margin-bottom:2.5rem;padding-bottom:2rem}.loyalty-progress-card{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:1px solid #e9ecef;border-radius:1.2rem;padding:2rem;position:relative;overflow:hidden;box-shadow:0 .4rem 1.2rem #00000014}.loyalty-progress-card:before{content:"";background:linear-gradient(90deg,#b2d8db,#9bc5c8);height:4px;position:absolute;top:0;left:0;right:0}.loyalty-header{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.loyalty-icon{color:#fff;background:linear-gradient(135deg,#b2d8db 0%,#9bc5c8 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;box-shadow:0 .4rem 1.2rem #b2d8db4d}.loyalty-title h3{color:#1f2937;margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.loyalty-title p{color:#6b7280;margin:0;font-size:1.3rem}.loyalty-loading{text-align:center;padding:2rem}.spinner{border:3px solid #e5e7eb;border-top-color:#b2d8db;border-radius:50%;width:3rem;height:3rem;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loyalty-eligible{text-align:center;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:2px solid #bbf7d0;border-radius:1rem;padding:2rem}.celebration-badge{margin-bottom:1rem;font-size:4rem;display:block}.loyalty-eligible h4{color:#059669;margin:0 0 1rem;font-size:2rem;font-weight:700}.loyalty-eligible p{color:#166534;margin:0;font-size:1.5rem}.loyalty-progress{background:#b2d8db1a;border-radius:1rem;padding:2rem}.loyalty-reset{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:2px solid #0ea5e9;border-radius:1rem;padding:2rem}.reset-info{border-bottom:2px solid #0ea5e933;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.reset-icon{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:3rem;display:flex;box-shadow:0 .4rem 1.2rem #22c55e4d}.reset-content h4{color:#0c4a6e;margin:0 0 1rem;font-size:1.8rem;font-weight:700}.reset-description{color:#075985;margin:0 0 1rem;font-size:1.4rem;line-height:1.5}.reset-restart{color:#0369a1;background:#0ea5e91a;border-left:4px solid #0ea5e9;border-radius:.8rem;margin:0;padding:.8rem 1.2rem;font-size:1.3rem;font-weight:600}.progress-section{background:#ffffffb3;border:1px solid #0ea5e933;border-radius:1rem;padding:2rem}.progress-info{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.progress-numbers{color:#1f2937;margin-bottom:.5rem;font-size:2.4rem;font-weight:700}.progress-text{color:#6b7280;font-size:1.3rem}.progress-bar-container{margin:2rem 0}.progress-bar{background:#e5e7eb;border-radius:.6rem;width:100%;height:1.2rem;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#b2d8db 0%,#9bc5c8 100%);border-radius:.6rem;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-remaining{text-align:center}.remaining-count{color:#b2d8db;margin-bottom:.5rem;font-size:1.8rem;font-weight:700;display:block}.remaining-text{color:#6b7280;font-size:1.4rem}.birthday-bonus{background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);border:2px solid #f9a8d4;border-radius:1rem;align-items:center;gap:1.5rem;margin-top:2rem;padding:1.5rem;display:flex}.birthday-icon{flex-shrink:0;font-size:3rem}.birthday-text h4{color:#be185d;margin:0 0 .5rem;font-size:1.6rem;font-weight:700}.birthday-text p{color:#9d174d;margin:0;font-size:1.3rem}.loyalty-error{text-align:center;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:1rem;padding:2rem}@media (max-width:768px){.loyalty-progress-card{padding:1.5rem}.loyalty-header{text-align:center;flex-direction:column;gap:1rem}.loyalty-icon{width:3.5rem;height:3.5rem}.loyalty-title h3{font-size:1.6rem}.progress-numbers{font-size:2rem}.remaining-count{font-size:1.6rem}.birthday-bonus{text-align:center;flex-direction:column}.celebration-badge{font-size:3rem}.loyalty-eligible h4{font-size:1.8rem}.loyalty-reset{padding:1.5rem}.reset-info{text-align:center;flex-direction:column;gap:1rem}.reset-icon{width:3.5rem;height:3.5rem;font-size:2.5rem}.reset-content h4{font-size:1.6rem}.reset-description{font-size:1.3rem}.reset-restart{padding:.6rem 1rem;font-size:1.2rem}.progress-section{padding:1.5rem}}@media (max-width:480px){.loyalty-progress-card{padding:1rem}.loyalty-title h3{font-size:1.4rem}.progress-numbers{font-size:1.8rem}.loyalty-eligible h4{font-size:1.6rem}.birthday-text h4{font-size:1.4rem}.loyalty-reset{padding:1rem}.reset-icon{width:3rem;height:3rem;font-size:2rem}.reset-content h4{font-size:1.4rem}.reset-description{font-size:1.2rem}.reset-restart{padding:.5rem .8rem;font-size:1.1rem}.progress-section{padding:1rem}}