.appointments-module-scss-module__mg0E6W__pageContainer{background-color:#0000;background-image:linear-gradient(135deg,#0a0a0a17 0%,#1a1a1af2 100%),url(/assets/backgrounds/profile-bg.svg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;padding:2rem 1rem 6rem}@media (min-width:768px){.appointments-module-scss-module__mg0E6W__pageContainer{padding:6rem 2rem 2rem}}.appointments-module-scss-module__mg0E6W__header{justify-content:space-between;align-items:center;max-width:900px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;display:flex}.appointments-module-scss-module__mg0E6W__header h1{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.appointments-module-scss-module__mg0E6W__header .appointments-module-scss-module__mg0E6W__backButton{color:#b28756;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#b2875626;border:1px solid #b2875633;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;transition:all .2s;display:flex}.appointments-module-scss-module__mg0E6W__header .appointments-module-scss-module__mg0E6W__backButton:hover{background:#b2875640;transform:scale(1.05)}@media (min-width:768px){.appointments-module-scss-module__mg0E6W__header .appointments-module-scss-module__mg0E6W__backButton{display:none}}.appointments-module-scss-module__mg0E6W__header .appointments-module-scss-module__mg0E6W__placeholder{width:40px}.appointments-module-scss-module__mg0E6W__tabSwitch{-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid #b2875633;border-radius:16px;gap:1rem;max-width:900px;margin:0 auto 2rem;padding:.5rem;display:flex;box-shadow:inset 0 1px 3px #ffffff1a;-webkit-backdrop-filter:blur(10px)brightness(.65)!important;backdrop-filter:blur(10px)brightness(.65)!important}.appointments-module-scss-module__mg0E6W__tabSwitch .appointments-module-scss-module__mg0E6W__tabButton{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex;position:relative}.appointments-module-scss-module__mg0E6W__tabSwitch .appointments-module-scss-module__mg0E6W__tabButton svg{font-size:1.25rem}.appointments-module-scss-module__mg0E6W__tabSwitch .appointments-module-scss-module__mg0E6W__tabButton .appointments-module-scss-module__mg0E6W__badge{color:#fff;text-align:center;background:linear-gradient(135deg,#e2ac6f 0%,#a67b4a 100%);border-radius:12px;min-width:20px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.appointments-module-scss-module__mg0E6W__tabSwitch .appointments-module-scss-module__mg0E6W__tabButton:hover:not(.appointments-module-scss-module__mg0E6W__active){color:#cde1f8;background:#b287560d}.appointments-module-scss-module__mg0E6W__tabSwitch .appointments-module-scss-module__mg0E6W__tabButton.appointments-module-scss-module__mg0E6W__active{color:#e8ac68;background:linear-gradient(135deg,#b2875640 0%,#a2734240 100%);box-shadow:0 2px 8px #b2875633}@media (max-width:480px){.appointments-module-scss-module__mg0E6W__tabSwitch .appointments-module-scss-module__mg0E6W__tabButton{flex-direction:column;padding:.75rem 1rem;font-size:.875rem;display:flex}.appointments-module-scss-module__mg0E6W__tabSwitch .appointments-module-scss-module__mg0E6W__tabButton svg{font-size:1.5rem}}.appointments-module-scss-module__mg0E6W__appointmentsList{max-width:900px;margin:0 auto}.appointments-module-scss-module__mg0E6W__cardsContainer{flex-direction:column;gap:1rem;display:flex}.appointments-module-scss-module__mg0E6W__appointmentCard{border:1px solid #b2875633;border-radius:20px;padding:1.5rem;transition:all .3s;box-shadow:0 8px 24px #0000004d,inset 0 1px 3px #ffffff1a;-webkit-backdrop-filter:blur(10px)brightness(.65)!important;backdrop-filter:blur(10px)brightness(.65)!important}.appointments-module-scss-module__mg0E6W__appointmentCard:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0006,inset 0 1px 3px #ffffff26}.appointments-module-scss-module__mg0E6W__appointmentCard.appointments-module-scss-module__mg0E6W__cancelled{opacity:.7;border-color:#ef44444d}.appointments-module-scss-module__mg0E6W__salonInfo{border-bottom:1px solid #b2875633;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.appointments-module-scss-module__mg0E6W__salonInfo .appointments-module-scss-module__mg0E6W__salonImage{border:2px solid #b287564d;border-radius:16px;width:100px;min-width:100px;height:100px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.appointments-module-scss-module__mg0E6W__salonInfo .appointments-module-scss-module__mg0E6W__salonImage img{object-fit:cover;width:100%;height:100%}.appointments-module-scss-module__mg0E6W__salonInfo .appointments-module-scss-module__mg0E6W__salonImage .appointments-module-scss-module__mg0E6W__cancelledOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ef4444e6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.appointments-module-scss-module__mg0E6W__salonInfo .appointments-module-scss-module__mg0E6W__salonImage .appointments-module-scss-module__mg0E6W__cancelledOverlay span{color:#fff;font-size:.875rem;font-weight:600;transform:rotate(-15deg)}.appointments-module-scss-module__mg0E6W__salonInfo .appointments-module-scss-module__mg0E6W__salonDetails{flex-direction:column;flex:1;gap:.5rem;display:flex}.appointments-module-scss-module__mg0E6W__salonInfo .appointments-module-scss-module__mg0E6W__salonDetails h3{color:#fff;margin:0;font-size:1.125rem;font-weight:700}.appointments-module-scss-module__mg0E6W__salonInfo .appointments-module-scss-module__mg0E6W__salonDetails .appointments-module-scss-module__mg0E6W__salonMeta{flex-direction:column;gap:.375rem;display:flex}.appointments-module-scss-module__mg0E6W__salonInfo .appointments-module-scss-module__mg0E6W__salonDetails .appointments-module-scss-module__mg0E6W__salonMeta .appointments-module-scss-module__mg0E6W__metaItem{color:#94a3b8;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.appointments-module-scss-module__mg0E6W__salonInfo .appointments-module-scss-module__mg0E6W__salonDetails .appointments-module-scss-module__mg0E6W__salonMeta .appointments-module-scss-module__mg0E6W__metaItem svg{color:#b28756;font-size:1rem}.appointments-module-scss-module__mg0E6W__salonInfo .appointments-module-scss-module__mg0E6W__salonDetails .appointments-module-scss-module__mg0E6W__salonMeta .appointments-module-scss-module__mg0E6W__metaItem:last-child{color:#fbbf24}.appointments-module-scss-module__mg0E6W__dateTime{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.appointments-module-scss-module__mg0E6W__dateTime .appointments-module-scss-module__mg0E6W__dateTimeItem{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#b2875614;border:1px solid #b2875633;border-radius:12px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;display:flex}.appointments-module-scss-module__mg0E6W__dateTime .appointments-module-scss-module__mg0E6W__dateTimeItem svg{color:#b28756;font-size:1.125rem}.appointments-module-scss-module__mg0E6W__services{margin-bottom:1rem}.appointments-module-scss-module__mg0E6W__services h4{color:#cbd5e1;margin:0 0 .75rem;font-size:.95rem;font-weight:600}.appointments-module-scss-module__mg0E6W__services .appointments-module-scss-module__mg0E6W__servicesList{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.appointments-module-scss-module__mg0E6W__services .appointments-module-scss-module__mg0E6W__servicesList .appointments-module-scss-module__mg0E6W__serviceItem{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#b2875614;border:1px solid #b2875626;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:.75rem;display:grid}.appointments-module-scss-module__mg0E6W__services .appointments-module-scss-module__mg0E6W__servicesList .appointments-module-scss-module__mg0E6W__serviceItem .appointments-module-scss-module__mg0E6W__serviceName{color:#fff;font-size:.875rem;font-weight:500}.appointments-module-scss-module__mg0E6W__services .appointments-module-scss-module__mg0E6W__servicesList .appointments-module-scss-module__mg0E6W__serviceItem .appointments-module-scss-module__mg0E6W__serviceDuration{color:#94a3b8;white-space:nowrap;font-size:.8rem}.appointments-module-scss-module__mg0E6W__services .appointments-module-scss-module__mg0E6W__servicesList .appointments-module-scss-module__mg0E6W__serviceItem .appointments-module-scss-module__mg0E6W__servicePrice{color:#b28756;white-space:nowrap;font-size:.85rem;font-weight:600}.appointments-module-scss-module__mg0E6W__services .appointments-module-scss-module__mg0E6W__totalPrice{background:#b2875626;border:1px solid #b287564d;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-weight:600;display:flex}.appointments-module-scss-module__mg0E6W__services .appointments-module-scss-module__mg0E6W__totalPrice span:first-child{color:#cbd5e1;font-size:.95rem}.appointments-module-scss-module__mg0E6W__services .appointments-module-scss-module__mg0E6W__totalPrice span:last-child{color:#b28756;font-size:1rem}.appointments-module-scss-module__mg0E6W__statusBadge{margin-bottom:1rem;display:flex}.appointments-module-scss-module__mg0E6W__statusBadge .appointments-module-scss-module__mg0E6W__status{text-align:center;border-radius:8px;flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.appointments-module-scss-module__mg0E6W__statusBadge .appointments-module-scss-module__mg0E6W__status.appointments-module-scss-module__mg0E6W__pending{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.appointments-module-scss-module__mg0E6W__statusBadge .appointments-module-scss-module__mg0E6W__status.appointments-module-scss-module__mg0E6W__confirmed{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d}.appointments-module-scss-module__mg0E6W__statusBadge .appointments-module-scss-module__mg0E6W__status.appointments-module-scss-module__mg0E6W__completed{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d}.appointments-module-scss-module__mg0E6W__statusBadge .appointments-module-scss-module__mg0E6W__status.appointments-module-scss-module__mg0E6W__cancelled{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.appointments-module-scss-module__mg0E6W__statusBadge .appointments-module-scss-module__mg0E6W__status.appointments-module-scss-module__mg0E6W__no_show{color:#d1d5db;background:#6b728026;border:1px solid #6b72804d}.appointments-module-scss-module__mg0E6W__actions{flex-wrap:wrap;gap:.75rem;display:flex}.appointments-module-scss-module__mg0E6W__actions button{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:140px;padding:.875rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.appointments-module-scss-module__mg0E6W__actions button svg{font-size:1.125rem}.appointments-module-scss-module__mg0E6W__actions .appointments-module-scss-module__mg0E6W__cancelButton{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.appointments-module-scss-module__mg0E6W__actions .appointments-module-scss-module__mg0E6W__cancelButton:hover{background:#ef444440;border-color:#ef444480;transform:translateY(-2px)}.appointments-module-scss-module__mg0E6W__actions .appointments-module-scss-module__mg0E6W__detailButton{color:#fff;background:linear-gradient(135deg,#b28756 0%,#a67b4a 100%);box-shadow:inset 0 1px 2px #fff3}.appointments-module-scss-module__mg0E6W__actions .appointments-module-scss-module__mg0E6W__detailButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b287564d,inset 0 1px 2px #ffffff40}.appointments-module-scss-module__mg0E6W__emptyState{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.appointments-module-scss-module__mg0E6W__emptyState svg{color:#b287564d;margin-bottom:1rem;font-size:4rem}.appointments-module-scss-module__mg0E6W__emptyState p{margin:0;font-size:1.125rem}.appointments-module-scss-module__mg0E6W__loadingContainer{background-color:#0000;background-image:linear-gradient(135deg,#0a0a0af2 0%,#1a1a1af2 100%),url(/assets/backgrounds/profile-bg.svg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.appointments-module-scss-module__mg0E6W__loadingContainer p{color:#94a3b8;font-size:1rem}.appointments-module-scss-module__mg0E6W__loadingContainer .appointments-module-scss-module__mg0E6W__spinner{border:3px solid #b2875633;border-top-color:#b28756;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite appointments-module-scss-module__mg0E6W__spin}@keyframes appointments-module-scss-module__mg0E6W__spin{to{transform:rotate(360deg)}}@media (max-width:480px){.appointments-module-scss-module__mg0E6W__appointmentCard{padding:1rem}.appointments-module-scss-module__mg0E6W__salonInfo .appointments-module-scss-module__mg0E6W__salonImage{width:80px;min-width:80px;height:80px}.appointments-module-scss-module__mg0E6W__salonInfo .appointments-module-scss-module__mg0E6W__salonDetails h3{font-size:1rem}.appointments-module-scss-module__mg0E6W__services .appointments-module-scss-module__mg0E6W__servicesList .appointments-module-scss-module__mg0E6W__serviceItem{grid-template-columns:1fr;gap:.375rem}.appointments-module-scss-module__mg0E6W__services .appointments-module-scss-module__mg0E6W__servicesList .appointments-module-scss-module__mg0E6W__serviceItem .appointments-module-scss-module__mg0E6W__serviceDuration,.appointments-module-scss-module__mg0E6W__services .appointments-module-scss-module__mg0E6W__servicesList .appointments-module-scss-module__mg0E6W__serviceItem .appointments-module-scss-module__mg0E6W__servicePrice{font-size:.75rem}.appointments-module-scss-module__mg0E6W__services .appointments-module-scss-module__mg0E6W__servicesList .appointments-module-scss-module__mg0E6W__serviceItem .appointments-module-scss-module__mg0E6W__servicePrice{position:absolute;bottom:.7rem;left:1rem}.appointments-module-scss-module__mg0E6W__actions button{padding:.75rem 1rem;font-size:.875rem}}