body{-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}:root{--color-ink:#111;--color-charcoal:#555;--color-mute:#888;--color-ash:#aaa;--color-hairline:#e0e0e0;--color-hairline-soft:#eee;--color-canvas:#fff;--color-soft-cloud:#f4f4f4;--color-purple:#667eea;--color-purple-dark:#764ba2;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-section:40px;--rounded-sm:4px;--rounded-md:8px;--rounded-lg:12px;--rounded-xl:16px;--rounded-full:9999px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body-medium:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Bebas Neue", "Impact", sans-serif}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.products-footer{background:var(--color-ink);color:var(--color-canvas);margin-top:64px;padding:48px 0 0}.products-footer__grid{gap:var(--spacing-xxl);padding-bottom:var(--spacing-xxl);grid-template-columns:1.5fr repeat(4,1fr);display:grid}.products-footer__logo{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:var(--color-canvas);margin-bottom:var(--spacing-lg);font-size:28px;font-weight:400;line-height:1;text-decoration:none;display:block}.products-footer__links li a,.products-footer__links li a:visited{color:#ffffffbf;font-size:13px;font-weight:400;text-decoration:none;transition:color .15s}.products-footer__links li a:hover{color:var(--color-canvas)}.products-footer__bottom{padding:var(--spacing-lg) 0 var(--spacing-xl);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.products-footer__copyright{color:#ffffff59;font-size:12px}.products-footer__legal a,.products-footer__legal a:visited{color:#ffffff59;font-size:12px;text-decoration:none;transition:color .15s}@media (width<=1023px){.products-footer__grid{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.products-footer{padding:32px 0 0}.products-footer__inner{padding:0 var(--spacing-lg)}.products-footer__grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.products-footer__brand{grid-column:1/-1}.products-footer__bottom{gap:var(--spacing-md);text-align:center;flex-direction:column}.products-footer__legal{gap:var(--spacing-lg)}}.homepage{background:var(--color-canvas);min-height:100vh;font-family:var(--font-body);color:var(--color-ink);-webkit-font-smoothing:antialiased}.home-utility-bar{background:var(--color-soft-cloud);border-bottom:1px solid var(--color-hairline-soft)}.home-utility-bar__inner{max-width:1440px;padding:0 var(--spacing-section);justify-content:space-between;align-items:center;height:36px;margin:0 auto;display:flex}.home-utility-bar__text{letter-spacing:1px;text-transform:uppercase;color:var(--color-ink);font-size:11px;font-weight:500}.home-utility-bar__links{align-items:center;gap:var(--spacing-xl);display:flex}.home-utility-bar__links a{letter-spacing:.5px;text-transform:uppercase;color:var(--color-mute);font-size:11px;font-weight:500;text-decoration:none;transition:color .15s}.home-utility-bar__links a:hover{color:var(--color-ink)}.home-nav{background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);z-index:100;position:sticky;top:0}.home-nav__inner{max-width:1440px;padding:0 var(--spacing-section);justify-content:space-between;align-items:center;height:56px;margin:0 auto;display:flex}.home-nav__logo{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:var(--color-ink);font-size:22px;font-weight:400;line-height:1;text-decoration:none}.home-nav__links{align-items:center;gap:var(--spacing-xxl);list-style:none;display:flex}.home-nav__links a{color:var(--color-ink);letter-spacing:.3px;white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s}.home-nav__links a:hover{opacity:.5}.home-nav__links a.is-active{opacity:1}.home-nav__actions{align-items:center;gap:var(--spacing-md);display:flex}.home-nav__icon-btn{border-radius:var(--rounded-full);cursor:pointer;width:40px;height:40px;color:var(--color-ink);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.home-nav__icon-btn:hover{background:var(--color-soft-cloud)}.home-hero{background:var(--color-soft-cloud);min-height:640px;max-height:740px;position:relative;overflow:hidden}.home-hero__image-wrap{z-index:0;position:absolute;inset:0}.home-hero__image-wrap img,.home-hero__bg{object-fit:cover;object-position:center 25%;width:100%;height:100%;display:block}.home-hero__overlay{z-index:1;background:linear-gradient(105deg,#111111e0 0%,#1111118c 45%,#1111110d 100%);position:absolute;inset:0}.home-hero__content{z-index:2;padding:var(--spacing-section) var(--spacing-section);max-width:580px;position:relative}.home-hero__eyebrow{letter-spacing:5px;text-transform:uppercase;color:var(--color-hairline);margin-bottom:var(--spacing-lg);font-size:11px;font-weight:500}.home-hero__title{font-family:var(--font-display);letter-spacing:-1px;text-transform:uppercase;color:var(--color-canvas);margin-bottom:var(--spacing-xxl);text-shadow:0 2px 40px #00000040;font-size:clamp(80px,11vw,136px);font-weight:400;line-height:.86}.home-hero__sub{color:#ffffffbf;max-width:340px;margin-bottom:var(--spacing-xxl);font-size:14px;font-weight:400;line-height:1.65}.home-hero__cta-group{align-items:center;gap:var(--spacing-md);display:flex}.home-hero__cta-primary{align-items:center;gap:var(--spacing-sm);background:var(--color-canvas);color:var(--color-ink);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;padding:14px 28px;font-size:14px;font-weight:500;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.home-hero__cta-primary:hover{transform:scale(.97)}.home-hero__cta-primary:active{opacity:.5;transform:scale(.5)}.home-hero__cta-secondary{align-items:center;gap:var(--spacing-sm);color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;background:0 0;border:1.5px solid #ffffff80;padding:13px 26px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.home-hero__cta-secondary:hover{border-color:var(--color-canvas);background:#ffffff1a}.home-promo-bar{background:var(--color-ink);color:var(--color-canvas);text-align:center;padding:13px var(--spacing-section);letter-spacing:3px;text-transform:uppercase;font-size:12px;font-weight:600}.home-promo-bar span{opacity:.6;margin-right:var(--spacing-md);font-weight:400}.home-categories{background:var(--color-canvas)}.home-categories__header{max-width:1440px;padding:var(--spacing-section) var(--spacing-section) var(--spacing-xl);border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:baseline;margin:0 auto;display:flex}.home-categories__title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:1px;text-transform:uppercase;font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1}.home-categories__link{letter-spacing:1px;text-transform:uppercase;color:var(--color-mute);align-items:center;gap:6px;font-size:12px;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.home-categories__link:hover{color:var(--color-ink)}.home-categories__grid{max-width:1440px;padding:var(--spacing-section) var(--spacing-section);gap:var(--spacing-section) var(--spacing-sm);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.home-cat-card{cursor:pointer;aspect-ratio:3/4;text-decoration:none;display:block;position:relative;overflow:hidden}.home-cat-card__image{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.home-cat-card:hover .home-cat-card__image{transform:scale(1.05)}.home-cat-card__overlay{background:linear-gradient(#0000 0%,#1111111a 50%,#1119 100%);position:absolute;inset:0}.home-cat-card__label{bottom:var(--spacing-lg);left:var(--spacing-lg);color:var(--color-canvas);letter-spacing:1.5px;text-transform:uppercase;font-size:14px;font-weight:600;line-height:1;position:absolute}.home-products{background:var(--color-canvas)}.home-products__header{max-width:1440px;padding:var(--spacing-section) var(--spacing-section) var(--spacing-xl);border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:baseline;margin:0 auto;display:flex}.home-products__title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:1px;text-transform:uppercase;font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1}.home-products__link{letter-spacing:1px;text-transform:uppercase;color:var(--color-mute);align-items:center;gap:6px;font-size:12px;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.home-products__link:hover{color:var(--color-ink)}.home-products__grid{max-width:1440px;padding:var(--spacing-section) var(--spacing-section);gap:var(--spacing-section) var(--spacing-sm);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.home-product-card{background:var(--color-canvas);cursor:pointer;color:var(--color-ink);border:1px solid #0000;border-radius:0;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.home-product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.home-product-card__image-wrap{aspect-ratio:3/4;background:var(--color-soft-cloud);width:100%;position:relative;overflow:hidden}.home-product-card__image{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.home-product-card:hover .home-product-card__image{transform:scale(1.05)}.home-product-card__body{padding:var(--spacing-lg) 0 0;gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.home-product-card__name{color:var(--color-ink);letter-spacing:-.1px;font-size:14px;font-weight:600;line-height:1.4}.home-product-card__price{color:var(--color-ink);letter-spacing:-.3px;margin-top:var(--spacing-sm);font-size:15px;font-weight:700}.home-social{background:var(--color-canvas)}.home-social__header{max-width:1440px;padding:var(--spacing-section) var(--spacing-section) var(--spacing-xl);border-bottom:1px solid var(--color-hairline);margin:0 auto}.home-social__title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:1px;text-transform:uppercase;text-align:left;font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1}.home-social__grid{max-width:1440px;padding:var(--spacing-section) var(--spacing-section);gap:var(--spacing-section) var(--spacing-sm);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.home-social__card{background:var(--color-canvas);cursor:pointer;color:var(--color-ink);border:1px solid #0000;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.home-social__card:hover{border-color:var(--color-hairline);transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.home-social__card-img-wrap{aspect-ratio:3/4;background:var(--color-soft-cloud);width:100%;overflow:hidden}.home-social__card-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.home-social__card:hover .home-social__card-img-wrap img{transform:scale(1.05)}.home-social__card-body{padding:var(--spacing-lg) 0 0;gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.home-social__card-name{color:var(--color-ink);font-size:13px;font-weight:600;line-height:1.4}.home-social__card-price{color:var(--color-ink);letter-spacing:-.3px;margin-top:var(--spacing-sm);font-size:14px;font-weight:700}.home-editorial{background:var(--color-canvas)}.home-editorial__header{max-width:1440px;padding:var(--spacing-section) var(--spacing-section) var(--spacing-xl);margin:0 auto}.home-editorial__title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:1px;text-transform:uppercase;text-align:center;font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1}.home-editorial__grid{max-width:1440px;padding:0 var(--spacing-section) var(--spacing-section);gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.home-editorial-card{aspect-ratio:3/5;cursor:pointer;text-decoration:none;display:block;position:relative;overflow:hidden}.home-editorial-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.home-editorial-card:hover img{transform:scale(1.04)}.home-editorial-card__overlay{background:linear-gradient(#0000 0%,#11111126 40%,#111111bf 100%);position:absolute;inset:0}.home-editorial-card__content{bottom:var(--spacing-xl);left:var(--spacing-xl);right:var(--spacing-xl);position:absolute}.home-editorial-card__eyebrow{letter-spacing:3px;text-transform:uppercase;color:#fff9;margin-bottom:var(--spacing-sm);font-size:10px;font-weight:500}.home-editorial-card__title{color:var(--color-canvas);margin-bottom:var(--spacing-lg);font-size:22px;font-weight:700;line-height:1.2}.home-editorial-card__cta{align-items:center;gap:var(--spacing-sm);background:var(--color-canvas);color:var(--color-ink);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;padding:10px 20px;font-size:12px;font-weight:500;text-decoration:none;transition:transform .2s;display:inline-flex}.home-editorial-card:hover .home-editorial-card__cta{transform:scale(.97)}.home-split-banner{background:var(--color-canvas);grid-template-columns:1fr 1fr;min-height:400px;display:grid;overflow:hidden}.home-split-banner--reversed{direction:rtl}.home-split-banner--reversed>*{direction:ltr}.home-split-banner__image{position:relative;overflow:hidden}.home-split-banner__image img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s;display:block;position:absolute;inset:0}.home-split-banner:hover .home-split-banner__image img{transform:scale(1.04)}.home-split-banner__content{padding:var(--spacing-section);background:var(--color-soft-cloud);flex-direction:column;justify-content:center;min-height:400px;display:flex}.home-split-banner--ink .home-split-banner__content{background:var(--color-ink)}.home-split-banner--pink .home-split-banner__content{background:linear-gradient(135deg,#f8d8ea 0%,#fce8f4 100%)}.home-split-banner--yellow .home-split-banner__content{background:#ffd500}.home-split-banner__eyebrow{letter-spacing:3px;text-transform:uppercase;margin-bottom:var(--spacing-lg);font-size:11px;font-weight:500}.home-split-banner__eyebrow--light{color:var(--color-hairline)}.home-split-banner__eyebrow--dark{color:var(--color-mute)}.home-split-banner__title{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--spacing-lg);font-size:clamp(40px,5vw,64px);font-weight:400;line-height:.95}.home-split-banner__title--light{color:var(--color-canvas)}.home-split-banner__title--dark{color:var(--color-ink)}.home-split-banner__sub{color:var(--color-charcoal);max-width:380px;margin-bottom:var(--spacing-xl);font-size:14px;line-height:1.65}.home-split-banner__sub--light{color:#ffffffa6}.home-split-banner__cta{align-items:center;gap:var(--spacing-sm);background:var(--color-canvas);color:var(--color-ink);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;width:fit-content;padding:13px 26px;font-size:13px;font-weight:500;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.home-split-banner__cta:hover{transform:scale(.97)}.home-split-banner--yellow .home-split-banner__cta{background:var(--color-ink);color:var(--color-canvas)}.home-split-banner--ink .home-split-banner__cta{background:var(--color-canvas)}.home-member-band{background:var(--color-ink);padding:var(--spacing-section) var(--spacing-section);justify-content:center;align-items:center;gap:var(--spacing-xxl);flex-wrap:wrap;display:flex}.home-member-item{align-items:center;gap:var(--spacing-md);color:var(--color-canvas);text-decoration:none;display:flex}.home-member-item__icon{flex-shrink:0;font-size:20px}.home-member-item__text{letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:600}.home-member-divider{background:#ffffff26;width:1px;height:24px}@media (width<=1023px){.home-categories__grid,.home-products__grid,.home-social__grid,.home-editorial__grid{grid-template-columns:repeat(2,1fr)}.home-split-banner{grid-template-columns:1fr;min-height:auto}.home-split-banner__image{min-height:280px}.home-split-banner__content{min-height:320px}.home-split-banner--reversed{direction:ltr}.home-hero{min-height:480px;max-height:540px}.home-hero__content{padding:var(--spacing-xl) var(--spacing-xl)}}@media (width<=767px){.home-utility-bar__inner{padding:0 var(--spacing-lg)}.home-utility-bar__links{gap:var(--spacing-lg)}.home-nav__inner{padding:0 var(--spacing-lg)}.home-nav__links{display:none}.home-hero{min-height:480px;max-height:540px}.home-hero__content{padding:var(--spacing-xl) var(--spacing-lg)}.home-hero__title{font-size:clamp(56px,16vw,96px)}.home-hero__cta-group{flex-direction:column;align-items:flex-start}.home-categories__header,.home-products__header,.home-social__header,.home-editorial__header{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg)}.home-categories__grid,.home-products__grid,.home-social__grid{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-xl);gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.home-editorial__grid{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-xl);grid-template-columns:1fr}.home-editorial-card{aspect-ratio:4/3}.home-split-banner__content{padding:var(--spacing-xl) var(--spacing-lg)}.home-member-band{gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-lg)}.home-member-divider{display:none}}@media (width<=480px){.home-products__grid,.home-social__grid{grid-template-columns:1fr}}.home-notif{position:relative}.home-notif__btn{color:var(--color-ink)}.home-notif__badge{color:#fff;border:2px solid var(--color-canvas);background:#ef4444;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:3px;right:3px}.home-notif__panel{background:var(--color-canvas);border-radius:var(--rounded-lg);z-index:200;border:1px solid var(--color-hairline);width:380px;animation:.2s dropdownSlide;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #0000001f}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.home-notif__header{border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.home-notif__header h3{color:var(--color-ink);margin:0;font-size:15px;font-weight:700}.home-notif__mark-read{color:#667eea;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-body);background:0 0;border:none}.home-notif__mark-read:hover{text-decoration:underline}.home-notif__list{max-height:400px;overflow-y:auto}.home-notif__empty{color:var(--color-mute);align-items:center;gap:var(--spacing-sm);flex-direction:column;padding:40px 20px;display:flex}.home-notif__empty svg{opacity:.3;width:36px;height:36px}.home-notif__empty p{color:var(--color-mute);margin:0;font-size:13px}.home-notif__item{cursor:pointer;border-bottom:1px solid var(--color-hairline-soft);align-items:flex-start;gap:12px;padding:14px 20px;transition:background .15s;display:flex;position:relative}.home-notif__item:last-child{border-bottom:none}.home-notif__item:hover{background:var(--color-soft-cloud)}.home-notif__item.unread{background:#f0f7ff}.home-notif__item.unread:hover{background:#e8f0fe}.home-notif__item-icon{background:var(--color-soft-cloud);color:#667eea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.home-notif__item-icon svg{width:16px;height:16px}.home-notif__item-body{flex:1;min-width:0}.home-notif__item-title{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:13px;font-weight:600;overflow:hidden}.home-notif__item-msg{color:var(--color-charcoal);-webkit-line-clamp:2;line-clamp:2;box-orient:vertical;-webkit-box-orient:vertical;margin:0 0 4px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.home-notif__item-time{color:var(--color-mute);font-size:11px}.home-notif__dot{background:#667eea;border-radius:50%;flex-shrink:0;width:8px;height:8px;position:absolute;top:18px;right:16px}.home-notif__footer{border-top:1px solid var(--color-hairline-soft);text-align:center;padding:8px 20px 12px}.home-notif__view-all{color:#667eea;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);background:0 0;border:none;border-radius:6px;padding:6px 12px;transition:background .15s}.home-notif__view-all:hover{background:#f0f7ff}.home-welcome{z-index:9999;pointer-events:none;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards welcomeIn;position:fixed;top:0;left:50%;transform:translate(-50%)translateY(-100%)}.home-welcome.is-leaving{animation:.4s ease-in forwards welcomeOut}@keyframes welcomeIn{0%{opacity:0;transform:translate(-50%)translateY(-100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes welcomeOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-100%)}}.home-welcome__inner{background:var(--color-ink,#111);color:var(--color-canvas,#fff);border-radius:0 0 20px 20px;align-items:center;gap:12px;min-width:320px;max-width:480px;margin-top:0;padding:14px 24px;display:flex;box-shadow:0 8px 32px #00000040}.home-welcome__icon{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.home-welcome__icon svg{width:18px;height:18px}.home-welcome__text{flex-direction:column;gap:2px;display:flex}.home-welcome__greeting{letter-spacing:2px;text-transform:uppercase;color:#ffffff8c;font-size:11px;font-weight:500}.home-welcome__name{color:var(--color-canvas,#fff);letter-spacing:-.2px;font-size:15px;font-weight:700}.home-user{position:relative}.home-user__btn{color:var(--color-ink)}.home-user__dropdown{background:var(--color-canvas);border-radius:var(--rounded-lg);z-index:201;border:1px solid var(--color-hairline);width:280px;animation:.2s dropdownSlide;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #0000001f}.home-user__header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.home-user__info{flex-direction:column;gap:4px;display:flex}.home-user__name{font-size:15px;font-weight:700}.home-user__email{opacity:.85;font-size:12px}.home-user__divider{background:var(--color-hairline-soft);height:1px}.home-user__bookings{padding:4px 0}.home-user__bookings-title{color:var(--color-mute);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;padding:8px 20px 6px;font-size:11px;font-weight:700;display:flex}.home-user__bookings-title svg{width:14px;height:14px}.home-user__bookings-empty{text-align:center;padding:12px 20px}.home-user__bookings-empty p{color:var(--color-mute);margin:0;font-size:13px;font-style:italic}.home-user__bookings-list{flex-direction:column;gap:4px;padding:0 10px 4px;display:flex}.home-user__booking-item{background:var(--color-soft-cloud);border-radius:var(--rounded-sm);justify-content:space-between;align-items:center;padding:8px 10px;transition:background .15s;display:flex}.home-user__booking-item:hover{background:var(--color-hairline-soft)}.home-user__booking-left{flex-direction:column;gap:2px;min-width:0;display:flex}.home-user__booking-service{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.home-user__booking-date{color:var(--color-mute);align-items:center;gap:4px;font-size:11px;display:flex}.home-user__booking-date svg{flex-shrink:0;width:12px;height:12px}.home-user__booking-status{white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.home-user__bookings-more{border:none;border-top:1px dashed var(--color-hairline);color:#667eea;cursor:pointer;text-align:center;width:calc(100% - 20px);font-size:13px;font-weight:600;font-family:var(--font-body);background:0 0;margin:6px 10px 8px;padding:8px 0;transition:color .15s;display:block}.home-user__bookings-more:hover{color:#5a67d8;text-decoration:underline}.home-user__item{width:100%;color:var(--color-ink);cursor:pointer;text-align:left;font-size:14px;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:12px;padding:14px 20px;transition:background .15s;display:flex}.home-user__item:hover{color:#667eea;background:#f8f5ff}.home-user__item svg{flex-shrink:0;width:18px;height:18px}.home-user__item--logout{color:#d32f2f}.home-user__item--logout:hover{color:#d32f2f;background:#ffebee}@media (width<=767px){.home-notif__panel{width:320px;right:-10px}.home-user__dropdown{width:260px}}.home-hero__image-wrap img{animation:1s ease-out forwards heroZoomIn}.home-hero__eyebrow,.home-hero__title,.home-hero__sub,.home-hero__cta-group{opacity:0;animation:.6s ease-out forwards fadeSlideUp;transform:translateY(20px)}.home-hero__eyebrow{animation-delay:.1s}.home-hero__title{animation-delay:.25s}.home-hero__sub{animation-delay:.45s}.home-hero__cta-group{animation-delay:.6s}@keyframes heroZoomIn{0%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-cat-card{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(30px)}.home-cat-card.is-visible{opacity:1;transform:translateY(0)}.home-cat-card.is-visible:first-child{transition-delay:0s}.home-cat-card.is-visible:nth-child(2){transition-delay:80ms}.home-cat-card.is-visible:nth-child(3){transition-delay:.16s}.home-cat-card.is-visible:nth-child(4){transition-delay:.24s}.home-product-card{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(30px)}.home-product-card.is-visible{opacity:1;transform:translateY(0)}.home-product-card.is-visible:first-child{transition-delay:0s}.home-product-card.is-visible:nth-child(2){transition-delay:60ms}.home-product-card.is-visible:nth-child(3){transition-delay:.12s}.home-product-card.is-visible:nth-child(4){transition-delay:.18s}.home-social__card{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(30px)}.home-social__card.is-visible{opacity:1;transform:translateY(0)}.home-social__card.is-visible:first-child{transition-delay:0s}.home-social__card.is-visible:nth-child(2){transition-delay:70ms}.home-social__card.is-visible:nth-child(3){transition-delay:.14s}.home-social__card.is-visible:nth-child(4){transition-delay:.21s}.home-split-banner .home-split-banner__image img{transition:transform .9s ease-out;transform:scale(1.06)}.home-split-banner__content{opacity:0;transition:opacity .65s,transform .65s;transform:translate(-40px)}.home-split-banner--reversed .home-split-banner__content{transform:translate(40px)}.home-split-banner.is-visible .home-split-banner__content{opacity:1;transform:translate(0)}.home-split-banner.is-visible .home-split-banner__image img{transform:scale(1)}.home-member-band{opacity:0;transition:opacity .6s}.home-member-band.is-visible{opacity:1}.home-member-item{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}.home-member-band.is-visible .home-member-item:first-child{opacity:1;transition-delay:0s;transform:none}.home-member-band.is-visible .home-member-item:nth-child(2){opacity:1;transition-delay:80ms;transform:none}.home-member-band.is-visible .home-member-item:nth-child(3){opacity:1;transition-delay:.16s;transform:none}.home-member-band.is-visible .home-member-item:nth-child(4){opacity:1;transition-delay:.24s;transform:none}.home-promo-bar{overflow:hidden}.home-promo-bar-inner{white-space:nowrap;letter-spacing:3px;text-transform:uppercase;color:#fff;padding-left:100%;font-size:12px;font-weight:600;animation:22s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.sn-header{z-index:100;position:sticky;top:0}.sn-utility-bar{background:var(--color-ink);color:var(--color-canvas)}.sn-utility-bar__inner{max-width:1440px;padding:6px var(--spacing-section);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.sn-utility-bar__text{color:#ffffffb3;letter-spacing:.3px;font-size:11px;font-weight:400}.sn-utility-bar__links{align-items:center;gap:var(--spacing-xl);display:flex}.sn-utility-bar__links a,.sn-utility-bar__links a:visited{color:#ffffffa6;letter-spacing:.3px;font-size:11px;font-weight:400;text-decoration:none;transition:color .15s}.sn-utility-bar__links a:hover{color:var(--color-canvas)}.sn-nav{background:var(--color-canvas);border-bottom:1px solid var(--color-hairline-soft)}.sn-nav__inner{max-width:1440px;padding:0 var(--spacing-section);align-items:center;gap:var(--spacing-xl);grid-template-columns:1fr auto 1fr;height:60px;margin:0 auto;display:grid}.sn-nav__logo{font-family:var(--font-display);letter-spacing:4px;text-transform:uppercase;color:var(--color-ink);font-size:28px;font-weight:700;line-height:1;text-decoration:none}.sn-nav__links{align-items:center;gap:var(--spacing-xl);margin:0;padding:0;list-style:none;display:flex}.sn-nav__links li a,.sn-nav__links li a:visited{color:var(--color-charcoal);letter-spacing:.3px;white-space:nowrap;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.sn-nav__links li a:hover,.sn-nav__links li a.active{color:var(--color-ink)}.sn-nav__actions{justify-content:flex-end;align-items:center;gap:var(--spacing-md);display:flex}.sn-icon-btn{border-radius:var(--rounded-full);cursor:pointer;width:40px;height:40px;color:var(--color-ink);background:0 0;border:none;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .15s;display:flex;position:relative}.sn-icon-btn:hover{background:var(--color-soft-cloud)}.sn-icon-link{display:inline-flex}.sn-badge{min-width:17px;height:17px;color:var(--color-ink);background:#1fe06b;border-radius:999px;place-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:3px;right:3px}.sn-notif{position:relative}.sn-notif__badge{border-radius:var(--rounded-full);background:var(--color-ink);min-width:18px;height:18px;color:var(--color-canvas);place-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:2px;right:2px}.sn-notif__panel{background:var(--color-canvas);border-radius:var(--rounded-none);z-index:200;border:1px solid var(--color-hairline);width:360px;animation:.18s snDropdownSlide;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000024}@keyframes snDropdownSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sn-notif__header{border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.sn-notif__header h3{font-family:var(--font-display);color:var(--color-ink);letter-spacing:.3px;margin:0;font-size:16px;font-weight:500}.sn-notif__mark-read{font-family:var(--font-body-medium);color:var(--color-mute);cursor:pointer;border-radius:var(--rounded-sm);background:0 0;border:none;padding:4px 8px;font-size:12px;font-weight:500;transition:color .15s,background .15s}.sn-notif__mark-read:hover{color:var(--color-ink);background:var(--color-soft-cloud)}.sn-notif__list{max-height:380px;overflow-y:auto}.sn-notif__list::-webkit-scrollbar{width:4px}.sn-notif__list::-webkit-scrollbar-track{background:0 0}.sn-notif__list::-webkit-scrollbar-thumb{background:var(--color-hairline);border-radius:999px}.sn-notif__empty{flex-direction:column;align-items:center;gap:10px;padding:48px 20px;display:flex}.sn-notif__empty svg{width:40px;height:40px;color:var(--color-hairline)}.sn-notif__empty p{font-family:var(--font-body);color:var(--color-mute);margin:0;font-size:13px}.sn-notif__item{cursor:pointer;border-bottom:1px solid var(--color-hairline-soft);align-items:flex-start;gap:14px;padding:16px 20px;transition:background .15s;display:flex;position:relative}.sn-notif__item:last-child{border-bottom:none}.sn-notif__item:hover{background:var(--color-soft-cloud)}.sn-notif__item.unread{background:var(--color-canvas)}.sn-notif__item-icon{border-radius:var(--rounded-full);background:var(--color-soft-cloud);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sn-notif__item.unread .sn-notif__item-icon{background:var(--color-ink)}.sn-notif__item-icon svg{width:16px;height:16px;color:var(--color-charcoal)}.sn-notif__item.unread .sn-notif__item-icon svg{color:var(--color-canvas)}.sn-notif__item-body{flex:1;min-width:0}.sn-notif__item-title{font-family:var(--font-body-medium);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:13px;font-weight:500;overflow:hidden}.sn-notif__item.unread .sn-notif__item-title{font-weight:600}.sn-notif__item-msg{color:var(--color-mute);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 5px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.sn-notif__item-time{color:var(--color-stone);font-size:11px}.sn-notif__dot{border-radius:var(--rounded-full);background:var(--color-ink);width:8px;height:8px;position:absolute;top:20px;right:16px}.sn-notif__footer{border-top:1px solid var(--color-hairline);text-align:center;padding:8px 20px 12px}.sn-notif__view-all{font-family:var(--font-body-medium);color:var(--color-charcoal);cursor:pointer;border-radius:var(--rounded-full);background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.sn-notif__view-all:hover{background:var(--color-soft-cloud);color:var(--color-ink)}.sn-user{position:relative}.sn-user__dropdown{background:var(--color-canvas);border-radius:var(--rounded-none);z-index:201;border:1px solid var(--color-hairline);width:320px;animation:.18s snDropdownSlide;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000024}.sn-user__header{padding:var(--spacing-xl) var(--spacing-xl);background:var(--color-ink);align-items:center;gap:var(--spacing-md);display:flex}.sn-user__avatar{background:var(--color-soft-cloud);border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.sn-user__avatar img{object-fit:cover;width:100%;height:100%}.sn-user__avatar-initials{color:var(--color-ink);letter-spacing:0;font-size:16px;font-weight:700}.sn-user__info{flex-direction:column;gap:2px;min-width:0;display:flex}.sn-user__name{color:var(--color-canvas);white-space:nowrap;text-overflow:ellipsis;letter-spacing:0;font-size:15px;font-weight:700;overflow:hidden}.sn-user__email{color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sn-user__divider{background:var(--color-hairline);height:1px}.sn-user__bookings{padding:0}.sn-user__bookings-header{padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:center;display:flex}.sn-user__bookings-title{align-items:center;gap:var(--spacing-sm);color:var(--color-mute);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700;display:flex}.sn-user__bookings-title svg{width:14px;height:14px;color:var(--color-mute)}.sn-user__bookings-new-btn{color:var(--color-ink);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-body);text-underline-offset:2px;background:0 0;border:none;align-items:center;padding:4px 0;text-decoration:underline;transition:opacity .15s;display:inline-flex}.sn-user__bookings-new-btn:hover{opacity:.6}.sn-user__bookings-empty{padding:var(--spacing-xl) var(--spacing-xl);text-align:center}.sn-user__bookings-empty p{color:var(--color-mute);margin:0;font-size:13px;font-style:italic}.sn-user__bookings-list{padding:4px var(--spacing-md) var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;max-height:240px;display:flex;overflow-y:auto}.sn-user__bookings-list::-webkit-scrollbar{width:4px}.sn-user__bookings-list::-webkit-scrollbar-track{background:0 0}.sn-user__bookings-list::-webkit-scrollbar-thumb{background:var(--color-hairline);border-radius:2px}.sn-user__booking-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-soft-cloud);justify-content:space-between;align-items:center;gap:var(--spacing-sm);transition:background .15s;display:flex}.sn-user__booking-item:hover{background:var(--color-hairline-soft)}.sn-user__booking-left{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sn-user__booking-service{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sn-user__booking-date{color:var(--color-mute);align-items:center;gap:4px;font-size:11px;display:flex}.sn-user__booking-date svg{flex-shrink:0;width:11px;height:11px}.sn-user__booking-status{white-space:nowrap;letter-spacing:.2px;flex-shrink:0;font-size:11px;font-weight:700}.sn-user__actions{padding:var(--spacing-sm) 0;border-top:1px solid var(--color-hairline)}.sn-user__item{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-xl);color:var(--color-ink);cursor:pointer;text-align:left;font-size:14px;font-weight:500;font-family:var(--font-body);background:0 0;border:none;transition:background .15s;display:flex}.sn-user__item:hover{background:var(--color-soft-cloud)}.sn-user__item svg{width:18px;height:18px;color:var(--color-charcoal);flex-shrink:0}.sn-user__item--logout{color:var(--color-sale)}.sn-user__item--logout:hover{background:#fee2e2}.sn-user__item--logout svg{color:var(--color-sale)}@media (width<=1023px){.sn-nav__links{gap:var(--spacing-lg)}}@media (width<=767px){.sn-utility-bar__inner{padding:0 var(--spacing-lg)}.sn-utility-bar__links{gap:var(--spacing-lg)}.sn-nav__inner{padding:0 var(--spacing-lg);height:52px}.sn-nav__links{display:none}.sn-notif__panel{width:320px;right:-10px}.sn-user__dropdown{width:260px}}.products-hero{background:var(--color-soft-cloud);justify-content:space-between;align-items:flex-end;min-height:580px;max-height:680px;display:flex;position:relative;overflow:hidden}.products-hero__bg{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block;position:absolute;inset:0}.products-hero__overlay{background:linear-gradient(105deg,#111111d1 0%,#1111118c 45%,#1111111a 100%);position:absolute;inset:0}.products-hero__content{z-index:1;padding:var(--spacing-section) var(--spacing-section);max-width:560px;position:relative}.products-hero__eyebrow{font-family:var(--font-body);letter-spacing:4px;text-transform:uppercase;color:var(--color-hairline);margin-bottom:var(--spacing-lg);font-size:12px;font-weight:500}.products-hero__title{font-family:var(--font-display);letter-spacing:-1px;text-transform:uppercase;color:var(--color-canvas);margin-bottom:var(--spacing-xxl);text-shadow:0 2px 30px #0000004d;font-size:clamp(72px,10vw,120px);font-weight:400;line-height:.88}.products-hero__cta{align-items:center;gap:var(--spacing-sm);background:var(--color-canvas);color:var(--color-ink);border-radius:var(--rounded-full);font-family:var(--font-body-medium);letter-spacing:.3px;cursor:pointer;border:none;padding:14px 28px;font-size:14px;font-weight:500;transition:transform .2s,opacity .2s;display:inline-flex}.products-hero__cta:hover{transform:scale(.97)}.products-hero__cta:active{opacity:.5;transform:scale(.5)}.products-hero__cta-arrow{font-size:16px;line-height:1}.products-subnav{background:var(--color-canvas);border-bottom:1px solid var(--color-hairline-soft);z-index:100;position:sticky;top:0}.products-subnav__inner{max-width:1440px;padding:0 var(--spacing-section);justify-content:space-between;align-items:center;gap:var(--spacing-xl);height:48px;margin:0 auto;display:flex}.products-subnav__breadcrumb{color:var(--color-mute);letter-spacing:.3px;white-space:nowrap;font-size:12px;font-weight:500}.products-subnav__breadcrumb span{color:var(--color-ink);font-weight:600}.products-subnav__right{align-items:center;gap:var(--spacing-xl);flex-shrink:0;display:flex}.products-subnav__count{color:var(--color-mute);white-space:nowrap;font-size:12px;font-weight:500}.products-subnav__sort{align-items:center;gap:var(--spacing-sm);color:var(--color-ink);font-size:12px;font-weight:500;display:flex}.products-subnav__sort-label{color:var(--color-mute);white-space:nowrap}.products-subnav__sort select{font-family:var(--font-body);color:var(--color-ink);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23111111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 0 center no-repeat;border:none;padding-right:14px;font-size:12px;font-weight:600}.products-subnav__sort select:focus{outline:none}.products-filter-bar{max-width:1440px;padding:var(--spacing-xl) var(--spacing-section);align-items:center;gap:var(--spacing-sm);scrollbar-width:none;-ms-overflow-style:none;margin:0 auto;display:flex;overflow-x:auto}.products-filter-bar::-webkit-scrollbar{display:none}.filter-chip{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--rounded-full);font-family:var(--font-body-medium);white-space:nowrap;cursor:pointer;flex-shrink:0;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.filter-chip:hover{border-color:var(--color-ink)}.filter-chip.is-active{background:var(--color-ink);color:var(--color-canvas);border-color:var(--color-ink)}.filter-chip__icon{font-size:14px;line-height:1}.products-search{max-width:1440px;padding:0 var(--spacing-section) var(--spacing-xl);margin:0 auto}.search-pill{align-items:center;max-width:480px;display:flex;position:relative}.search-pill__icon{color:var(--color-mute);pointer-events:none;transition:color .2s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-pill__input{background:var(--color-soft-cloud);border-radius:var(--rounded-md);width:100%;height:44px;font-family:var(--font-body);color:var(--color-ink);border:2px solid #0000;padding:0 44px;font-size:14px;transition:background .2s,border-color .2s,box-shadow .2s}.search-pill__input::placeholder{color:var(--color-mute);font-weight:400}.search-pill__input:focus{background:var(--color-canvas);border-color:var(--color-ink);box-shadow:0 0 0 4px var(--color-soft-cloud);outline:none}.search-pill:focus-within .search-pill__icon{color:var(--color-ink)}.search-pill__clear{background:var(--color-hairline-soft);border-radius:var(--rounded-full);cursor:pointer;width:28px;height:28px;color:var(--color-ash);border:none;justify-content:center;align-items:center;font-size:12px;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-pill__clear:hover{background:var(--color-hairline);transform:translateY(-50%)scale(1.1)}.products-grid-wrapper{max-width:1440px;padding:0 var(--spacing-section) var(--spacing-section);margin:0 auto}.products-grid{gap:var(--spacing-section) var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.product-card{background:var(--color-canvas);cursor:pointer;border:1px solid #0000;border-radius:0;flex-direction:column;transition:transform .2s;display:flex;overflow:hidden}.product-card:hover{transform:translateY(-3px)}.product-card__image-wrap{aspect-ratio:1;background:var(--color-soft-cloud);width:100%;position:relative;overflow:hidden}.product-card__image{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.product-card:hover .product-card__image{transform:scale(1.04)}.product-card__placeholder{background:var(--color-soft-cloud);justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.product-card__badge{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-full);color:var(--color-ink);letter-spacing:.3px;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;top:12px;left:12px}.product-card__body{padding:var(--spacing-lg) 0 0;gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.product-card__category{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-mute);font-size:11px;font-weight:500}.product-card__name{color:var(--color-ink);letter-spacing:-.1px;font-size:15px;font-weight:600;line-height:1.4}.product-card__brand{color:var(--color-mute);font-size:12px;font-weight:400}.product-card__price-row{align-items:baseline;gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.product-card__price{color:var(--color-ink);letter-spacing:-.3px;font-size:16px;font-weight:700}.product-card__cta{margin-top:var(--spacing-lg);background:var(--color-ink);width:100%;color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);letter-spacing:.3px;cursor:pointer;text-align:center;border:none;padding:13px;font-size:13px;font-weight:500;transition:transform .2s,opacity .2s}.product-card__cta:hover{opacity:.85}.product-card__cta:active{opacity:.5;transform:scale(.5)}.products-loading{gap:var(--spacing-section) var(--spacing-sm);max-width:1440px;padding:0 var(--spacing-section) var(--spacing-section);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.skeleton-card__image{aspect-ratio:1;background:var(--color-soft-cloud);border-radius:0;animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton-card__body{padding-top:var(--spacing-lg);gap:var(--spacing-sm);flex-direction:column;display:flex}.skeleton-line{background:var(--color-hairline-soft);border-radius:4px;height:12px;animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton-line--sm{width:40%}.skeleton-line--md{width:75%}.skeleton-line--lg{width:90%}.skeleton-line--price{width:35%;height:16px}.skeleton-line--btn{border-radius:var(--rounded-full);width:100%;height:40px;margin-top:var(--spacing-lg)}.products-empty{max-width:1440px;padding:var(--spacing-section) var(--spacing-section);justify-content:center;align-items:center;gap:var(--spacing-lg);text-align:center;flex-direction:column;min-height:320px;margin:0 auto;display:flex}.products-empty__title{font-family:var(--font-display);color:var(--color-hairline);text-transform:uppercase;letter-spacing:2px;font-size:64px;font-weight:400;line-height:1}.products-empty__sub{color:var(--color-mute);max-width:280px;font-size:14px}.products-empty__action{align-items:center;gap:var(--spacing-sm);background:var(--color-ink);color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;padding:12px 24px;font-size:13px;font-weight:500;transition:opacity .2s;display:inline-flex}.products-empty__action:hover{opacity:.8}.products-footer{background:var(--color-canvas);border-top:1px solid var(--color-hairline);margin-top:var(--spacing-section)}.products-footer__inner{max-width:1440px;padding:var(--spacing-section) var(--spacing-section) var(--spacing-xl);margin:0 auto}.products-footer__grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:2fr repeat(4,1fr);display:grid}.products-footer__brand{gap:var(--spacing-md);flex-direction:column;display:flex}.products-footer__logo{font-family:var(--font-display);color:var(--color-ink);letter-spacing:2px;text-transform:uppercase;font-size:28px;font-weight:400;line-height:1;text-decoration:none}.products-footer__tagline{color:var(--color-mute);max-width:200px;font-size:12px;line-height:1.6}.products-footer__col-title{letter-spacing:2px;text-transform:uppercase;color:var(--color-ink);margin-bottom:var(--spacing-lg);font-size:11px;font-weight:600}.products-footer__links{gap:var(--spacing-sm);flex-direction:column;list-style:none;display:flex}.products-footer__links a{color:var(--color-mute);font-size:12px;font-weight:400;text-decoration:none;transition:color .15s}.products-footer__links a:hover{color:var(--color-ink)}.products-footer__bottom{border-top:1px solid var(--color-hairline-soft);padding-top:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.products-footer__copyright{letter-spacing:1px;text-transform:uppercase;color:var(--color-mute);font-size:10px}.products-footer__legal{gap:var(--spacing-xl);display:flex}.products-footer__legal a{letter-spacing:1px;text-transform:uppercase;color:var(--color-mute);font-size:10px;text-decoration:none;transition:color .15s}.products-footer__legal a:hover{color:var(--color-ink)}@media (width<=1023px){.products-grid,.products-loading{grid-template-columns:repeat(2,1fr)}.products-footer__grid{grid-template-columns:repeat(3,1fr)}.products-footer__brand{align-items:center;gap:var(--spacing-xl);flex-direction:row;grid-column:1/-1}.products-footer__tagline{max-width:none}.products-hero__content{padding:var(--spacing-xl) var(--spacing-xl)}.products-hero__title{font-size:clamp(56px,12vw,96px)}}@media (width<=767px){.products-grid{gap:var(--spacing-xl) var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.products-loading{grid-template-columns:repeat(2,1fr)}.products-hero{min-height:420px;max-height:480px}.products-hero__content{padding:var(--spacing-xl) var(--spacing-lg)}.products-hero__title{margin-bottom:var(--spacing-xl);font-size:clamp(48px,16vw,80px)}.products-subnav__inner{padding:0 var(--spacing-lg)}.products-filter-bar{padding:var(--spacing-lg) var(--spacing-lg)}.products-search{padding:0 var(--spacing-lg) var(--spacing-lg)}.products-grid-wrapper{padding:0 var(--spacing-lg) var(--spacing-xl)}.products-footer__inner{padding:var(--spacing-xl) var(--spacing-lg)}.products-footer__grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.products-footer__brand{gap:var(--spacing-sm);flex-direction:column;grid-column:1/-1}.products-footer__bottom{gap:var(--spacing-md);text-align:center;flex-direction:column}}@media (width<=480px){.products-grid,.products-loading{grid-template-columns:1fr}.products-hero{align-items:flex-end;min-height:360px}.products-hero__title{font-size:52px}}.products-hero__bg{animation:1s ease-out forwards heroZoomIn}.products-hero__eyebrow,.products-hero__title,.products-hero__sub,.products-hero__cta{opacity:0;animation:.6s ease-out forwards fadeSlideUp;transform:translateY(20px)}.products-hero__eyebrow{animation-delay:.1s}.products-hero__title{animation-delay:.25s}.products-hero__sub{animation-delay:.4s}.products-hero__cta{animation-delay:.55s}.product-card{opacity:0;animation:.55s ease-out forwards cardFadeSlideUp;transform:translateY(24px)}.product-card:first-child{animation-delay:50ms}.product-card:nth-child(2){animation-delay:.1s}.product-card:nth-child(3){animation-delay:.15s}.product-card:nth-child(4){animation-delay:.2s}.product-card:nth-child(5){animation-delay:.25s}.product-card:nth-child(6){animation-delay:.3s}.product-card:nth-child(7){animation-delay:.35s}.product-card:nth-child(8){animation-delay:.4s}.product-card:nth-child(9){animation-delay:.45s}.product-card:nth-child(10){animation-delay:.5s}.product-card:nth-child(11){animation-delay:.55s}.product-card:nth-child(12){animation-delay:.6s}@keyframes cardFadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.pdp-page{background:var(--color-canvas);min-height:100vh;font-family:var(--font-body);color:var(--color-ink);-webkit-font-smoothing:antialiased}.pdp-utility-bar{background:var(--color-soft-cloud);border-bottom:1px solid var(--color-hairline-soft)}.pdp-utility-bar__inner{max-width:1440px;padding:0 var(--spacing-section);justify-content:space-between;align-items:center;height:36px;margin:0 auto;display:flex}.pdp-utility-bar__text{letter-spacing:1px;text-transform:uppercase;color:var(--color-ink);font-size:11px;font-weight:500}.pdp-utility-bar__links{align-items:center;gap:var(--spacing-xl);display:flex}.pdp-utility-bar__links a{letter-spacing:.5px;text-transform:uppercase;color:var(--color-mute);font-size:11px;font-weight:500;text-decoration:none;transition:color .15s}.pdp-utility-bar__links a:hover{color:var(--color-ink)}.pdp-nav{background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);z-index:100;position:sticky;top:0}.pdp-nav__inner{max-width:1440px;padding:0 var(--spacing-section);justify-content:space-between;align-items:center;height:56px;margin:0 auto;display:flex}.pdp-nav__logo{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:var(--color-ink);font-size:22px;font-weight:400;line-height:1;text-decoration:none}.pdp-nav__back{align-items:center;gap:var(--spacing-sm);color:var(--color-ink);letter-spacing:.3px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .15s;display:flex}.pdp-nav__back:hover{opacity:.6}.pdp-nav__back svg{flex-shrink:0}.pdp-nav__actions{align-items:center;gap:var(--spacing-lg);display:flex}.pdp-nav__icon-btn{border-radius:var(--rounded-full);cursor:pointer;width:40px;height:40px;color:var(--color-ink);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.pdp-nav__icon-btn:hover{background:var(--color-soft-cloud)}.pdp-breadcrumb{max-width:1440px;padding:var(--spacing-lg) var(--spacing-section);align-items:center;gap:var(--spacing-sm);margin:0 auto;display:flex}.pdp-breadcrumb__item{color:var(--color-mute);letter-spacing:.3px;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s}.pdp-breadcrumb__item:hover{color:var(--color-ink)}.pdp-breadcrumb__separator{color:var(--color-hairline);font-size:12px}.pdp-breadcrumb__item--current{color:var(--color-ink);font-weight:600}.pdp-layout{max-width:1440px;padding:0 var(--spacing-section) var(--spacing-section);gap:var(--spacing-section);grid-template-columns:1fr 1fr;align-items:start;margin:0 auto;display:grid}.pdp-gallery{top:calc(56px + var(--spacing-lg));position:sticky}.pdp-gallery__main{aspect-ratio:1;background:var(--color-soft-cloud);width:100%;margin-bottom:var(--spacing-md);border-radius:0;overflow:hidden}.pdp-gallery__main img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.pdp-gallery__main:hover img{transform:scale(1.03)}.pdp-gallery__thumbs{gap:var(--spacing-sm);scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;display:flex;overflow-x:auto}.pdp-gallery__thumbs::-webkit-scrollbar{display:none}.pdp-gallery__thumb{cursor:pointer;background:var(--color-soft-cloud);border:2px solid #0000;border-radius:0;flex-shrink:0;width:72px;height:72px;padding:0;transition:border-color .15s;overflow:hidden}.pdp-gallery__thumb:hover{border-color:var(--color-mute)}.pdp-gallery__thumb.is-active{border-color:var(--color-ink)}.pdp-gallery__thumb img{object-fit:cover;width:100%;height:100%;display:block}.pdp-info{padding-top:var(--spacing-sm)}.pdp-info__eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--color-mute);margin-bottom:var(--spacing-md);font-size:11px;font-weight:500}.pdp-info__name{color:var(--color-ink);letter-spacing:-.5px;margin:0 0 var(--spacing-md);font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.15}.pdp-info__brand{color:var(--color-mute);margin-bottom:var(--spacing-xl);font-size:13px;font-weight:400}.pdp-info__price-row{align-items:baseline;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-hairline);display:flex}.pdp-info__price{color:var(--color-ink);letter-spacing:-.5px;font-size:clamp(22px,3vw,32px);font-weight:700}.pdp-info__price-label{letter-spacing:2px;text-transform:uppercase;color:var(--color-mute);align-self:center;font-size:11px}.pdp-disclosure-group{flex-direction:column;display:flex}.pdp-disclosure-row{padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-hairline);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.pdp-disclosure-row:last-child{border-bottom:none}.pdp-disclosure-row__label{color:var(--color-ink);letter-spacing:.2px;font-size:14px;font-weight:600}.pdp-disclosure-row__value{color:var(--color-mute);text-align:right;font-size:13px}.pdp-disclosure-row__chevron{color:var(--color-mute);flex-shrink:0;transition:transform .2s}.pdp-disclosure-row:hover .pdp-disclosure-row__chevron{color:var(--color-ink)}.pdp-stock{align-items:center;gap:var(--spacing-sm);display:inline-flex}.pdp-stock__dot{border-radius:var(--rounded-full);flex-shrink:0;width:8px;height:8px}.pdp-stock__dot--in{background:var(--color-success)}.pdp-stock__dot--out{background:var(--color-sale)}.pdp-stock__text{font-size:13px;font-weight:500}.pdp-stock__text--in{color:var(--color-success)}.pdp-stock__text--out{color:var(--color-sale)}.pdp-quantity{align-items:center;gap:var(--spacing-lg);margin:var(--spacing-xl) 0;display:flex}.pdp-quantity__label{color:var(--color-ink);letter-spacing:.3px;white-space:nowrap;font-size:13px;font-weight:600}.pdp-quantity__controls{border:1.5px solid var(--color-hairline);border-radius:var(--rounded-full);align-items:center;display:flex;overflow:hidden}.pdp-quantity__btn{width:40px;height:40px;color:var(--color-ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;font-weight:400;line-height:1;transition:background .15s;display:flex}.pdp-quantity__btn:hover{background:var(--color-soft-cloud)}.pdp-quantity__btn:active{background:var(--color-hairline)}.pdp-quantity__input{border:none;border-left:1.5px solid var(--color-hairline);border-right:1.5px solid var(--color-hairline);text-align:center;width:52px;height:40px;font-family:var(--font-body);color:var(--color-ink);background:0 0;font-size:14px;font-weight:600}.pdp-quantity__input:focus{outline:none}.pdp-quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pdp-quantity__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pdp-ctas{gap:var(--spacing-md);margin-top:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.pdp-cta-primary{background:var(--color-ink);height:52px;color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);letter-spacing:.3px;cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;font-size:14px;font-weight:500;transition:transform .2s,opacity .2s;display:flex}.pdp-cta-primary:hover{opacity:.85}.pdp-cta-primary:active{opacity:.5;transform:scale(.5)}.pdp-cta-secondary{background:var(--color-soft-cloud);height:52px;color:var(--color-ink);border-radius:var(--rounded-full);font-family:var(--font-body-medium);letter-spacing:.3px;cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;font-size:14px;font-weight:500;transition:background .15s;display:flex}.pdp-cta-secondary:hover{background:var(--color-hairline-soft)}.pdp-description{margin-top:var(--spacing-section);padding-top:var(--spacing-section);border-top:1px solid var(--color-hairline)}.pdp-description__title{color:var(--color-ink);letter-spacing:.5px;text-transform:uppercase;margin-bottom:var(--spacing-lg);font-size:14px;font-weight:600}.pdp-description__body{color:var(--color-charcoal);font-size:14px;font-weight:400;line-height:1.75}.pdp-info__actions-row{align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-hairline-soft);display:flex}.pdp-action-link{align-items:center;gap:var(--spacing-xs);color:var(--color-mute);letter-spacing:.3px;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);background:0 0;border:none;text-decoration:none;transition:color .15s;display:flex}.pdp-action-link:hover{color:var(--color-ink)}.pdp-loading{max-width:1440px;padding:var(--spacing-section);gap:var(--spacing-section);grid-template-columns:1fr 1fr;margin:0 auto;display:grid}.pdp-skeleton__image{aspect-ratio:1;background:var(--color-soft-cloud);border-radius:0;animation:1.4s ease-in-out infinite skeleton-pulse}.pdp-skeleton__info{gap:var(--spacing-lg);padding-top:var(--spacing-sm);flex-direction:column;display:flex}.pdp-empty{justify-content:center;align-items:center;gap:var(--spacing-xl);text-align:center;min-height:400px;padding:var(--spacing-section);flex-direction:column;display:flex}.pdp-empty__code{font-family:var(--font-display);color:var(--color-hairline);letter-spacing:4px;font-size:120px;font-weight:400;line-height:1}.pdp-empty__title{color:var(--color-ink);margin-bottom:var(--spacing-sm);font-size:18px;font-weight:600}.pdp-empty__sub{color:var(--color-mute);max-width:280px;font-size:14px}@media (width<=1023px){.pdp-layout{gap:var(--spacing-xl);grid-template-columns:1fr}.pdp-gallery{position:static}.pdp-loading{grid-template-columns:1fr}}@media (width<=767px){.pdp-utility-bar__inner{padding:0 var(--spacing-lg)}.pdp-utility-bar__links{gap:var(--spacing-lg)}.pdp-nav__inner{padding:0 var(--spacing-lg)}.pdp-breadcrumb{padding:var(--spacing-md) var(--spacing-lg)}.pdp-layout{padding:0 var(--spacing-lg) var(--spacing-xl)}.pdp-gallery__thumbs{gap:var(--spacing-xs)}.pdp-gallery__thumb{width:60px;height:60px}.pdp-ctas{grid-template-columns:1fr}.pdp-info__price-row{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}}@media (width<=480px){.pdp-nav__logo{letter-spacing:2px;font-size:18px}.pdp-empty__code{font-size:80px}}.pdp-notif{position:relative}.pdp-notif__badge{color:#fff;border:2px solid var(--color-canvas);background:#ef4444;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:3px;right:3px}.pdp-notif__panel{background:var(--color-canvas);border-radius:var(--rounded-lg);z-index:200;border:1px solid var(--color-hairline);width:380px;animation:.2s pdpDropdownSlide;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #0000001f}@keyframes pdpDropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pdp-notif__header{border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pdp-notif__header h3{color:var(--color-ink);margin:0;font-size:15px;font-weight:700}.pdp-notif__mark-read{color:#667eea;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-body);background:0 0;border:none}.pdp-notif__mark-read:hover{text-decoration:underline}.pdp-notif__list{max-height:400px;overflow-y:auto}.pdp-notif__empty{color:var(--color-mute);align-items:center;gap:var(--spacing-sm);flex-direction:column;padding:40px 20px;display:flex}.pdp-notif__empty svg{opacity:.3;width:36px;height:36px}.pdp-notif__empty p{color:var(--color-mute);margin:0;font-size:13px}.pdp-notif__item{cursor:pointer;border-bottom:1px solid var(--color-hairline-soft);align-items:flex-start;gap:12px;padding:14px 20px;transition:background .15s;display:flex;position:relative}.pdp-notif__item:last-child{border-bottom:none}.pdp-notif__item:hover{background:var(--color-soft-cloud)}.pdp-notif__item.unread{background:#f0f7ff}.pdp-notif__item.unread:hover{background:#e8f0fe}.pdp-notif__item-icon{background:var(--color-soft-cloud);color:#667eea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.pdp-notif__item-icon svg{width:16px;height:16px}.pdp-notif__item-body{flex:1;min-width:0}.pdp-notif__item-title{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:13px;font-weight:600;overflow:hidden}.pdp-notif__item-msg{color:var(--color-charcoal);-webkit-line-clamp:2;line-clamp:2;box-orient:vertical;-webkit-box-orient:vertical;margin:0 0 4px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.pdp-notif__item-time{color:var(--color-mute);font-size:11px}.pdp-notif__dot{background:#667eea;border-radius:50%;flex-shrink:0;width:8px;height:8px;position:absolute;top:18px;right:16px}.pdp-notif__footer{border-top:1px solid var(--color-hairline-soft);text-align:center;padding:8px 20px 12px}.pdp-notif__view-all{color:#667eea;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);background:0 0;border:none;border-radius:6px;padding:6px 12px;transition:background .15s}.pdp-notif__view-all:hover{background:#f0f7ff}.pdp-user{position:relative}.pdp-user__dropdown{background:var(--color-canvas);border-radius:var(--rounded-lg);z-index:201;border:1px solid var(--color-hairline);width:280px;animation:.2s pdpDropdownSlide;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #0000001f}.pdp-user__header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.pdp-user__info{flex-direction:column;gap:4px;display:flex}.pdp-user__name{font-size:15px;font-weight:700}.pdp-user__email{opacity:.85;font-size:12px}.pdp-user__divider{background:var(--color-hairline-soft);height:1px}.pdp-user__bookings{padding:4px 0}.pdp-user__bookings-title{color:var(--color-mute);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;padding:8px 20px 6px;font-size:11px;font-weight:700;display:flex}.pdp-user__bookings-title svg{width:14px;height:14px}.pdp-user__bookings-empty{text-align:center;padding:12px 20px}.pdp-user__bookings-empty p{color:var(--color-mute);margin:0;font-size:13px;font-style:italic}.pdp-user__bookings-list{flex-direction:column;gap:4px;padding:0 10px 4px;display:flex}.pdp-user__booking-item{background:var(--color-soft-cloud);border-radius:var(--rounded-sm);justify-content:space-between;align-items:center;padding:8px 10px;transition:background .15s;display:flex}.pdp-user__booking-item:hover{background:var(--color-hairline-soft)}.pdp-user__booking-left{flex-direction:column;gap:2px;min-width:0;display:flex}.pdp-user__booking-service{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.pdp-user__booking-date{color:var(--color-mute);align-items:center;gap:4px;font-size:11px;display:flex}.pdp-user__booking-date svg{flex-shrink:0;width:12px;height:12px}.pdp-user__booking-status{white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.pdp-user__bookings-more{border:none;border-top:1px dashed var(--color-hairline);color:#667eea;cursor:pointer;text-align:center;width:calc(100% - 20px);font-size:13px;font-weight:600;font-family:var(--font-body);background:0 0;margin:6px 10px 8px;padding:8px 0;transition:color .15s;display:block}.pdp-user__bookings-more:hover{color:#5a67d8;text-decoration:underline}.pdp-user__item{width:100%;color:var(--color-ink);cursor:pointer;text-align:left;font-size:14px;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:12px;padding:14px 20px;transition:background .15s;display:flex}.pdp-user__item:hover{color:#667eea;background:#f8f5ff}.pdp-user__item svg{flex-shrink:0;width:18px;height:18px}.pdp-user__item--logout{color:#d32f2f}.pdp-user__item--logout:hover{color:#d32f2f;background:#ffebee}@media (width<=767px){.pdp-notif__panel{width:320px;right:-10px}.pdp-user__dropdown{width:260px}}.services-page{background:var(--color-canvas);min-height:100vh;font-family:var(--font-body);color:var(--color-ink);-webkit-font-smoothing:antialiased}.services-utility-bar{background:var(--color-soft-cloud);border-bottom:1px solid var(--color-hairline-soft)}.services-utility-bar__inner{max-width:1440px;padding:0 var(--spacing-section);justify-content:space-between;align-items:center;height:36px;margin:0 auto;display:flex}.services-utility-bar__text{letter-spacing:1px;text-transform:uppercase;color:var(--color-ink);font-size:11px;font-weight:500}.services-utility-bar__links{align-items:center;gap:var(--spacing-xl);display:flex}.services-utility-bar__links a{letter-spacing:.5px;text-transform:uppercase;color:var(--color-mute);font-size:11px;font-weight:500;text-decoration:none;transition:color .15s}.services-utility-bar__links a:hover{color:var(--color-ink)}.services-nav{background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);z-index:100;position:sticky;top:0}.services-nav__inner{max-width:1440px;padding:0 var(--spacing-section);justify-content:space-between;align-items:center;height:56px;margin:0 auto;display:flex}.services-nav__logo{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:var(--color-ink);font-size:22px;font-weight:400;line-height:1;text-decoration:none}.services-nav__links{align-items:center;gap:var(--spacing-xxl);list-style:none;display:flex}.services-nav__links a{color:var(--color-ink);letter-spacing:.3px;white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s}.services-nav__links a:hover{opacity:.5}.services-nav__links a.is-active{opacity:1}.services-nav__actions{align-items:center;gap:var(--spacing-md);display:flex}.services-nav__icon-btn{border-radius:var(--rounded-full);cursor:pointer;width:40px;height:40px;color:var(--color-ink);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.services-nav__icon-btn:hover{background:var(--color-soft-cloud)}.services-subnav{background:var(--color-canvas);border-bottom:1px solid var(--color-hairline-soft);z-index:100;position:sticky;top:0}.services-subnav__inner{max-width:1440px;padding:0 var(--spacing-section);justify-content:space-between;align-items:center;height:48px;margin:0 auto;display:flex}.services-subnav__breadcrumb{color:var(--color-mute);letter-spacing:.3px;white-space:nowrap;font-size:12px;font-weight:500}.services-subnav__breadcrumb span{color:var(--color-ink);font-weight:600}.services-subnav__right{align-items:center;gap:var(--spacing-xl);flex-shrink:0;display:flex}.services-subnav__count{color:var(--color-mute);white-space:nowrap;font-size:12px;font-weight:500}.services-filter-bar{max-width:1440px;padding:var(--spacing-lg) var(--spacing-section) 0;gap:var(--spacing-sm);flex-wrap:wrap;margin:0 auto;display:flex}.services-filter-bar .filter-chip{border:1px solid var(--color-hairline);background:var(--color-canvas);height:36px;color:var(--color-ink);font-family:var(--font-body);letter-spacing:.2px;cursor:pointer;border-radius:999px;padding:0 18px;font-size:13px;font-weight:500;transition:all .15s}.services-filter-bar .filter-chip:hover{border-color:var(--color-ink);background:var(--color-soft-cloud)}.services-filter-bar .filter-chip.is-active{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.services-search{max-width:1440px;padding:var(--spacing-xl) var(--spacing-section) 0;margin:0 auto}.services-search-pill{align-items:center;max-width:480px;display:flex;position:relative}.services-search-pill__icon{color:var(--color-mute);pointer-events:none;transition:color .2s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.services-search-pill__input{background:var(--color-soft-cloud);border-radius:var(--rounded-md);width:100%;height:44px;font-family:var(--font-body);color:var(--color-ink);border:2px solid #0000;padding:0 44px;font-size:14px;transition:background .2s,border-color .2s,box-shadow .2s}.services-search-pill__input::placeholder{color:var(--color-mute);font-weight:400}.services-search-pill__input:focus{background:var(--color-canvas);border-color:var(--color-ink);box-shadow:0 0 0 4px var(--color-soft-cloud);outline:none}.services-search-pill:focus-within .services-search-pill__icon{color:var(--color-ink)}.services-search-pill__clear{background:var(--color-hairline-soft);border-radius:var(--rounded-full);cursor:pointer;width:28px;height:28px;color:var(--color-ash);border:none;justify-content:center;align-items:center;font-size:12px;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.services-search-pill__clear:hover{background:var(--color-hairline);transform:translateY(-50%)scale(1.1)}.services-grid-wrapper{max-width:1440px;padding:var(--spacing-xl) var(--spacing-section) var(--spacing-section);margin:0 auto}.service-card{border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);grid-template-columns:1fr;align-items:start;text-decoration:none;display:grid}.service-card .pp-card__image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s;display:block}.service-card:hover .pp-card__image{transform:scale(1.04)}.service-card .pp-card__placeholder-icon{font-size:36px}.service-card .pp-btn-primary{align-items:center;gap:var(--spacing-sm);background:var(--color-ink);height:40px;color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;flex-shrink:0;padding:0 20px;font-size:13px;font-weight:500;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.service-card .pp-btn-primary:hover{opacity:.85;transform:scale(.97)}.services-loading{gap:var(--spacing-section) var(--spacing-section);max-width:1440px;padding:var(--spacing-xl) var(--spacing-section) var(--spacing-section);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.services-empty{max-width:1440px;padding:var(--spacing-section) var(--spacing-section);justify-content:center;align-items:center;gap:var(--spacing-lg);text-align:center;flex-direction:column;min-height:320px;margin:0 auto;display:flex}.services-empty__title{font-family:var(--font-display);color:var(--color-hairline);text-transform:uppercase;letter-spacing:2px;font-size:64px;font-weight:400;line-height:1}.services-empty__sub{color:var(--color-mute);max-width:280px;font-size:14px}.services-empty__action{align-items:center;gap:var(--spacing-sm);background:var(--color-ink);color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;padding:12px 24px;font-size:13px;font-weight:500;transition:opacity .2s;display:inline-flex}.services-empty__action:hover{opacity:.8}@media (width<=1023px){.services-grid,.services-loading{gap:var(--spacing-xl) var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.services-hero__content{padding:var(--spacing-xl) var(--spacing-xl)}.services-hero__title{font-size:clamp(56px,12vw,96px)}}@media (width<=767px){.services-grid,.services-loading{gap:var(--spacing-xl) var(--spacing-sm);grid-template-columns:1fr}.services-hero{min-height:420px;max-height:480px}.services-hero__content{padding:var(--spacing-xl) var(--spacing-lg)}.services-hero__title{margin-bottom:var(--spacing-xl);font-size:clamp(48px,16vw,80px)}.services-subnav__inner{padding:0 var(--spacing-lg)}.services-search{padding:var(--spacing-lg) var(--spacing-lg) 0}.services-grid-wrapper{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xl)}.services-utility-bar__inner{padding:0 var(--spacing-lg)}.services-utility-bar__links{gap:var(--spacing-lg)}.services-nav__inner{padding:0 var(--spacing-lg)}.services-nav__links{display:none}}.pp-card.service-card{opacity:0;animation:.55s ease-out forwards cardFadeSlideUp;transform:translateY(24px)}.pp-card.service-card:first-child{animation-delay:50ms}.pp-card.service-card:nth-child(2){animation-delay:.1s}.pp-card.service-card:nth-child(3){animation-delay:.15s}.pp-card.service-card:nth-child(4){animation-delay:.2s}.pp-card.service-card:nth-child(5){animation-delay:.25s}.pp-card.service-card:nth-child(6){animation-delay:.3s}.pp-card.service-card:nth-child(7){animation-delay:.35s}.pp-card.service-card:nth-child(8){animation-delay:.4s}.ic-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;-webkit-user-select:none;user-select:none;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ic-modal{background:#fff;border-radius:20px;width:420px;max-width:92vw;max-height:85vh;animation:.25s icSlideIn;overflow:hidden;box-shadow:0 20px 60px #00000040}@keyframes icSlideIn{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.ic-header{border-bottom:1px solid #f0e8ff;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.ic-header h3{color:#333;margin:0;font-size:17px;font-weight:700}.ic-close-btn{cursor:pointer;color:#888;background:#f5f0ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;line-height:1;transition:all .2s;display:flex}.ic-close-btn:hover{color:#7c5cbf;background:#e8d8ff}.ic-canvas-wrapper{-webkit-user-select:none;user-select:none;justify-content:center;padding:16px 24px;display:flex;overflow:hidden}.ic-image-container{border-radius:12px;max-width:100%;max-height:50vh;display:inline-block;position:relative;overflow:hidden}.ic-image{pointer-events:all;cursor:crosshair;max-width:100%;max-height:50vh;display:block}.ic-overlay-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.ic-overlay-top{pointer-events:none;background:#00000080;position:absolute;top:0;left:0;right:0}.ic-overlay-bottom{pointer-events:none;background:#00000080;position:absolute;bottom:0;left:0;right:0}.ic-overlay-left{pointer-events:none;background:#00000080;position:absolute;top:0;bottom:0;left:0}.ic-overlay-right{pointer-events:none;background:#00000080;position:absolute;top:0;bottom:0;right:0}.ic-grid{cursor:grab;pointer-events:all;position:absolute}.ic-grid-line{background:#ffffff59;position:absolute}.ic-grid-v{width:1px;height:100%;top:0}.ic-grid-h{width:100%;height:1px;left:0}.ic-border{cursor:grab;pointer-events:all;border:2px solid #fff;position:absolute}.ic-border:active{cursor:grabbing}.ic-corner{pointer-events:all;cursor:grab;width:14px;height:14px;position:absolute}.ic-corner:active{cursor:grabbing}.ic-corner-tl{cursor:nwse-resize;border-top:3px solid #fff;border-left:3px solid #fff}.ic-corner-tr{cursor:nesw-resize;border-top:3px solid #fff;border-right:3px solid #fff}.ic-corner-bl{cursor:nesw-resize;border-bottom:3px solid #fff;border-left:3px solid #fff}.ic-corner-br{cursor:nwse-resize;border-bottom:3px solid #fff;border-right:3px solid #fff}.ic-footer{border-top:1px solid #f0e8ff;gap:12px;padding:16px 24px 20px;display:flex}.ic-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.ic-btn-cancel{color:#666;background:#f5f5f5}.ic-btn-cancel:hover{background:#e8e8e8}.ic-btn-ok{color:#fff;background:linear-gradient(135deg,#7c5cbf 0%,#5b8fc4 100%);box-shadow:0 4px 14px #7c5cbf59}.ic-btn-ok:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c5cbf73}.ic-btn-ok:active{transform:translateY(0)}.pet-profile-page{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh}.success-banner{background:var(--color-ink);color:var(--color-canvas);padding:14px var(--spacing-section);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:14px;font-weight:500;display:flex}.success-banner svg{flex-shrink:0;width:18px;height:18px}.close-success{color:var(--color-canvas);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .15s;display:flex}.close-success:hover{opacity:1}.pp-hero{background:var(--color-ink);position:relative;overflow:hidden}.pp-hero:before{content:"";background:var(--color-charcoal);opacity:.3;pointer-events:none;width:50%;height:100%;position:absolute;top:0;right:0}.pp-hero:after{content:"";background:var(--color-canvas);pointer-events:none;width:3px;height:100%;position:absolute;top:0;left:0}.pp-hero__inner{z-index:1;max-width:1440px;padding:var(--spacing-xxl) var(--spacing-section);justify-content:space-between;align-items:center;gap:var(--spacing-xxl);margin:0 auto;display:flex;position:relative}.pp-hero__left{gap:var(--spacing-md);flex-direction:column;display:flex}.pp-hero__eyebrow{align-items:center;gap:var(--spacing-sm);letter-spacing:2px;text-transform:uppercase;color:var(--color-stone);font-size:11px;font-weight:600;display:flex}.pp-hero__eyebrow-dot{background:var(--color-canvas);border-radius:50%;flex-shrink:0;width:6px;height:6px}.pp-hero__title{font-family:var(--font-display);letter-spacing:-2px;text-transform:uppercase;color:var(--color-canvas);margin:0;font-size:clamp(72px,12vw,140px);font-weight:400;line-height:.85}.pp-hero__meta{border-radius:var(--rounded-full);letter-spacing:1px;text-transform:uppercase;color:var(--color-canvas);margin-top:var(--spacing-sm);background:#ffffff14;border:1px solid #ffffff1f;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.pp-hero__meta-label{display:none}.pp-hero__meta-sep{opacity:.4}.pp-hero__avatar-wrap{flex-shrink:0;position:relative}.pp-hero__avatar-white-ring{background:var(--color-canvas);border-radius:50%;padding:5px;box-shadow:0 0 0 1px #ffffff1a,0 8px 32px #0006}.pp-hero__avatar-ring{background:conic-gradient(var(--color-stone) 0deg, #ffffff26 90deg, #ffffff14 180deg, var(--color-stone) 360deg);border-radius:50%;width:180px;height:180px;padding:4px;animation:8s linear infinite ringSpin}@keyframes ringSpin{to{background:conic-gradient(var(--color-stone) 360deg, #ffffff26 450deg, #ffffff14 540deg, var(--color-stone) 720deg)}}.pp-hero__avatar-inner{background:var(--color-charcoal);border:3px solid var(--color-ink);border-radius:50%;width:100%;height:100%;overflow:hidden}.pp-hero__avatar{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.pp-hero__avatar-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pp-hero__avatar-placeholder svg{width:64px;height:64px;color:var(--color-stone)}.pp-hero__verified{background:var(--color-canvas);border:3px solid var(--color-canvas);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 0 0 1px #0000004d}.pp-hero__verified svg{width:16px;height:16px;color:var(--color-ink)}.pp-hero__add-cta{max-width:1440px;padding:var(--spacing-lg) var(--spacing-section);border-top:1px solid var(--color-hairline);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.pp-hero__add-cta-text{color:var(--color-mute);font-size:14px;font-weight:400}.pp-hero__add-btn{align-items:center;gap:var(--spacing-sm);background:var(--color-ink);height:36px;color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;padding:0 20px;font-size:13px;font-weight:500;transition:opacity .15s;display:inline-flex}.pp-hero__add-btn:hover{opacity:.8}.pp-hero__add-btn svg{width:14px;height:14px}.pp-section-edit-btn{height:30px;color:var(--color-mute);border:1px solid var(--color-hairline);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;background:0 0;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.pp-section-edit-btn:hover{color:var(--color-ink);border-color:var(--color-ink)}.pp-section-edit-btn svg{width:12px;height:12px}@media (width<=767px){.pp-hero__inner{padding:var(--spacing-xl) var(--spacing-lg);align-items:flex-start;gap:var(--spacing-xl);flex-direction:column-reverse}.pp-hero__avatar-ring{width:120px;height:120px}.pp-hero__avatar-placeholder svg{width:44px;height:44px}.pp-hero__title{font-size:clamp(52px,18vw,80px)}.pp-hero__add-cta{padding:var(--spacing-lg) var(--spacing-lg)}}.pp-section-header{max-width:1440px;padding:var(--spacing-section) var(--spacing-section) var(--spacing-xl);border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:baseline;margin:0 auto;display:flex}.pp-section-header h2{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);letter-spacing:1px;margin:0;font-size:48px;font-weight:400}.pp-section-header-actions{align-items:center;gap:var(--spacing-md);display:flex}.pp-selector-wrap{max-width:1440px;padding:var(--spacing-xl) var(--spacing-section);align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--color-hairline);margin:0 auto;display:flex}.pp-selector-label{color:var(--color-mute);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:12px;font-weight:600}.pp-selector{position:relative}.pp-selector-btn{align-items:center;gap:var(--spacing-md);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-full);cursor:pointer;min-width:200px;padding:10px 20px 10px 10px;transition:border-color .15s;display:flex}.pp-selector-btn:hover{border-color:var(--color-ink)}.pp-selector-avatar{object-fit:cover;background:var(--color-soft-cloud);border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.pp-selector-avatar-placeholder{background:var(--color-ink);width:36px;height:36px;color:var(--color-canvas);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.pp-selector-info{text-align:left;flex-direction:column;gap:2px;display:flex}.pp-selector-name{color:var(--color-ink);font-size:14px;font-weight:600}.pp-selector-species{color:var(--color-mute);font-size:12px}.pp-selector-arrow{width:16px;height:16px;color:var(--color-mute);flex-shrink:0;margin-left:auto}.pp-pet-list{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);z-index:100;min-width:260px;animation:.15s dropdownSlide;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.pp-pet-list-item{align-items:center;gap:var(--spacing-md);padding:12px var(--spacing-lg);cursor:pointer;border-bottom:1px solid var(--color-hairline-soft);transition:background .15s;display:flex}.pp-pet-list-item:last-child{border-bottom:none}.pp-pet-list-item:hover,.pp-pet-list-item.active{background:var(--color-soft-cloud)}.pp-pet-list-avatar{object-fit:cover;background:var(--color-soft-cloud);border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.pp-pet-list-avatar-placeholder{background:var(--color-hairline);width:36px;height:36px;color:var(--color-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.pp-pet-list-info{flex-direction:column;flex:1;gap:2px;display:flex}.pp-pet-list-name{color:var(--color-ink);font-size:14px;font-weight:600}.pp-pet-list-species{color:var(--color-mute);font-size:12px}.pp-pet-list-check{width:18px;height:18px;color:var(--color-ink);flex-shrink:0}.pp-add-pet-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);background:var(--color-ink);width:100%;color:var(--color-canvas);cursor:pointer;font-family:var(--font-body-medium);border:none;padding:14px;font-size:13px;font-weight:500;transition:opacity .2s;display:flex}.pp-add-pet-btn:hover{opacity:.85}.pp-card-section{max-width:1440px;padding:var(--spacing-section) var(--spacing-section);margin:0 auto}.pp-card{gap:var(--spacing-section);border:1px solid var(--color-hairline);background:var(--color-canvas);grid-template-columns:280px 1fr;align-items:start;display:grid}.pp-card__image-wrap{aspect-ratio:1;background:var(--color-soft-cloud);width:100%;position:relative;overflow:hidden}.pp-card__image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.pp-card__placeholder{justify-content:center;align-items:center;gap:var(--spacing-sm);background:var(--color-soft-cloud);flex-direction:column;width:100%;height:100%;display:flex}.pp-card__placeholder-icon{width:48px;height:48px;color:var(--color-hairline)}.pp-card__placeholder-initials{color:var(--color-hairline);font-size:40px;font-weight:700;line-height:1}.pp-card__verified{background:var(--color-success);border:2px solid var(--color-canvas);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:12px;right:12px}.pp-card__verified svg{color:#fff;width:14px;height:14px}.pp-card__body{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xl) 0;gap:var(--spacing-lg);flex-direction:column;display:flex}.pp-card__title{font-family:var(--font-display);letter-spacing:-.5px;text-transform:uppercase;color:var(--color-ink);margin:0;font-size:32px;font-weight:400;line-height:1}.pp-card__head{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.pp-card__species{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-mute);margin-top:var(--spacing-xs);font-size:12px;font-weight:500}.pp-info-grid{background:var(--color-hairline-soft);border:1px solid var(--color-hairline-soft);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.pp-info-cell{background:var(--color-canvas);padding:var(--spacing-lg) var(--spacing-xl);flex-direction:column;gap:4px;display:flex}.pp-info-label{letter-spacing:1px;text-transform:uppercase;color:var(--color-mute);font-size:11px;font-weight:600}.pp-info-value{color:var(--color-ink);align-items:center;gap:var(--spacing-sm);font-size:15px;font-weight:600;display:flex}.pp-info-value svg{width:16px;height:16px;color:var(--color-mute);flex-shrink:0}.pp-card__actions{gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--color-hairline-soft);display:flex}.pp-btn-primary{align-items:center;gap:var(--spacing-sm);background:var(--color-ink);height:48px;color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;padding:0 28px;font-size:14px;font-weight:500;transition:transform .2s,opacity .2s;display:inline-flex}.pp-btn-primary:hover{transform:scale(.97)}.pp-btn-primary:active{opacity:.5;transform:scale(.5)}.pp-btn-secondary{align-items:center;gap:var(--spacing-sm);background:var(--color-soft-cloud);height:48px;color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;padding:0 28px;font-size:14px;font-weight:500;transition:border-color .15s;display:inline-flex}.pp-btn-secondary:hover{border-color:var(--color-ink)}.pp-btn-icon{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-full);cursor:pointer;width:48px;height:48px;color:var(--color-charcoal);justify-content:center;align-items:center;padding:0;transition:border-color .15s,background .15s;display:flex}.pp-btn-icon:hover{border-color:var(--color-ink);background:var(--color-soft-cloud)}.pp-btn-icon svg{width:18px;height:18px}.pp-btn-danger{align-items:center;gap:var(--spacing-sm);background:var(--color-canvas);height:48px;color:var(--color-sale);border:1px solid var(--color-sale);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;padding:0 28px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.pp-btn-danger:hover{background:var(--color-sale);color:#fff}.pp-btn-danger svg{width:16px;height:16px}.pp-quick-actions{max-width:1440px;padding:0 var(--spacing-section) var(--spacing-section);gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.pp-quick-action{background:var(--color-soft-cloud);border-radius:var(--rounded-none);padding:var(--spacing-xl) var(--spacing-lg);cursor:pointer;align-items:center;gap:var(--spacing-md);text-align:center;border:none;flex-direction:column;transition:background .15s;display:flex}.pp-quick-action:hover{background:var(--color-hairline-soft)}.pp-quick-action__icon{background:var(--color-canvas);border-radius:var(--rounded-full);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pp-quick-action__icon svg{width:22px;height:22px;color:var(--color-ink)}.pp-quick-action__label{color:var(--color-ink);letter-spacing:.5px;font-size:12px;font-weight:600}.pp-empty-section{max-width:1440px;padding:var(--spacing-section) var(--spacing-section);margin:0 auto}.pp-empty{background:var(--color-soft-cloud);border-radius:var(--rounded-none);padding:80px var(--spacing-section);align-items:center;gap:var(--spacing-lg);text-align:center;flex-direction:column;display:flex}.pp-empty__icon{background:var(--color-canvas);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.pp-empty__icon svg{width:40px;height:40px;color:var(--color-hairline)}.pp-empty__title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);letter-spacing:1px;margin:0;font-size:48px;font-weight:400}.pp-empty__sub{color:var(--color-mute);max-width:360px;margin:0;font-size:14px;line-height:1.6}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#111111b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pet-modal{background:var(--color-canvas);border-radius:var(--rounded-lg);width:100%;max-width:520px;max-height:90vh;animation:.2s modalSlide;overflow-y:auto}@keyframes modalSlide{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-hairline-soft);background:var(--color-canvas);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal-header-title{align-items:center;gap:var(--spacing-md);display:flex}.modal-header-title svg{width:24px;height:24px;color:var(--color-ink)}.modal-header-title h2{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);letter-spacing:.5px;margin:0;font-size:20px;font-weight:400}.close-modal{background:var(--color-soft-cloud);border-radius:var(--rounded-full);cursor:pointer;width:36px;height:36px;color:var(--color-ink);border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.close-modal:hover{background:var(--color-hairline-soft)}.close-modal svg{width:16px;height:16px}.pet-form{padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;display:flex}.avatar-upload-section{justify-content:center;display:flex}.avatar-preview{cursor:pointer;border:2px dashed var(--color-hairline);background:var(--color-soft-cloud);border-radius:50%;width:120px;height:120px;transition:border-color .15s;overflow:hidden}.avatar-preview:hover{border-color:var(--color-ink)}.avatar-preview img{object-fit:cover;width:100%;height:100%;display:block}.avatar-placeholder{justify-content:center;align-items:center;gap:var(--spacing-xs);width:100%;height:100%;color:var(--color-mute);flex-direction:column;display:flex}.avatar-placeholder svg{width:32px;height:32px;color:var(--color-hairline)}.avatar-placeholder span{font-size:12px;font-weight:500}.form-row{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group label{color:var(--color-ink);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.form-group input,.form-group select{height:52px;padding:0 var(--spacing-lg);background:var(--color-soft-cloud);border-radius:var(--rounded-md);font-family:var(--font-body);color:var(--color-ink);appearance:none;border:2px solid #0000;font-size:15px;transition:background .2s,border-color .2s}.form-group input::placeholder{color:var(--color-mute);font-weight:400}.form-group input:focus,.form-group select:focus{background:var(--color-canvas);border-color:var(--color-ink);outline:none}.checkbox-group{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-soft-cloud);border-radius:var(--rounded-sm);display:flex}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-ink);cursor:pointer;flex-shrink:0}.checkbox-group label{color:var(--color-ink);cursor:pointer;font-size:14px;font-weight:500}.modal-actions{gap:var(--spacing-md);padding-top:var(--spacing-sm);display:flex}.cancel-btn{background:var(--color-soft-cloud);height:52px;color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;flex:1;font-size:14px;font-weight:500;transition:background .15s}.cancel-btn:hover{background:var(--color-hairline-soft)}.submit-btn{background:var(--color-ink);height:52px;color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;flex:2;font-size:14px;font-weight:500;transition:transform .2s,opacity .2s}.submit-btn:hover{transform:scale(.97)}.submit-btn:active{opacity:.5;transform:scale(.5)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.delete-modal{background:var(--color-canvas);border-radius:var(--rounded-lg);width:100%;max-width:400px;padding:var(--spacing-xxl) var(--spacing-xl);text-align:center;animation:.2s modalSlide}.delete-icon-wrap{background:var(--color-soft-cloud);width:72px;height:72px;margin:0 auto var(--spacing-xl);border-radius:50%;justify-content:center;align-items:center;display:flex}.delete-icon-wrap svg{width:32px;height:32px;color:var(--color-sale)}.delete-modal h3{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);margin:0 0 var(--spacing-md);font-size:24px;font-weight:400}.delete-modal p{color:var(--color-charcoal);margin:0 0 var(--spacing-sm);font-size:14px;line-height:1.6}.delete-modal strong{color:var(--color-ink)}.delete-warning{color:var(--color-sale)!important;margin-bottom:var(--spacing-xl)!important;font-size:13px!important}.delete-actions{gap:var(--spacing-md);display:flex}.cancel-delete-btn{background:var(--color-soft-cloud);height:52px;color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;flex:1;font-size:14px;font-weight:500;transition:background .15s}.cancel-delete-btn:hover{background:var(--color-hairline-soft)}.confirm-delete-btn{background:var(--color-sale);color:#fff;border-radius:var(--rounded-full);height:52px;font-family:var(--font-body-medium);cursor:pointer;border:none;flex:1;font-size:14px;font-weight:500;transition:opacity .2s}.confirm-delete-btn:hover{opacity:.85}.profile-loading{padding:80px var(--spacing-section);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1023px){.pp-card{grid-template-columns:1fr}.pp-card__image-wrap{max-height:400px}.pp-card__body{padding:var(--spacing-xl)}.pp-info-grid,.pp-quick-actions,.footer-links{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.pp-hero__inner{padding:var(--spacing-xl) var(--spacing-lg);align-items:flex-start;gap:var(--spacing-lg);flex-direction:column}.pp-hero__avatar-wrap{width:80px;height:80px}.pp-hero__title{font-size:clamp(36px,12vw,56px)}.pp-section-header{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg)}.pp-section-header h2{font-size:36px}.pp-selector-wrap,.pp-card-section,.pp-card__body{padding:var(--spacing-lg)}.pp-card__title{font-size:28px}.pp-info-grid{grid-template-columns:1fr 1fr}.pp-card__actions{flex-wrap:wrap}.pp-btn-primary,.pp-btn-secondary,.pp-btn-danger{height:44px;padding:0 20px;font-size:13px}.pp-btn-icon{width:44px;height:44px}.pp-quick-actions{padding:0 var(--spacing-lg) var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.bottom-nav{padding:var(--spacing-lg)}.footer-links{padding:0 var(--spacing-lg) var(--spacing-lg);grid-template-columns:1fr 1fr}.logo-block{font-size:48px}.form-row{grid-template-columns:1fr}}.pp-hero__eyebrow,.pp-hero__title,.pp-hero__meta{opacity:0;animation:.6s ease-out forwards fadeSlideUp;transform:translateY(20px)}.pp-hero__eyebrow{animation-delay:50ms}.pp-hero__title{animation-delay:.2s}.pp-hero__meta{animation-delay:.35s}.pp-hero__avatar-wrap{opacity:0;animation:.6s ease-out .3s forwards fadeScaleIn;transform:scale(.9)}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.health-record-page{color:#1d1d1f;background:#f6f6f6;max-width:1180px;margin:0 auto;font-family:Arial,Helvetica,sans-serif}.hero-dashboard{background:#fbfbfb;border:3px solid #0f86f8;margin:14px 16px 16px;padding:16px}.hero-dashboard h2{margin:0;font-family:Georgia,Times New Roman,Times,serif;font-size:50px;font-weight:700}.hero-dashboard>p{color:#7a7a7a;margin:10px 0 18px}.dashboard-grid{grid-template-columns:280px 1fr;gap:14px;display:grid}.card{background:#fff;border:1px solid #ececec;border-radius:14px}.profile-panel{text-align:center;grid-row:span 2;padding:14px}.avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;width:82px;height:82px;box-shadow:0 0 0 1px #ddd}.profile-panel h3{margin:10px 0 4px}.muted{color:#8a8a8a;margin:0;font-size:12px}.profile-panel button,.appointment-card button{color:#fff;cursor:pointer;background:#6a9c2f;border:0;border-radius:999px;margin-top:12px;padding:9px 20px;font-size:12px;font-weight:700}.tag-list{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px;display:flex}.tag-list span{color:#666;background:#f5f1ff;border-radius:999px;padding:5px 8px;font-size:10px}.personality-card{padding:14px 16px}.personality-card h3{margin:0}.metric{margin-top:14px}.metric-top{justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.metric-top strong{font-size:20px}.bar{background:#ececec;border-radius:999px;width:100%;height:6px;overflow:hidden}.bar div{border-radius:999px;height:100%}.bar.orange div{background:#f38c4d}.bar.blue div{background:#4d85f3}.bar.green div{background:#43b266}.appointment-card{color:#fff;background:linear-gradient(#5f9be9,#4f86d7);flex-direction:column;justify-content:space-between;min-height:140px;padding:16px;display:flex}.appointment-card h4{margin:0;font-size:22px}.appointment-card p{margin:4px 0 0;font-size:12px}.appointment-card small{opacity:.95;font-size:11px;line-height:1.4}.appointment-card button{color:#3d68a5;background:#f5f8ff;align-self:flex-start}.summary-row{grid-template-columns:160px 1fr;align-items:center;gap:12px;padding:14px;display:grid}.circle-meter{background:conic-gradient(#ef5ea7 0 80%, #f0f0f0 80% 100%);border-radius:50%;width:110px;height:110px;margin:0 auto;padding:10px}.circle-meter>div{color:#888;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;display:flex}.circle-meter strong{color:#333;font-size:20px}.activity-box h4{margin:0 0 8px}.activity-box p{margin:4px 0;font-size:12px}.journey-section,.notes-section{background:#fff;border:1px solid #ececec;border-radius:14px;margin:0 16px 16px;padding:14px}.journey-section h3,.notes-section h3{margin:0;font-family:Georgia,Times New Roman,Times,serif;font-size:30px}.journey-item{border:1px solid #efefef;border-radius:10px;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 12px;display:flex}.journey-text h4{margin:0 0 4px}.journey-text p{color:#777;margin:0;font-size:12px}.chip{color:#2f61f2;background:#ebf0ff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700}.chip.orange{color:#c97020;background:#fff1e5}.journey-images{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.journey-images img{object-fit:cover;border-radius:10px;width:100%;height:155px}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.note-card{background:#fdfdfd;border:1px solid #efefef;border-radius:10px;padding:12px}.note-card small{color:#7d7d7d;font-size:10px;font-weight:700}.note-card strong{margin-top:4px;font-size:14px;display:block}.note-card p{color:#777;margin:6px 0 0;font-size:12px}.bottom-nav{background:#fff;border-radius:15px;justify-content:center;gap:0;margin:20px 16px 30px;padding:8px;display:flex;box-shadow:0 4px 15px #0000000d}.nav-tab{text-align:center;color:#666;border-radius:10px;flex:1;padding:15px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.nav-tab:hover{color:#667eea;background:#f8f5ff}.nav-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 15px #667eea4d}@media (width<=980px){.dashboard-grid{grid-template-columns:1fr}.profile-panel{grid-row:auto}.summary-row{grid-template-columns:1fr}.hero-dashboard h2,.journey-section h3,.notes-section h3{font-size:36px}}@media (width<=640px){.hero-dashboard{margin:10px;padding:12px}.journey-images,.notes-grid{grid-template-columns:1fr}.bottom-nav{flex-direction:column}.nav-tab{padding:12px}}.pur-page{background:var(--color-soft-cloud,#f5f5f5);min-height:100vh;font-family:var(--font-body,"Inter", -apple-system, sans-serif);color:var(--color-ink,#111);-webkit-font-smoothing:antialiased}.pur-header{background:var(--color-canvas,#fff);border-bottom:1px solid var(--color-hairline,#e0e0e0)}.pur-header__inner{max-width:900px;padding:40px var(--spacing-section,40px) 28px;margin:0 auto}.pur-header__eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--color-mute,#888);margin:0 0 8px;font-size:11px;font-weight:600}.pur-header__title{font-family:var(--font-display,"Playfair Display", Georgia, serif);color:var(--color-ink,#111);letter-spacing:-.5px;margin:0;font-size:clamp(40px,6vw,64px);font-weight:400;line-height:1}.pur-tabs{background:var(--color-canvas,#fff);border-bottom:1px solid var(--color-hairline,#e0e0e0);z-index:10;position:sticky;top:0}.pur-tabs__inner{max-width:900px;padding:0 var(--spacing-section,40px);scrollbar-width:none;gap:0;margin:0 auto;display:flex;overflow-x:auto}.pur-tabs__inner::-webkit-scrollbar{display:none}.pur-tab{color:var(--color-mute,#888);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--font-body,"Inter", sans-serif);letter-spacing:.3px;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:16px 20px;transition:color .15s,border-color .15s;display:inline-flex}.pur-tab:hover{color:var(--color-ink,#111)}.pur-tab.active{color:var(--color-ink,#111);border-bottom-color:var(--color-ink,#111)}.pur-tab__badge{background:var(--color-sale,#d30005);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.pur-body{padding:var(--spacing-section,40px) 0}.pur-body__inner{max-width:900px;padding:0 var(--spacing-section,40px);margin:0 auto}.pur-empty{text-align:center;background:var(--color-canvas,#fff);border:1px solid var(--color-hairline,#e0e0e0);flex-direction:column;align-items:center;padding:80px 20px;display:flex}.pur-empty__icon{background:var(--color-soft-cloud,#f5f5f5);width:88px;height:88px;color:var(--color-hairline,#e0e0e0);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.pur-empty__icon svg{width:40px;height:40px}.pur-empty__title{color:var(--color-ink,#111);letter-spacing:-.3px;margin:0 0 8px;font-size:20px;font-weight:700}.pur-empty__sub{color:var(--color-mute,#888);max-width:340px;margin:0 0 32px;font-size:14px;line-height:1.5}.pur-empty__cta{background:var(--color-ink,#111);color:var(--color-canvas,#fff);letter-spacing:.3px;border-radius:999px;align-items:center;gap:8px;padding:14px 32px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.pur-empty__cta:hover{opacity:.85}.pur-orders{gap:var(--spacing-md,12px);flex-direction:column;display:flex}.pur-order{background:var(--color-canvas,#fff);border:1px solid var(--color-hairline,#e0e0e0);transition:box-shadow .2s;overflow:hidden}.pur-order:hover{box-shadow:0 4px 20px #0000000f}.pur-order__header{border-bottom:1px solid var(--color-hairline-soft,#eee);background:var(--color-soft-cloud,#f5f5f5);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.pur-order__meta{align-items:center;gap:var(--spacing-lg,16px);display:flex}.pur-order__id{color:var(--color-ink,#111);letter-spacing:.3px;font-size:13px;font-weight:700}.pur-order__date{color:var(--color-mute,#888);align-items:center;gap:6px;font-size:12px;display:flex}.pur-order__date svg{flex-shrink:0}.pur-order__right{align-items:center;gap:var(--spacing-md,12px);display:flex}.pur-status{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.pur-status svg{flex-shrink:0;width:12px;height:12px}.pur-status--orange{color:#e65100;background:#fff3e0}.pur-status--blue{color:#1151ff;background:#e3f2fd}.pur-status--green{color:#007d48;background:#e8f5e9}.pur-status--red{color:#d30005;background:#fee2e2}.pur-status--gray{background:var(--color-soft-cloud,#f5f5f5);color:var(--color-mute,#888)}.pur-order__items{flex-direction:column;display:flex}.pur-item{border-bottom:1px solid var(--color-hairline-soft,#eee);align-items:center;gap:16px;padding:16px 24px;transition:background .15s;display:flex}.pur-item:last-child{border-bottom:none}.pur-item:hover{background:var(--color-soft-cloud,#f5f5f5)}.pur-item__img{border-radius:var(--rounded-md,8px);background:var(--color-soft-cloud,#f5f5f5);flex-shrink:0;width:64px;height:64px;overflow:hidden}.pur-item__img img{object-fit:cover;width:100%;height:100%}.pur-item__info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pur-item__name{color:var(--color-ink,#111);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.pur-item__qty{color:var(--color-mute,#888);font-size:12px}.pur-item__price{color:var(--color-ink,#111);white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:700}.pur-order__footer{background:var(--color-soft-cloud,#f5f5f5);border-top:1px solid var(--color-hairline-soft,#eee);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.pur-order__address{flex-direction:column;gap:2px;display:flex}.pur-order__address-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-mute,#888);font-size:10px;font-weight:700}.pur-order__address-value{color:var(--color-charcoal,#555);font-size:13px}.pur-order__total{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.pur-order__total-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-mute,#888);font-size:10px;font-weight:700}.pur-order__total-value{color:var(--color-ink,#111);letter-spacing:-.5px;font-size:18px;font-weight:700}@media (width<=767px){.pur-header__inner{padding:28px var(--spacing-lg,16px) 20px}.pur-tabs__inner,.pur-body__inner{padding:0 var(--spacing-lg,16px)}.pur-order__header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}.pur-order__meta{flex-direction:column;align-items:flex-start;gap:4px}.pur-item{gap:12px;padding:14px 16px}.pur-item__img{width:52px;height:52px}.pur-order__footer{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.pur-order__total{align-items:flex-start}}.login-container{background:#fff;width:100vw;height:100vh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.login-image-section{background:#111;flex:1;position:relative;overflow:hidden}.login-image-section:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#0000008c 100%);position:absolute;inset:0}.login-image{object-fit:cover;width:100%;height:100%;display:block}.login-image-overlay{z-index:2;padding:48px 40px;position:absolute;bottom:0;left:0;right:0}.login-title-overlay{letter-spacing:0;text-transform:uppercase;color:#fff;-webkit-font-smoothing:antialiased;margin-bottom:14px;font-family:Anton,Impact,sans-serif;font-size:clamp(40px,5vw,72px);font-weight:400;line-height:.92}.login-subtitle-overlay{color:#ffffffbf;letter-spacing:0;max-width:320px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}.login-form-section{background:#fff;flex-direction:column;flex:0 0 560px;justify-content:center;align-items:center;padding:56px 64px;display:flex;position:relative}.login-form-content{width:100%;max-width:420px}.login-form-header{margin-bottom:40px}.login-form-label{letter-spacing:2px;text-transform:uppercase;color:#707072;margin-bottom:10px;font-size:9px;font-weight:500;display:block}.login-form-title{letter-spacing:0;text-transform:uppercase;color:#111;-webkit-font-smoothing:antialiased;font-family:Anton,Impact,sans-serif;font-size:48px;font-weight:400;line-height:.95}.login-form-subtitle{color:#707072;margin-top:12px;font-size:13px;line-height:1.5}.login-form{width:100%}.login-form-group{margin-bottom:20px}.login-label{letter-spacing:.5px;color:#111;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.login-input{color:#111;appearance:none;background:#f5f5f5;border:1.5px solid #cacacb;border-radius:24px;outline:none;width:100%;height:48px;padding:0 16px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;transition:border-color .2s,background-color .2s,box-shadow .2s}.login-input::placeholder{color:#9e9ea0}.login-input:focus{background:#fff;border-color:#111;box-shadow:0 0 0 4px #1111110f}.login-input:disabled{cursor:not-allowed;color:#9e9ea0;background-color:#f5f5f5}.login-error{color:#d30005;background:#f5f5f5;border-left:3px solid #d30005;border-radius:0 8px 8px 0;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.login-error:before{content:"!";color:#fff;background:#d30005;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-flex}.login-button{color:#fff;letter-spacing:.5px;cursor:pointer;-webkit-font-smoothing:antialiased;background:#111;border:none;border-radius:9999px;width:100%;height:48px;margin-top:8px;padding:0 32px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;transition:transform .15s,opacity .15s,box-shadow .15s;position:relative;overflow:hidden}.login-button:hover:not(:disabled){transform:scale(.98);box-shadow:0 4px 16px #1113}.login-button:active:not(:disabled){opacity:.9;transform:scale(.95)}.login-button:disabled{opacity:.55;cursor:not-allowed}.login-footer{text-align:center;border-top:1px solid #e5e5e5;margin-top:32px;padding-top:28px}.login-footer-text{color:#707072;margin:6px 0;font-size:13px;line-height:1.5}.login-link{color:#111;font-weight:500;text-decoration:none;position:relative}.login-link:after{content:"";transform-origin:0;background:#111;height:1px;transition:transform .2s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.login-link:hover:after{transform:scaleX(1)}.login-link:hover{color:#111}.password-wrapper{position:relative}.password-wrapper .login-input{padding-right:48px}.password-toggle{cursor:pointer;color:#9e9ea0;appearance:none;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:16px;transition:color .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.password-toggle:hover{color:#111}.login-divider{align-items:center;gap:12px;margin:24px 0;display:flex}.login-divider-line{background:#e5e5e5;flex:1;height:1px}.login-divider-text{letter-spacing:1px;text-transform:uppercase;color:#9e9ea0;font-size:11px;font-weight:500}.login-spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.7s linear infinite login-spin;display:inline-block}@keyframes login-spin{to{transform:rotate(360deg)}}@media (width<=900px){.login-container{flex-direction:column;height:auto;min-height:100vh}.login-image-section{flex:0 0 45vh}.login-form-section{flex:1;justify-content:flex-start;padding:40px 32px}}@media (width<=480px){.login-image-section{flex:0 0 35vh}.login-image-overlay,.login-form-section{padding:32px 24px}.login-form-title{font-size:36px}}*{box-sizing:border-box;margin:0;padding:0}.register-container{background:#fff;width:100vw;height:100vh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.register-image-section{background:#111;flex:1;position:relative;overflow:hidden}.register-image-section:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#0000008c 100%);position:absolute;inset:0}.register-image{object-fit:cover;width:100%;height:100%;display:block}.register-image-overlay{z-index:2;padding:48px 40px;position:absolute;bottom:0;left:0;right:0}.register-title-overlay{letter-spacing:0;text-transform:uppercase;color:#fff;-webkit-font-smoothing:antialiased;margin-bottom:14px;font-family:Anton,Impact,sans-serif;font-size:clamp(36px,4.5vw,64px);font-weight:400;line-height:.92}.register-subtitle-overlay{color:#ffffffbf;letter-spacing:0;max-width:340px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}.register-form-section{background:#fff;flex-direction:column;flex:0 0 560px;justify-content:center;align-items:center;padding:48px 64px;display:flex;position:relative;overflow-y:auto}.register-form-content{width:100%;max-width:420px}.register-form-header{margin-bottom:36px}.register-form-label{letter-spacing:2px;text-transform:uppercase;color:#707072;margin-bottom:10px;font-size:9px;font-weight:500;display:block}.register-form-title{letter-spacing:0;text-transform:uppercase;color:#111;-webkit-font-smoothing:antialiased;font-family:Anton,Impact,sans-serif;font-size:48px;font-weight:400;line-height:.95}.register-form-subtitle{color:#707072;margin-top:12px;font-size:13px;line-height:1.5}.register-form{width:100%}.register-form-group{margin-bottom:18px}.register-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.register-label{letter-spacing:.5px;color:#111;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.register-input{color:#111;appearance:none;background:#f5f5f5;border:1.5px solid #cacacb;border-radius:24px;outline:none;width:100%;height:48px;padding:0 16px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;transition:border-color .2s,background-color .2s,box-shadow .2s}.register-input::placeholder{color:#9e9ea0}.register-input:focus{background:#fff;border-color:#111;box-shadow:0 0 0 4px #1111110f}.register-input:disabled{cursor:not-allowed;color:#9e9ea0;background-color:#f5f5f5}.register-error{color:#d30005;background:#f5f5f5;border-left:3px solid #d30005;border-radius:0 8px 8px 0;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.register-error:before{content:"!";color:#fff;background:#d30005;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-flex}.register-terms{align-items:flex-start;gap:10px;margin-bottom:20px;padding:0 4px;display:flex}.register-terms input[type=checkbox]{accent-color:#111;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:1px}.register-terms-label{color:#39393b;cursor:pointer;font-size:12px;line-height:1.5}.register-terms-label a{color:#111;font-weight:500;text-decoration:none}.register-terms-label a:hover{text-decoration:underline}.register-button{color:#fff;letter-spacing:.5px;cursor:pointer;-webkit-font-smoothing:antialiased;background:#111;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;padding:0 32px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;transition:transform .15s,opacity .15s,box-shadow .15s;display:flex}.register-button:hover:not(:disabled){transform:scale(.98);box-shadow:0 4px 16px #1113}.register-button:active:not(:disabled){opacity:.9;transform:scale(.95)}.register-button:disabled{opacity:.55;cursor:not-allowed}.register-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite register-spin;display:inline-block}@keyframes register-spin{to{transform:rotate(360deg)}}.register-footer{text-align:center;border-top:1px solid #e5e5e5;margin-top:32px;padding-top:28px}.register-footer-text{color:#707072;font-size:13px;line-height:1.5}.register-link{color:#111;font-weight:500;text-decoration:none;position:relative}.register-link:after{content:"";transform-origin:0;background:#111;height:1px;transition:transform .2s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.register-link:hover:after{transform:scaleX(1)}.register-link:hover{color:#111}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-modal{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:380px;padding:48px 40px;animation:.3s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-modal-icon{background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;display:flex}.success-modal-icon svg{color:#007d48}.success-modal h3{text-transform:uppercase;letter-spacing:0;color:#111;-webkit-font-smoothing:antialiased;margin-bottom:10px;font-family:Anton,Impact,sans-serif;font-size:28px;font-weight:400;line-height:1}.success-modal p{color:#707072;margin-bottom:28px;font-size:13px;line-height:1.5}@media (width<=900px){.register-container{flex-direction:column;height:auto;min-height:100vh}.register-image-section{flex:0 0 45vh}.register-form-section{flex:1;justify-content:flex-start;padding:40px 32px}}@media (width<=600px){.register-form-row{grid-template-columns:1fr;gap:0}.register-form-section{padding:32px 24px}.register-form-title{font-size:36px}.register-image-section{flex:0 0 35vh}.register-image-overlay{padding:32px 24px}}.pet-grooming{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;padding-top:0}.services-hero{background:var(--color-soft-cloud);justify-content:space-between;align-items:flex-end;min-height:580px;max-height:680px;display:flex;position:relative;overflow:hidden}.services-hero__bg{object-fit:cover;object-position:center 20%;width:100%;height:100%;display:block;position:absolute;inset:0}.services-hero__overlay{background:linear-gradient(105deg,#111111d1 0%,#1111118c 45%,#1111111a 100%);position:absolute;inset:0}.services-hero__content{z-index:1;padding:var(--spacing-section) var(--spacing-section);max-width:560px;position:relative}.services-hero__eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--color-hairline);margin-bottom:var(--spacing-lg);font-size:11px;font-weight:500}.services-hero__title{font-family:var(--font-display);letter-spacing:-1px;text-transform:uppercase;color:var(--color-canvas);margin-bottom:var(--spacing-xxl);text-shadow:0 2px 30px #0000004d;font-size:clamp(72px,10vw,120px);font-weight:400;line-height:.88}.services-hero__sub{color:#ffffffbf;max-width:340px;margin-bottom:var(--spacing-xxl);font-size:14px;line-height:1.65}.services-hero__cta{align-items:center;gap:var(--spacing-sm);background:var(--color-canvas);color:var(--color-ink);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;padding:14px 28px;font-size:14px;font-weight:500;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.services-hero__cta:hover{transform:scale(.97)}.services-hero__cta:active{opacity:.5;transform:scale(.5)}.services-hero__bg{animation:1s ease-out forwards heroZoomIn}.services-hero__eyebrow,.services-hero__title,.services-hero__sub,.services-hero__cta{opacity:0;animation:.6s ease-out forwards fadeSlideUp;transform:translateY(20px)}.services-hero__eyebrow{animation-delay:.1s}.services-hero__title{animation-delay:.25s}.services-hero__sub{animation-delay:.4s}.services-hero__cta{animation-delay:.55s}.feature-icons{justify-content:center;gap:var(--spacing-section);padding:var(--spacing-section) var(--spacing-section);border-bottom:1px solid var(--color-hairline);display:flex}.feature-icon-item{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.feature-circle{background:var(--color-soft-cloud);border-radius:var(--rounded-full);justify-content:center;align-items:center;width:64px;height:64px;display:flex}.feature-circle svg{width:28px;height:28px;color:var(--color-ink)}.feature-icon-item p{color:var(--color-mute);letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:12px;font-weight:500}.section-header{max-width:1440px;padding:var(--spacing-section) var(--spacing-section) var(--spacing-xl);border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:baseline;margin:0 auto;display:flex}.section-header h2{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);letter-spacing:1px;margin:0;font-size:48px;font-weight:400}.section-header a{color:var(--color-ink);border-bottom:1px solid var(--color-ink);font-size:13px;font-weight:500;text-decoration:none}.services-section{padding:var(--spacing-section) var(--spacing-section);max-width:1440px;margin:0 auto}.services-grid{gap:var(--spacing-section) var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.service-card{border:1px solid var(--color-hairline);background:var(--color-canvas);grid-template-columns:1fr;align-items:start;display:grid}.service-card .pp-card__image-wrap{aspect-ratio:1;background:var(--color-soft-cloud);width:100%;position:relative;overflow:hidden}.service-card .pp-card__image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.service-card .pp-card__placeholder{justify-content:center;align-items:center;gap:var(--spacing-sm);background:var(--color-soft-cloud);flex-direction:column;width:100%;height:100%;display:flex}.service-card .pp-card__placeholder-icon{width:48px;height:48px;color:var(--color-hairline)}.service-card .pp-card__body{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;display:flex}.service-card .pp-card__head{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.service-card .pp-card__title{font-family:var(--font-display);letter-spacing:-.5px;text-transform:uppercase;color:var(--color-ink);margin:0;font-size:24px;font-weight:400;line-height:1}.service-card .pp-card__species{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-mute);margin-top:var(--spacing-xs);font-size:11px;font-weight:500}.service-card .pp-card__actions{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--color-hairline-soft);display:flex}.service-card__desc{color:var(--color-charcoal);-webkit-line-clamp:2;line-clamp:2;box-orient:vertical;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.service-card__price{color:var(--color-ink);letter-spacing:-.3px;font-size:18px;font-weight:700}.service-card .pp-btn-primary{align-items:center;gap:var(--spacing-sm);background:var(--color-ink);height:40px;color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;flex-shrink:0;padding:0 20px;font-size:13px;font-weight:500;transition:transform .2s,opacity .2s;display:inline-flex}.service-card .pp-btn-primary:hover{transform:scale(.97)}.service-card .pp-btn-primary:active{opacity:.5;transform:scale(.5)}.grooming-tabs{justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-section) 0;max-width:1440px;margin:0 auto;display:flex}.grooming-tab{background:var(--color-canvas);color:var(--color-charcoal);border:1px solid var(--color-hairline);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;justify-content:center;align-items:center;padding:12px 28px;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.grooming-tab:hover{border-color:var(--color-ink);color:var(--color-ink)}.grooming-tab.active{background:var(--color-ink);color:var(--color-canvas);border-color:var(--color-ink)}.booking-section{min-height:600px;margin-top:var(--spacing-section);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.booking-editorial{min-height:480px;position:relative;overflow:hidden}.booking-editorial__image-wrap{position:absolute;inset:0}.booking-editorial__image-wrap img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.booking-editorial__overlay{z-index:1;background:linear-gradient(135deg,#111111d9 0%,#1111118c 60%,#11111126 100%);position:absolute;inset:0}.booking-editorial__content{z-index:2;flex-direction:column;justify-content:flex-end;height:100%;padding:48px 40px;display:flex;position:relative}.booking-editorial__eyebrow{letter-spacing:5px;text-transform:uppercase;color:#ffffff8c;margin:0 0 16px;font-size:11px;font-weight:500}.booking-editorial__title{font-family:var(--font-display);letter-spacing:-1px;text-transform:uppercase;color:var(--color-canvas);margin:0 0 20px;font-size:clamp(48px,5vw,72px);font-weight:400;line-height:.92}.booking-editorial__sub{color:#ffffffa6;max-width:280px;margin:0;font-size:14px;line-height:1.6}.booking-form-wrap{background:var(--color-canvas);flex-direction:column;padding:48px 40px;display:flex}.booking-form-header{margin-bottom:32px}.booking-form-header__eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--color-mute);margin:0 0 8px;font-size:11px;font-weight:600}.booking-form-header__title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.5px;margin:0;font-size:36px;font-weight:400;line-height:1}.booking-form{flex-direction:column;gap:24px;display:flex}.booking-form__grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.booking-field{flex-direction:column;gap:8px;display:flex}.booking-field--full{grid-column:1/-1}.booking-field__label{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-charcoal);font-size:11px;font-weight:700}.booking-field__optional{color:var(--color-mute);letter-spacing:0;text-transform:none;font-weight:400}.booking-field__select-wrap{position:relative}.booking-field__select,.booking-field__input{background:var(--color-soft-cloud);width:100%;height:48px;font-family:var(--font-body);color:var(--color-ink);appearance:none;cursor:pointer;border:1.5px solid #0000;border-radius:8px;padding:0 40px 0 16px;font-size:14px;transition:background .2s,border-color .2s}.booking-field__input{cursor:text;padding-right:16px}.booking-field__input--date,.booking-field__input--time{cursor:pointer}.booking-field__input--note{height:48px}.booking-field__select:focus,.booking-field__input:focus{background:var(--color-canvas);border-color:var(--color-ink);outline:none}.booking-field__select:focus~.booking-field__select-arrow,.booking-field__select-wrap:focus-within .booking-field__select-arrow{color:var(--color-ink)}.booking-field__select-arrow{color:var(--color-mute);pointer-events:none;transition:color .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.booking-field__skeleton{background:var(--color-soft-cloud);border-radius:8px;height:48px;animation:1.4s ease-in-out infinite skeleton-pulse}.booking-submit{background:var(--color-ink);height:52px;color:var(--color-canvas);font-family:var(--font-body-medium);letter-spacing:.5px;cursor:pointer;border:none;border-radius:999px;align-self:flex-start;padding:0 40px;font-size:14px;font-weight:600;transition:transform .2s,opacity .2s}.booking-submit:hover{transform:scale(.97)}.booking-submit:active{opacity:.8;transform:scale(.96)}.booking-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.grooming-tabs{padding:0 var(--spacing-section);border-bottom:1px solid var(--color-hairline);gap:0;max-width:1440px;margin:0 auto;display:flex}.grooming-tab{font-family:var(--font-body);color:var(--color-mute);cursor:pointer;letter-spacing:.3px;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:16px 24px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.grooming-tab:hover{color:var(--color-charcoal)}.grooming-tab.active{color:var(--color-canvas);border-bottom-color:var(--color-ink);font-weight:700}.booking-history-section{padding:var(--spacing-xl) var(--spacing-section) var(--spacing-section);max-width:1440px;margin:0 auto}.history-loading{padding:80px var(--spacing-section);align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.history-loading p{color:var(--color-mute);margin:0;font-size:14px}.history-spinner{border:3px solid var(--color-hairline-soft);border-top-color:var(--color-ink);border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}.history-empty{padding:80px var(--spacing-section);text-align:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.history-empty svg{width:64px;height:64px;color:var(--color-hairline)}.history-empty-title{color:var(--color-ink);margin:0;font-size:18px;font-weight:600}.history-empty-sub{color:var(--color-mute);max-width:300px;margin:0;font-size:14px;line-height:1.5}.history-empty-btn{align-items:center;gap:var(--spacing-sm);background:var(--color-ink);color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;margin-top:var(--spacing-sm);border:none;padding:14px 28px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.history-empty-btn:hover{opacity:.85}.booking-history-list{gap:var(--spacing-md);flex-direction:column;max-width:800px;display:flex}.booking-history-card{border:1px solid var(--color-hairline);background:var(--color-canvas);border-radius:var(--rounded-none);padding:var(--spacing-xl);cursor:pointer;gap:var(--spacing-md);flex-direction:column;transition:border-color .15s,background .15s;display:flex}.booking-history-card:hover{border-color:var(--color-ink);background:var(--color-soft-cloud)}.bhc-header{justify-content:space-between;align-items:flex-start;display:flex}.bhc-id{flex-direction:column;gap:2px;display:flex}.bhc-label{color:var(--color-mute);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:500}.bhc-value{color:var(--color-ink);font-size:14px;font-weight:700}.bhc-status{border-radius:var(--rounded-full);padding:4px 14px;font-size:12px;font-weight:600}.bhc-body{gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.bhc-info{align-items:center;gap:var(--spacing-sm);color:var(--color-charcoal);font-size:13px;display:flex}.bhc-info svg{width:16px;height:16px;color:var(--color-mute);flex-shrink:0}.bhc-services{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.bhc-service-tag{background:var(--color-soft-cloud);border-radius:var(--rounded-full);color:var(--color-charcoal);padding:4px 14px;font-size:12px;font-weight:500}.bhc-footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:center;display:flex}.bhc-price{color:var(--color-ink);font-size:16px;font-weight:700}.bhc-view-detail{color:var(--color-mute);font-size:13px;font-weight:500}.booking-modal-overlay{z-index:9999;background:#111111b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.booking-detail-modal{background:var(--color-canvas);border-radius:var(--rounded-lg);width:100%;max-width:560px;max-height:90vh;animation:.2s modalSlide;overflow-y:auto}.bdm-loading{align-items:center;gap:var(--spacing-md);flex-direction:column;padding:60px 20px;display:flex}.bdm-loading p{color:var(--color-mute);margin:0;font-size:14px}.bdm-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:flex-start;display:flex}.bdm-title{color:var(--color-ink);margin:0;font-size:20px;font-weight:600}.bdm-code{color:var(--color-mute);margin:4px 0 0;font-size:13px}.bdm-close{background:var(--color-soft-cloud);border-radius:var(--rounded-full);cursor:pointer;width:36px;height:36px;color:var(--color-ink);border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.bdm-close:hover{background:var(--color-hairline-soft)}.bdm-close svg{width:16px;height:16px}.bdm-status-bar{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-soft-cloud);justify-content:space-between;align-items:center;display:flex}.bdm-status-badge{border-radius:var(--rounded-full);padding:4px 14px;font-size:12px;font-weight:600}.bdm-created{color:var(--color-mute);font-size:12px}.bdm-content{padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;display:flex}.bdm-section-title{color:var(--color-mute);text-transform:uppercase;letter-spacing:1px;margin:0 0 var(--spacing-md);font-size:11px;font-weight:700}.bdm-grid{gap:var(--spacing-md);background:var(--color-soft-cloud);border-radius:var(--rounded-sm);padding:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.bdm-field{flex-direction:column;gap:4px;display:flex}.bdm-field-full{grid-column:1/-1}.bdm-field-label{color:var(--color-mute);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.bdm-field-value{color:var(--color-ink);font-size:14px;font-weight:500}.bdm-services{gap:var(--spacing-sm);background:var(--color-soft-cloud);border-radius:var(--rounded-sm);padding:var(--spacing-lg);flex-direction:column;display:flex}.bdm-service-row{padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:center;display:flex}.bdm-service-row:last-child{border-bottom:none;padding-bottom:0}.bdm-service-left{align-items:center;gap:var(--spacing-sm);display:flex}.bdm-service-name{color:var(--color-ink);font-size:14px;font-weight:600}.bdm-service-qty{color:var(--color-mute);background:var(--color-hairline-soft);border-radius:var(--rounded-full);padding:1px 8px;font-size:12px}.bdm-service-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.bdm-service-unit{color:var(--color-mute);font-size:12px;text-decoration:line-through}.bdm-service-sub{color:var(--color-ink);font-size:14px;font-weight:700}.bdm-total{padding-top:var(--spacing-md);color:var(--color-charcoal);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.bdm-total-price{color:var(--color-ink);font-size:20px;font-weight:700}.booking-modal{background:var(--color-canvas);border-radius:var(--rounded-lg);width:100%;max-width:480px;max-height:90vh;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xxl);text-align:center;animation:.2s modalSlide;overflow-y:auto}.booking-modal-icon{background:var(--color-soft-cloud);width:72px;height:72px;margin:0 auto var(--spacing-xl);border-radius:50%;justify-content:center;align-items:center;display:flex}.booking-modal-icon svg{width:36px;height:36px;color:var(--color-success)}.booking-modal h2{color:var(--color-ink);margin:0 0 var(--spacing-xl);font-size:24px;font-weight:600}.booking-modal-detail{background:var(--color-soft-cloud);border-radius:var(--rounded-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);text-align:left;gap:var(--spacing-md);flex-direction:column;display:flex}.modal-detail-row{padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:center;display:flex}.modal-detail-row:last-child{border-bottom:none;padding-bottom:0}.modal-detail-label{color:var(--color-mute);font-size:13px;font-weight:500}.modal-detail-value{color:var(--color-ink);font-size:14px;font-weight:600}.modal-detail-value.total-price{font-size:18px;font-weight:700}.modal-detail-value.status-pending{color:#92400e;border-radius:var(--rounded-full);background:#fef3c7;padding:3px 12px;font-size:12px}.booking-modal-note{color:var(--color-mute);margin:0 0 var(--spacing-xl);font-size:13px;line-height:1.5}.booking-modal-actions{gap:var(--spacing-md);display:flex}.modal-btn-home{background:var(--color-ink);height:52px;color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;flex:1;font-size:14px;font-weight:500;transition:opacity .2s}.modal-btn-home:hover{opacity:.85}.modal-btn-close{background:var(--color-soft-cloud);height:52px;color:var(--color-ink);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;flex:1;font-size:14px;font-weight:500;transition:background .15s}.modal-btn-close:hover{background:var(--color-hairline-soft)}.testimonials-section{padding:var(--spacing-section) var(--spacing-section);max-width:1440px;margin:0 auto}.testimonials-section h2{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);letter-spacing:1px;margin:0 0 var(--spacing-xl);font-size:48px;font-weight:400}.testimonials-grid{gap:var(--spacing-section) var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{background:var(--color-soft-cloud);border-radius:var(--rounded-none);padding:var(--spacing-xxl) var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.stars{color:var(--color-ink);letter-spacing:4px;font-size:20px}.testimonial-text{color:var(--color-charcoal);flex:1;margin:0;font-size:15px;font-style:italic;line-height:1.65}.testimonial-author{color:var(--color-ink);margin:0;font-size:13px;font-weight:600}.bottom-nav{justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-section);border-top:1px solid var(--color-hairline);max-width:1440px;margin:0 auto;display:flex}.nav-tab{background:var(--color-canvas);color:var(--color-charcoal);border:1px solid var(--color-hairline);border-radius:var(--rounded-full);font-family:var(--font-body-medium);justify-content:center;align-items:center;padding:10px 24px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.nav-tab:hover{border-color:var(--color-ink);color:var(--color-ink)}.nav-tab.active{background:var(--color-ink);color:var(--color-canvas);border-color:var(--color-ink)}.footer{background:var(--color-canvas);border-top:1px solid var(--color-hairline)}.logo-block{font-family:var(--font-display);letter-spacing:4px;text-transform:uppercase;color:var(--color-ink);text-align:center;padding:var(--spacing-section) 0 var(--spacing-lg);font-size:80px;font-weight:400;line-height:1;text-decoration:none;display:block}.footer-links{gap:var(--spacing-xl);max-width:1440px;padding:0 var(--spacing-section) var(--spacing-section);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.footer-links h4{letter-spacing:2px;text-transform:uppercase;color:var(--color-ink);margin:0 0 var(--spacing-lg);font-size:11px;font-weight:700}.footer-links a{color:var(--color-mute);margin-bottom:var(--spacing-sm);font-size:13px;text-decoration:none;transition:color .15s;display:block}.footer-links a:hover{color:var(--color-ink)}@media (width<=1023px){.booking-section{grid-template-columns:1fr;min-height:auto}.booking-editorial{min-height:320px}.services-grid,.testimonials-grid,.footer-links{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.booking-section{grid-template-columns:1fr}.booking-editorial{min-height:280px}.booking-editorial__content{padding:32px 24px}.booking-editorial__title{font-size:clamp(40px,10vw,56px)}.booking-form-wrap{padding:32px 24px}.booking-form__grid{grid-template-columns:1fr}.booking-submit{text-align:center;justify-content:center;width:100%}.grooming-hero{flex-direction:column;align-items:center;min-height:480px}.hero-image-wrapper{width:100%;height:280px;position:relative}.hero-dog-image{width:100%}.hero-content{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;max-width:none}.hero-title{margin-bottom:var(--spacing-xl);font-size:clamp(48px,14vw,80px)}.hero-btn{margin:0 auto}.feature-icons{gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-lg)}.services-section,.testimonials-section{padding:var(--spacing-xl) var(--spacing-lg)}.section-header,.booking-history-section{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.services-grid,.testimonials-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.grooming-tabs{padding:0 var(--spacing-lg)}.footer-links{padding:0 var(--spacing-lg) var(--spacing-lg);grid-template-columns:1fr 1fr}.logo-block{font-size:48px}}.hero-dog-image{animation:1s ease-out forwards heroZoomIn}.hero-subtitle,.hero-title,.hero-btn{opacity:0;animation:.6s ease-out forwards fadeSlideUp;transform:translateY(20px)}.hero-subtitle{animation-delay:.1s}.hero-title{animation-delay:.25s}.hero-btn{animation-delay:.5s}.reveal-header{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(24px)}.reveal-header.is-visible{opacity:1;transform:translateY(0)}.feature-icons{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(24px)}.feature-icons.is-visible{opacity:1;transform:translateY(0)}.services-section .pp-card{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(30px)}.services-section .pp-card.is-visible{opacity:1;transform:translateY(0)}.services-section .pp-card.is-visible:first-child{transition-delay:0s}.services-section .pp-card.is-visible:nth-child(2){transition-delay:80ms}.services-section .pp-card.is-visible:nth-child(3){transition-delay:.16s}.services-section .pp-card.is-visible:nth-child(4){transition-delay:.24s}.services-section .pp-card.is-visible:nth-child(5){transition-delay:.32s}.services-section .pp-card.is-visible:nth-child(6){transition-delay:.4s}.grooming-tabs{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(24px)}.grooming-tabs.is-visible{opacity:1;transform:translateY(0)}.booking-section{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(24px)}.booking-section.is-visible{opacity:1;transform:translateY(0)}.testimonials-section{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(24px)}.testimonials-section.is-visible{opacity:1;transform:translateY(0)}.testimonial-card{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(24px)}.testimonial-card.is-visible{opacity:1;transform:translateY(0)}.testimonial-card.is-visible:first-child{transition-delay:0s}.testimonial-card.is-visible:nth-child(2){transition-delay:.1s}.testimonial-card.is-visible:nth-child(3){transition-delay:.2s}.pet-health-quiz{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.pet-health-quiz--quiz .quiz-hero,.pet-health-quiz--result .quiz-hero{display:none}.quiz-hero{background:var(--color-soft-cloud);justify-content:space-between;align-items:flex-end;min-height:560px;max-height:680px;display:flex;position:relative;overflow:hidden}.quiz-hero__bg{object-fit:cover;object-position:center;width:100%;height:100%;animation:1s ease-out forwards heroZoomIn;position:absolute;inset:0}.quiz-hero__overlay{z-index:1;background:linear-gradient(105deg,#111111d1 0%,#1111118c 45%,#1111111a 100%);position:absolute;inset:0}.quiz-hero__content{z-index:2;padding:var(--spacing-section) var(--spacing-section);max-width:600px;position:relative}.quiz-hero__eyebrow{letter-spacing:5px;text-transform:uppercase;color:var(--color-hairline);opacity:0;margin:0 0 16px;font-size:11px;font-weight:500;animation:.6s ease-out .1s forwards fadeSlideUp;transform:translateY(20px)}.quiz-hero__title{font-family:var(--font-display);letter-spacing:-1px;text-transform:uppercase;color:#fff;opacity:0;margin:0 0 24px;font-size:clamp(72px,10vw,120px);font-weight:400;line-height:.88;animation:.6s ease-out .25s forwards fadeSlideUp;transform:translateY(20px)}.quiz-hero__sub{color:#ffffffbf;opacity:0;max-width:380px;margin:0;font-size:15px;line-height:1.6;animation:.6s ease-out .4s forwards fadeSlideUp;transform:translateY(20px)}.quiz-content{padding:var(--spacing-section) var(--spacing-section);max-width:1440px;margin:0 auto}.quiz-categories__header{max-width:600px;margin-bottom:40px}.quiz-categories__title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);letter-spacing:1px;margin:0 0 12px;font-size:40px;font-weight:400}.quiz-categories__sub{color:var(--color-mute);margin:0;font-size:14px;line-height:1.6}.quiz-categories__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.quiz-category-card{opacity:0;border:1px solid var(--color-hairline);background:var(--color-canvas);cursor:pointer;flex-direction:column;gap:20px;padding:32px 28px;transition:border-color .15s,box-shadow .15s;display:flex}.quiz-category-card:hover{border-color:var(--color-ink);box-shadow:0 4px 20px #11111114}.quiz-category-card__icon{background:var(--color-soft-cloud);border-radius:var(--rounded-full);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.quiz-category-card__icon svg{width:26px;height:26px;color:var(--color-ink)}.quiz-category-card__body{flex:1}.quiz-category-card__title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);letter-spacing:.5px;margin:0 0 8px;font-size:20px;font-weight:400}.quiz-category-card__desc{color:var(--color-charcoal);margin:0 0 8px;font-size:13px;line-height:1.6}.quiz-category-card__count{letter-spacing:1px;text-transform:uppercase;color:var(--color-mute);margin:0;font-size:11px;font-weight:600}.quiz-category-card__btn{background:var(--color-ink);color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;align-self:flex-start;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:500;transition:transform .2s,opacity .2s;display:inline-flex}.quiz-category-card__btn svg{width:16px;height:16px}.quiz-category-card__btn:hover{transform:scale(.97)}.quiz-content__inner{max-width:720px;margin:0 auto}.quiz-content__header{border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;margin-bottom:48px;padding:0 0 32px;display:flex}.quiz-content__cat-info{align-items:center;gap:16px;display:flex}.quiz-content__cat-icon{background:var(--color-ink);border-radius:var(--rounded-full);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.quiz-content__cat-icon svg{width:22px;height:22px;color:var(--color-canvas)}.quiz-content__cat-label{letter-spacing:3px;text-transform:uppercase;color:var(--color-mute);margin:0 0 2px;font-size:10px;font-weight:500}.quiz-content__cat-title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);letter-spacing:1px;margin:0;font-size:18px;font-weight:500}.quiz-runner__exit{border:1px solid var(--color-hairline);border-radius:var(--rounded-full);font-family:var(--font-body-medium);color:var(--color-charcoal);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.quiz-runner__exit:hover{border-color:var(--color-ink);color:var(--color-ink)}.quiz-runner__exit svg{width:14px;height:14px}.quiz-steps{align-items:center;gap:0;margin-bottom:56px;display:flex}.quiz-step{flex:1;align-items:center;display:flex}.quiz-step__dot{border-radius:var(--rounded-full);background:var(--color-soft-cloud);border:2px solid var(--color-hairline);width:32px;height:32px;font-family:var(--font-body-medium);color:var(--color-mute);z-index:1;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:background .25s,border-color .25s,color .25s;display:flex;position:relative}.quiz-step--active .quiz-step__dot,.quiz-step--done .quiz-step__dot{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-canvas)}.quiz-step__bar{background:var(--color-hairline);flex:1;height:2px;transition:background .25s}.quiz-step:last-child .quiz-step__bar{display:none}.quiz-step--done+.quiz-step .quiz-step__bar{background:var(--color-ink)}.quiz-runner__question-wrap{margin-bottom:40px}.quiz-runner__question-num{letter-spacing:3px;text-transform:uppercase;color:var(--color-mute);margin:0 0 12px;font-size:10px;font-weight:600}.quiz-runner__question-text{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.5px;margin:0 0 40px;font-size:36px;font-weight:400;line-height:1.1}.quiz-runner__options{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:40px;display:grid}.quiz-option{background:var(--color-canvas);border:1.5px solid var(--color-hairline);border-radius:var(--rounded-none);cursor:pointer;text-align:left;align-items:center;gap:14px;padding:18px 20px;transition:border-color .15s,background .15s;display:flex}.quiz-option:hover{border-color:var(--color-ink);background:var(--color-soft-cloud)}.quiz-option--selected{border-color:var(--color-ink);background:var(--color-ink);border-width:2px}.quiz-option__radio{border:2px solid var(--color-hairline);border-radius:var(--rounded-full);flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .15s,background .15s;display:flex}.quiz-option:hover .quiz-option__radio{border-color:var(--color-ink)}.quiz-option--selected .quiz-option__radio{border-color:var(--color-canvas);background:var(--color-canvas)}.quiz-option__radio-dot{background:var(--color-ink);border-radius:var(--rounded-full);width:8px;height:8px}.quiz-option--selected .quiz-option__radio-dot{background:var(--color-canvas)}.quiz-option__label{color:var(--color-charcoal);flex:1;font-size:15px;font-weight:400;line-height:1.4;transition:color .15s}.quiz-option:hover .quiz-option__label{color:var(--color-ink)}.quiz-option--selected .quiz-option__label{color:var(--color-canvas);font-weight:500}.quiz-runner__nav{justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.quiz-nav-btn{border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;align-items:center;gap:8px;height:48px;padding:16px 32px;font-size:15px;font-weight:500;transition:transform .2s,opacity .2s,background .15s;display:inline-flex}.quiz-nav-btn svg{width:16px;height:16px}.quiz-nav-btn--prev{background:var(--color-soft-cloud);color:var(--color-ink)}.quiz-nav-btn--prev:hover:not(:disabled){background:var(--color-hairline-soft)}.quiz-nav-btn--next,.quiz-nav-btn--submit{background:var(--color-ink);color:var(--color-canvas)}.quiz-nav-btn--next:hover:not(:disabled),.quiz-nav-btn--submit:hover:not(:disabled){transform:scale(.97)}.quiz-nav-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}@media (width<=640px){.quiz-runner__options{grid-template-columns:1fr}.quiz-runner__question-text{font-size:26px}.quiz-nav-btn{padding:14px 24px;font-size:14px}.quiz-steps{margin-bottom:40px}}.quiz-result{max-width:720px;margin:0 auto;padding:0}.quiz-result__header{border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;margin-bottom:48px;padding:0 0 32px;display:flex}.quiz-result__cat-info{align-items:center;gap:16px;display:flex}.quiz-result__cat-icon{background:var(--color-ink);border-radius:var(--rounded-full);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.quiz-result__cat-icon svg{width:22px;height:22px;color:var(--color-canvas)}.quiz-result__cat-label{letter-spacing:3px;text-transform:uppercase;color:var(--color-mute);margin:0 0 2px;font-size:10px;font-weight:500}.quiz-result__cat-title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);letter-spacing:1px;margin:0;font-size:18px;font-weight:500}.quiz-result__restart-btn{border:1px solid var(--color-hairline);border-radius:var(--rounded-full);font-family:var(--font-body-medium);color:var(--color-charcoal);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.quiz-result__restart-btn:hover{border-color:var(--color-ink);color:var(--color-ink)}.quiz-result__restart-btn svg{width:14px;height:14px}.quiz-result__score-section{border-bottom:1px solid var(--color-hairline);align-items:center;gap:48px;margin-bottom:48px;padding-bottom:48px;display:flex}.quiz-result__score-ring-wrap{flex-shrink:0;position:relative}.quiz-result__score-ring{width:160px;height:160px;transform:rotate(-90deg)}.quiz-result__score-track{stroke:var(--color-soft-cloud)}.quiz-result__score-fill{transition:stroke-dashoffset 1s}.quiz-result__score-inner{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.quiz-result__score-pct{font-family:var(--font-display);font-size:48px;font-weight:400;line-height:1}.quiz-result__score-label{letter-spacing:1px;color:var(--color-mute);text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:500}.quiz-result__score-meta{flex:1}.quiz-result__level-badge{background:var(--color-ink);border-radius:var(--rounded-full);align-items:center;gap:10px;margin-bottom:24px;padding:10px 24px;display:inline-flex}.quiz-result__level-dot{background:var(--color-canvas);border-radius:50%;flex-shrink:0;width:8px;height:8px}.quiz-result__level-text{font-family:var(--font-body-medium);letter-spacing:1px;color:var(--color-canvas);text-transform:uppercase;font-size:14px;font-weight:500}.quiz-result__condition-label{letter-spacing:3px;text-transform:uppercase;color:var(--color-mute);margin:0 0 8px;font-size:10px;font-weight:500}.quiz-result__condition-text{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.5px;margin:0 0 24px;font-size:32px;font-weight:400;line-height:1.1}.quiz-result__body{border-bottom:1px solid var(--color-hairline);flex-direction:column;gap:0;margin-bottom:48px;padding-bottom:48px;display:flex}.quiz-result__row{border-bottom:1px solid var(--color-hairline-soft);gap:16px;padding:20px 0;display:flex}.quiz-result__row:last-child{border-bottom:none}.quiz-result__row-icon{background:var(--color-soft-cloud);border-radius:var(--rounded-full);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:2px;display:flex}.quiz-result__row-icon svg{width:18px;height:18px;color:var(--color-ink)}.quiz-result__row-content{flex:1}.quiz-result__row-label{letter-spacing:3px;text-transform:uppercase;color:var(--color-mute);margin:0 0 6px;font-size:10px;font-weight:500}.quiz-result__row-text{color:var(--color-charcoal);margin:0;font-size:15px;line-height:1.65}.quiz-result__disclaimer{background:var(--color-soft-cloud);align-items:flex-start;gap:12px;margin-bottom:48px;padding:20px;display:flex}.quiz-result__disclaimer svg{width:18px;height:18px;color:var(--color-ink);flex-shrink:0;margin-top:1px}.quiz-result__disclaimer p{color:var(--color-charcoal);margin:0;font-size:13px;line-height:1.6}.quiz-result__disclaimer strong{color:var(--color-ink);font-weight:600}.quiz-result__products{margin-bottom:48px}.quiz-result__products-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;color:var(--color-ink);margin:0 0 24px;font-size:18px;font-weight:500}.quiz-result__products-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.quiz-product-card{background:var(--color-canvas);transition:opacity .15s;overflow:hidden}.quiz-product-card:hover{opacity:.85}.quiz-product-card__image{aspect-ratio:1;background:var(--color-soft-cloud);width:100%;overflow:hidden}.quiz-product-card__image img{object-fit:cover;width:100%;height:100%}.quiz-product-card__body{padding:14px 0 0}.quiz-product-card__name{font-family:var(--font-body-medium);color:var(--color-ink);margin:0 0 4px;font-size:14px;font-weight:500}.quiz-product-card__reason{color:var(--color-mute);margin:0 0 8px;font-size:12px;line-height:1.5}.quiz-product-card__price{font-family:var(--font-body-medium);color:var(--color-ink);margin:0 0 12px;font-size:15px;font-weight:500}.quiz-product-card__btn{text-align:center;background:var(--color-ink);color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:transform .15s,opacity .15s;display:block}.quiz-product-card__btn:hover{opacity:.9;transform:scale(.97)}.quiz-result__view-all{background:var(--color-soft-cloud);border-radius:var(--rounded-full);width:100%;font-family:var(--font-body-medium);color:var(--color-ink);cursor:pointer;border:none;justify-content:center;align-items:center;margin-top:16px;padding:14px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.quiz-result__view-all:hover{background:var(--color-hairline-soft)}.quiz-result__actions{justify-content:center;align-items:center;gap:12px;padding-top:8px;display:flex}.quiz-action-btn{border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;align-items:center;gap:8px;height:48px;padding:16px 32px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.quiz-action-btn--secondary{background:var(--color-soft-cloud);color:var(--color-ink)}.quiz-action-btn--primary{background:var(--color-ink);color:var(--color-canvas)}.quiz-action-btn--primary:hover{transform:scale(.97)}@media (width<=768px){.quiz-result__score-section{flex-direction:column;align-items:flex-start;gap:24px}.quiz-result__products-grid{grid-template-columns:1fr 1fr}.quiz-result__condition-text{font-size:24px}.quiz-result__actions{flex-direction:column}.quiz-action-btn{justify-content:center;width:100%}}@media (width<=640px){.quiz-result__products-grid{grid-template-columns:1fr}.quiz-result__score-ring{width:120px;height:120px}.quiz-result__score-pct{font-size:36px}}.quiz-result__actions{gap:12px;display:flex}.quiz-action-btn{height:52px;font-family:var(--font-body-medium);cursor:pointer;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s,background .15s,transform .2s;display:inline-flex}.quiz-action-btn svg{width:16px;height:16px}.quiz-action-btn--primary{background:var(--color-ink);color:var(--color-canvas);border:none}.quiz-action-btn--primary:hover{opacity:.85}.quiz-action-btn--secondary{background:var(--color-soft-cloud);color:var(--color-ink);border:none}.quiz-action-btn--secondary:hover{background:var(--color-hairline-soft)}@media (width<=1023px){.quiz-categories__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.quiz-hero{min-height:400px}.quiz-hero__content{padding:32px 24px}.quiz-hero__title{font-size:clamp(52px,14vw,80px)}.quiz-content{padding:32px 20px}.quiz-categories__grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.quiz-categories__title{font-size:28px}.quiz-runner__question-text{font-size:22px}.quiz-result__products-grid{grid-template-columns:1fr 1fr}.quiz-result__actions{flex-direction:column}}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.quiz-categories__grid.reveal.is-visible .quiz-category-card{animation:.5s forwards cardFadeIn}.quiz-categories__grid.reveal.is-visible .quiz-category-card:first-child{animation-delay:0s}.quiz-categories__grid.reveal.is-visible .quiz-category-card:nth-child(2){animation-delay:80ms}.quiz-categories__grid.reveal.is-visible .quiz-category-card:nth-child(3){animation-delay:.16s}.quiz-categories__grid.reveal.is-visible .quiz-category-card:nth-child(4){animation-delay:.24s}.quiz-categories__grid.reveal.is-visible .quiz-category-card:nth-child(5){animation-delay:.32s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.user-profile-page{background:var(--color-canvas);min-height:100vh;font-family:var(--font-body);color:var(--color-ink);-webkit-font-smoothing:antialiased}.up-utility-bar{background:var(--color-ink);color:var(--color-canvas)}.up-utility-bar__inner{max-width:1440px;padding:6px var(--spacing-section);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.up-utility-bar__text{color:#ffffffb3;letter-spacing:.3px;font-size:11px;font-weight:400}.up-utility-bar__links{align-items:center;gap:var(--spacing-xl);display:flex}.up-utility-bar__links a,.up-utility-bar__links a:visited{color:#ffffffa6;letter-spacing:.3px;font-size:11px;font-weight:400;text-decoration:none;transition:color .15s}.up-utility-bar__links a:hover{color:var(--color-canvas)}.up-nav{background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);z-index:100;position:sticky;top:0}.up-nav__inner{max-width:1440px;padding:0 var(--spacing-section);align-items:center;gap:var(--spacing-xl);grid-template-columns:1fr auto 1fr;height:60px;margin:0 auto;display:grid}.up-nav__logo{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:var(--color-ink);font-size:24px;font-weight:400;line-height:1;text-decoration:none}.up-nav__links{align-items:center;gap:var(--spacing-xl);margin:0;padding:0;list-style:none;display:flex}.up-nav__links li a,.up-nav__links li a:visited{color:var(--color-charcoal);letter-spacing:.3px;white-space:nowrap;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.up-nav__links li a:hover{color:var(--color-ink)}.up-nav__actions{justify-content:flex-end;align-items:center;gap:var(--spacing-md);display:flex}.profile-loading{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:100vh;display:flex}.profile-loading .loading-spinner{border:3px solid var(--color-hairline-soft);border-top-color:var(--color-ink);border-radius:50%;width:40px;height:40px;animation:1s linear infinite upSpin}@keyframes upSpin{to{transform:rotate(360deg)}}.profile-loading p{color:var(--color-mute);margin:0;font-size:14px}.up-page-header{border-bottom:1px solid var(--color-hairline);background:var(--color-canvas);z-index:90;position:sticky;top:0}.up-page-header__inner{max-width:1440px;padding:0 var(--spacing-section);justify-content:space-between;align-items:center;gap:var(--spacing-xl);height:56px;margin:0 auto;display:flex}.up-page-header__breadcrumb{align-items:center;gap:var(--spacing-sm);color:var(--color-mute);font-size:12px;font-weight:500;display:flex}.up-page-header__breadcrumb a,.up-page-header__breadcrumb a:visited{color:var(--color-mute);text-decoration:none;transition:color .15s}.up-page-header__breadcrumb a:hover,.up-page-header__breadcrumb span{color:var(--color-ink)}.up-page-header__title{font-family:var(--font-display);letter-spacing:0;color:var(--color-ink);white-space:nowrap;margin:0;font-size:18px;font-weight:500}.up-page-header__actions{align-items:center;gap:var(--spacing-sm);display:flex}.up-edit-btn{align-items:center;gap:var(--spacing-sm);background:var(--color-ink);height:36px;color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;padding:0 20px;font-size:13px;font-weight:500;transition:transform .2s,opacity .2s;display:inline-flex}.up-edit-btn:hover{transform:scale(.97)}.up-edit-btn:active{opacity:.5;transform:scale(.5)}.up-edit-btn svg{width:14px;height:14px}.up-alert{max-width:1440px;padding:var(--spacing-md) var(--spacing-section);justify-content:space-between;align-items:center;gap:var(--spacing-md);margin:0 auto;font-size:14px;font-weight:500;display:flex}.up-alert--error{color:#b91c1c;background:#fee2e2}.up-alert--success{color:#166534;background:#dcfce7}.up-alert__close{cursor:pointer;opacity:.6;color:inherit;background:0 0;border:none;flex-shrink:0;padding:0;font-size:20px;line-height:1}.up-alert__close:hover{opacity:1}.up-layout{max-width:1440px;padding:var(--spacing-section) var(--spacing-section);gap:var(--spacing-section);grid-template-columns:280px 1fr;align-items:start;margin:0 auto;display:grid}.up-sidebar{gap:var(--spacing-sm);top:calc(56px + var(--spacing-section));flex-direction:column;display:flex;position:sticky}.up-identity{border:1px solid var(--color-hairline);background:var(--color-canvas);overflow:hidden}.up-identity__hero{background:var(--color-soft-cloud);height:96px;position:relative;overflow:hidden}.up-identity__hero-pattern{background-image:radial-gradient(circle at 20%,#1111110f 0%,#0000 50%),radial-gradient(circle at 80% 20%,#1111110a 0%,#0000 40%);position:absolute;inset:0}.up-identity__body{padding:0 var(--spacing-xl) var(--spacing-xl);position:relative}.up-identity__avatar-wrap{background:var(--color-soft-cloud);border:3px solid var(--color-canvas);width:80px;height:80px;box-shadow:0 0 0 1px var(--color-hairline);border-radius:50%;justify-content:center;align-items:center;margin-top:-40px;display:flex;position:relative;overflow:hidden}.up-identity__avatar-wrap input[type=file]{display:none}.up-identity__avatar{object-fit:cover;width:100%;height:100%;display:block}.up-identity__avatar-initials{color:var(--color-ink);font-size:28px;font-weight:700;line-height:1}.up-identity__change-avatar{background:var(--color-ink);border:2px solid var(--color-canvas);cursor:pointer;width:28px;height:28px;color:var(--color-canvas);border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:transform .2s;display:flex;position:absolute;bottom:0;right:0}.up-identity__change-avatar:hover{transform:scale(1.1)}.up-identity__name{font-family:var(--font-display);color:var(--color-ink);margin:var(--spacing-md) 0 2px;text-transform:uppercase;letter-spacing:-.3px;font-size:22px;font-weight:400;line-height:1.1}.up-identity__email{color:var(--color-mute);margin:0 0 var(--spacing-md);font-size:13px}.up-identity__role{background:var(--color-soft-cloud);border-radius:var(--rounded-full);color:var(--color-charcoal);letter-spacing:.5px;text-transform:uppercase;align-items:center;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.up-side-nav{border:1px solid var(--color-hairline);background:var(--color-canvas);overflow:hidden}.up-side-nav__item{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-xl);border:none;border-bottom:1px solid var(--color-hairline-soft);color:var(--color-charcoal);cursor:pointer;text-align:left;font-size:13px;font-weight:500;font-family:var(--font-body);background:0 0;transition:background .15s,color .15s;display:flex}.up-side-nav__item:last-child{border-bottom:none}.up-side-nav__item:hover{background:var(--color-soft-cloud);color:var(--color-ink)}.up-side-nav__item.active{background:var(--color-ink);color:var(--color-canvas)}.up-side-nav__item.active:hover{background:var(--color-ink);opacity:.85}.up-side-nav__item svg{flex-shrink:0;width:16px;height:16px}.up-side-nav__item--danger{color:var(--color-sale)}.up-side-nav__item--danger:hover{color:var(--color-sale);background:#fee2e2}.up-main{gap:var(--spacing-section);flex-direction:column;display:flex}.up-card{border:1px solid var(--color-hairline);background:var(--color-canvas);overflow:hidden}.up-card__header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:center;display:flex}.up-card__title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.3px;text-transform:uppercase;margin:0;font-size:22px;font-weight:400}.up-card__body{padding:var(--spacing-xl)}.up-info-grid{background:var(--color-hairline-soft);border:1px solid var(--color-hairline-soft);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.up-info-cell{background:var(--color-canvas);padding:var(--spacing-lg) var(--spacing-xl);flex-direction:column;gap:4px;display:flex}.up-info-cell--full{grid-column:1/-1}.up-info-label{letter-spacing:1px;text-transform:uppercase;color:var(--color-mute);font-size:11px;font-weight:600}.up-info-value{color:var(--color-ink);font-size:15px;font-weight:500}.up-info-value.mute{color:var(--color-mute);font-style:italic}.up-edit-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.up-form-row{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.up-form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.up-form-group--full{grid-column:1/-1}.up-form-group label{letter-spacing:1px;text-transform:uppercase;color:var(--color-mute);font-size:11px;font-weight:600}.up-form-group input,.up-form-group select{height:48px;padding:0 var(--spacing-lg);background:var(--color-soft-cloud);border-radius:var(--rounded-md);font-family:var(--font-body);color:var(--color-ink);appearance:none;border:2px solid #0000;font-size:15px;transition:background .2s,border-color .2s}.up-form-group input::placeholder{color:var(--color-mute);font-weight:400}.up-form-group input:focus,.up-form-group select:focus{background:var(--color-canvas);border-color:var(--color-ink);outline:none}.up-form-actions{gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-hairline-soft);display:flex}.up-btn-primary{background:var(--color-ink);height:48px;color:var(--color-canvas);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;align-items:center;padding:0 28px;font-size:14px;font-weight:500;transition:transform .2s,opacity .2s;display:inline-flex}.up-btn-primary:hover{transform:scale(.97)}.up-btn-primary:active{opacity:.5;transform:scale(.5)}.up-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.up-btn-secondary{background:var(--color-soft-cloud);height:48px;color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;align-items:center;padding:0 28px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.up-btn-secondary:hover{background:var(--color-hairline-soft)}.up-stats-grid{background:var(--color-hairline-soft);border:1px solid var(--color-hairline-soft);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.up-stat-cell{background:var(--color-canvas);padding:var(--spacing-xl);align-items:center;gap:var(--spacing-sm);text-align:center;flex-direction:column;display:flex}.up-stat-number{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-1px;font-size:36px;font-weight:400;line-height:1}.up-stat-label{letter-spacing:1px;text-transform:uppercase;color:var(--color-mute);font-size:11px;font-weight:600}.up-membership{border:1px solid var(--color-hairline);background:var(--color-ink);padding:var(--spacing-xl);align-items:center;gap:var(--spacing-xl);display:flex}.up-membership__icon{flex-shrink:0;font-size:48px;line-height:1}.up-membership__info{flex:1}.up-membership__title{font-family:var(--font-display);color:var(--color-canvas);margin:0 0 var(--spacing-xs);text-transform:uppercase;letter-spacing:-.3px;font-size:22px;font-weight:400}.up-membership__expiry{color:#ffffff8c;margin:0;font-size:13px}.up-membership__btn{background:var(--color-canvas);height:40px;color:var(--color-ink);border-radius:var(--rounded-full);font-family:var(--font-body-medium);cursor:pointer;border:none;flex-shrink:0;align-items:center;padding:0 20px;font-size:13px;font-weight:500;transition:transform .2s;display:inline-flex}.up-membership__btn:hover{transform:scale(.97)}.crop-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#111111b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.crop-modal{background:var(--color-canvas);border-radius:var(--rounded-none);border:1px solid var(--color-hairline);width:420px;max-width:92vw;max-height:90vh;animation:.18s upCropIn;overflow:hidden}@keyframes upCropIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.crop-modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;display:flex}.crop-modal-header h3{font-family:var(--font-display);color:var(--color-ink);text-transform:uppercase;letter-spacing:-.3px;margin:0;font-size:18px;font-weight:400}.crop-close-btn{background:var(--color-soft-cloud);border-radius:var(--rounded-full);cursor:pointer;width:32px;height:32px;color:var(--color-ink);border:none;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background .15s;display:flex}.crop-close-btn:hover{background:var(--color-hairline-soft)}.crop-canvas-wrapper{padding:var(--spacing-xl);-webkit-user-select:none;user-select:none;justify-content:center;display:flex;overflow:hidden}.crop-image-container{max-width:100%;max-height:50vh;display:inline-block;position:relative;overflow:hidden}.crop-image{pointer-events:all;cursor:crosshair;max-width:100%;max-height:50vh;display:block}.crop-overlay{pointer-events:none;position:absolute;inset:0}.crop-overlay-top,.crop-overlay-bottom,.crop-overlay-left,.crop-overlay-right{pointer-events:none;background:#1111118c;position:absolute}.crop-grid{cursor:grab;pointer-events:all;position:absolute}.crop-grid-line{background:#ffffff59;position:absolute}.crop-grid-v{width:1px;height:100%;top:0}.crop-grid-h{width:100%;height:1px;left:0}.crop-border{cursor:grab;pointer-events:all;border:2px solid #fff;position:absolute}.crop-border:active{cursor:grabbing}.crop-corner{pointer-events:all;cursor:grab;width:14px;height:14px;position:absolute}.crop-corner:active{cursor:grabbing}.crop-corner-tl{cursor:nwse-resize;border-top:3px solid #fff;border-left:3px solid #fff}.crop-corner-tr{cursor:nesw-resize;border-top:3px solid #fff;border-right:3px solid #fff}.crop-corner-bl{cursor:nesw-resize;border-bottom:3px solid #fff;border-left:3px solid #fff}.crop-corner-br{cursor:nwse-resize;border-bottom:3px solid #fff;border-right:3px solid #fff}.crop-modal-footer{gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid var(--color-hairline);display:flex}.crop-btn{border-radius:var(--rounded-full);height:48px;font-family:var(--font-body-medium);cursor:pointer;border:none;flex:1;font-size:14px;font-weight:500;transition:transform .2s,opacity .2s}.crop-btn:hover{transform:scale(.97)}.crop-btn:active{opacity:.5;transform:scale(.5)}.crop-btn-cancel{background:var(--color-soft-cloud);color:var(--color-ink)}.crop-btn-ok{background:var(--color-ink);color:var(--color-canvas)}@media (width<=1023px){.up-layout{padding:var(--spacing-xl);gap:var(--spacing-xl);grid-template-columns:1fr}.up-sidebar{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid;position:static}.up-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.up-layout{padding:var(--spacing-lg);gap:var(--spacing-lg)}.up-sidebar,.up-info-grid,.up-form-row{grid-template-columns:1fr}.up-stats-grid{grid-template-columns:repeat(2,1fr)}.up-page-header__inner{padding:0 var(--spacing-lg)}.up-page-header__breadcrumb,.up-nav__links{display:none}.up-membership{text-align:center;gap:var(--spacing-lg);flex-direction:column}}.adm{background:var(--color-soft-cloud,#f5f5f5);min-height:100vh;font-family:var(--font-body,"Inter", -apple-system, sans-serif);overflow:hidden}.adm-layout{height:100vh;display:flex}.adm-sidebar{background:var(--color-canvas,#fff);border-right:1px solid var(--color-hairline,#e0e0e0);flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:flex;position:sticky;top:0}.adm-sidebar__nav{padding:var(--spacing-lg,16px) var(--spacing-sm,8px);flex-direction:column;flex:1;gap:2px;display:flex}.adm-sidebar__btn{align-items:center;gap:var(--spacing-md,12px);padding:12px var(--spacing-lg,16px);border-radius:var(--rounded-full,9999px);color:var(--color-mute,#888);cursor:pointer;text-align:left;font-size:13px;font-weight:500;font-family:var(--font-body,"Inter", sans-serif);background:0 0;border:none;width:100%;transition:background .15s,color .15s;display:flex}.adm-sidebar__btn:hover{background:var(--color-soft-cloud,#f5f5f5);color:var(--color-ink,#111)}.adm-sidebar__btn.active{background:var(--color-ink,#111);color:var(--color-canvas,#fff)}.adm-sidebar__btn svg{flex-shrink:0;width:18px;height:18px}.adm-sidebar__footer{padding:var(--spacing-md,12px) var(--spacing-sm,8px);border-top:1px solid var(--color-hairline,#e0e0e0)}.adm-sidebar__logout{align-items:center;gap:var(--spacing-md,12px);width:100%;padding:12px var(--spacing-lg,16px);border-radius:var(--rounded-full,9999px);color:var(--color-sale,#d30005);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body,"Inter", sans-serif);background:0 0;border:none;transition:background .15s;display:flex}.adm-sidebar__logout:hover{background:#fee2e2}.adm-sidebar__logout svg{flex-shrink:0;width:18px;height:18px}.adm-content{padding:var(--spacing-section,40px);flex:1;min-width:0;overflow-y:auto}.adm-header{background:var(--color-canvas,#fff);padding:14px var(--spacing-section,40px);border-bottom:1px solid var(--color-hairline,#e0e0e0);justify-content:space-between;align-items:center;display:flex}.adm-header__left,.adm-header__right{min-width:180px}.adm-header__center{align-items:center;gap:var(--spacing-lg,16px);display:flex}.adm-header__title{color:var(--color-ink,#111);letter-spacing:-.3px;margin:0;font-size:18px;font-weight:700}.adm-header__back{color:var(--color-mute,#888);border-radius:var(--rounded-full,9999px);align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.adm-header__back:hover{background:var(--color-soft-cloud,#f5f5f5);color:var(--color-ink,#111)}.adm-header__back svg{width:14px;height:14px}.adm-success{background:var(--color-ink,#111);color:var(--color-canvas,#fff);padding:10px var(--spacing-section,40px);justify-content:center;align-items:center;gap:var(--spacing-sm,8px);font-size:13px;font-weight:500;display:flex}.adm-success svg{width:16px;height:16px}.adm-panel{animation:.2s admFade}@keyframes admFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.adm-panel__header{margin-bottom:var(--spacing-xl,24px);justify-content:space-between;align-items:center;display:flex}.adm-panel__header h2{color:var(--color-ink,#111);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.adm-add-btn{background:var(--color-ink,#111);color:var(--color-canvas,#fff);border-radius:var(--rounded-full,9999px);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body,"Inter", sans-serif);border:none;align-items:center;gap:8px;padding:12px 24px;transition:opacity .15s;display:inline-flex}.adm-add-btn:hover{opacity:.85}.adm-add-btn svg{width:16px;height:16px}.adm-table-wrap{background:var(--color-canvas,#fff);border-radius:var(--rounded-none,0);border:1px solid var(--color-hairline,#e0e0e0);overflow:hidden}.adm-table{border-collapse:collapse;width:100%}.adm-table th{background:var(--color-soft-cloud,#f5f5f5);padding:14px var(--spacing-xl,24px);text-align:left;color:var(--color-mute,#888);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--color-hairline,#e0e0e0);font-size:11px;font-weight:700}.adm-table td{padding:16px var(--spacing-xl,24px);border-bottom:1px solid var(--color-hairline-soft,#eee);color:var(--color-charcoal,#555);font-size:14px}.adm-table tr:last-child td{border-bottom:none}.adm-table tr:hover td{background:var(--color-soft-cloud,#f5f5f5)}.adm-thumb{object-fit:cover;border-radius:var(--rounded-sm,18px);background:var(--color-soft-cloud,#f5f5f5);width:48px;height:48px}.adm-thumb-placeholder{background:var(--color-soft-cloud,#f5f5f5);border-radius:var(--rounded-sm,18px);justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.adm-cell-name{flex-direction:column;gap:2px;display:flex}.adm-cell-name__title{color:var(--color-ink,#111);font-size:14px;font-weight:600}.adm-cell-name__sub{color:var(--color-mute,#888);font-size:12px}.adm-price{color:var(--color-ink,#111);font-size:14px;font-weight:700}.adm-role-badge{border-radius:var(--rounded-full,9999px);text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.adm-role-badge--admin{color:var(--color-sale,#d30005);background:#fee2e2}.adm-role-badge--staff{color:#e65100;background:#fff3e0}.adm-role-badge--doctor{color:var(--color-success,#007d48);background:#e8f5e9}.adm-role-badge--customer{color:var(--color-info,#1151ff);background:#e3f2fd}.adm-actions{gap:8px;display:flex}.adm-action-btn{border-radius:var(--rounded-full,9999px);cursor:pointer;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;transition:background .15s;display:flex}.adm-action-btn svg{width:16px;height:16px}.adm-action-btn--edit{background:var(--color-soft-cloud,#f5f5f5);color:var(--color-ink,#111)}.adm-action-btn--edit:hover{background:var(--color-hairline,#e0e0e0)}.adm-action-btn--delete{color:var(--color-sale,#d30005);background:#fee2e2}.adm-action-btn--delete:hover{background:var(--color-sale,#d30005);color:#fff}.adm-empty{text-align:center;color:var(--color-mute,#888);padding:60px;font-size:14px}.adm-pro-card{background:var(--color-ink,#111);color:var(--color-canvas,#fff);border-radius:var(--rounded-none,0);text-align:center;align-items:center;gap:var(--spacing-lg,16px);flex-direction:column;max-width:480px;padding:48px;display:flex}.adm-pro-card__icon{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.adm-pro-card__icon svg{width:32px;height:32px}.adm-pro-card h3{letter-spacing:-.3px;margin:0;font-size:24px;font-weight:700}.adm-pro-card p{color:#fff9;margin:0;font-size:14px}.adm-pro-form{gap:var(--spacing-lg,16px);flex-direction:column;width:100%;display:flex}.adm-pro-form label{color:#fff9;text-align:left;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.adm-pro-form input{border-radius:var(--rounded-md,24px);color:#fff;text-align:center;width:100%;font-size:18px;font-weight:600;font-family:var(--font-body,"Inter", sans-serif);background:#ffffff14;border:2px solid #ffffff26;padding:14px 18px;transition:border-color .15s}.adm-pro-form input:focus{border-color:#fff6;outline:none}.adm-pro-form input::placeholder{color:#ffffff4d}.adm-pro-update-btn{background:var(--color-canvas,#fff);color:var(--color-ink,#111);border-radius:var(--rounded-full,9999px);cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-body,"Inter", sans-serif);border:none;align-self:center;padding:14px 32px;transition:opacity .15s}.adm-pro-update-btn:hover{opacity:.9}.adm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s admOverlayIn;display:flex;position:fixed;inset:0}@keyframes admOverlayIn{0%{opacity:0}to{opacity:1}}.adm-modal{background:var(--color-canvas,#fff);border-radius:var(--rounded-none,0);border:1px solid var(--color-hairline,#e0e0e0);width:100%;max-width:480px;max-height:90vh;animation:.2s admModalIn;overflow-y:auto}.adm-modal--wide{max-width:600px}@keyframes admModalIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.adm-modal__header{padding:24px var(--spacing-xl,24px);border-bottom:1px solid var(--color-hairline,#e0e0e0);justify-content:space-between;align-items:center;display:flex}.adm-modal__header h3{color:var(--color-ink,#111);letter-spacing:-.3px;margin:0;font-size:18px;font-weight:700}.adm-modal__close{border-radius:var(--rounded-full,9999px);background:var(--color-soft-cloud,#f5f5f5);width:36px;height:36px;color:var(--color-charcoal,#555);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.adm-modal__close:hover{background:var(--color-hairline,#e0e0e0)}.adm-modal__close svg{width:18px;height:18px}.adm-modal__body{padding:var(--spacing-xl,24px)}.adm-form-row{gap:var(--spacing-md,12px);grid-template-columns:1fr 1fr;display:grid}.adm-form-group{margin-bottom:var(--spacing-md,12px);flex-direction:column;gap:6px;display:flex}.adm-form-group--full{grid-column:1/-1}.adm-form-group label{color:var(--color-charcoal,#555);letter-spacing:.3px;font-size:12px;font-weight:700}.adm-form-group input,.adm-form-group select,.adm-form-group textarea{border:1px solid var(--color-hairline,#e0e0e0);border-radius:var(--rounded-md,8px);color:var(--color-ink,#111);background:var(--color-soft-cloud,#f5f5f5);font-size:14px;font-family:var(--font-body,"Inter", sans-serif);padding:12px 16px;transition:border-color .15s,background .15s}.adm-form-group input:focus,.adm-form-group select:focus,.adm-form-group textarea:focus{border-color:var(--color-ink,#111);background:var(--color-canvas,#fff);outline:none}.adm-form-group textarea{resize:vertical;min-height:80px}.adm-checkbox{align-items:center;gap:var(--spacing-sm,8px);cursor:pointer;margin-bottom:var(--spacing-md,12px);display:flex}.adm-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-ink,#111);cursor:pointer}.adm-checkbox label{color:var(--color-ink,#111);cursor:pointer;font-size:14px;font-weight:500}.adm-upload-section{margin-bottom:var(--spacing-xl,24px)}.adm-upload-section label{color:var(--color-charcoal,#555);letter-spacing:.3px;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.adm-upload-grid{gap:var(--spacing-sm,8px);flex-wrap:wrap;display:flex}.adm-upload-item{border-radius:var(--rounded-md,8px);border:1px solid var(--color-hairline,#e0e0e0);width:80px;height:80px;position:relative;overflow:hidden}.adm-upload-item img{object-fit:cover;width:100%;height:100%}.adm-upload-remove{background:var(--color-sale,#d30005);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.adm-upload-add{border:2px dashed var(--color-hairline,#e0e0e0);border-radius:var(--rounded-md,8px);cursor:pointer;width:80px;height:80px;color:var(--color-mute,#888);flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:border-color .15s,color .15s;display:flex}.adm-upload-add:hover{border-color:var(--color-ink,#111);color:var(--color-ink,#111)}.adm-upload-add span:first-child{font-size:22px;font-weight:300;line-height:1}.adm-upload-add span:last-child{text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:600}.adm-modal-actions{gap:var(--spacing-sm,8px);margin-top:var(--spacing-lg,16px);display:flex}.adm-btn{border-radius:var(--rounded-full,9999px);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-body,"Inter", sans-serif);flex:1;padding:14px;transition:opacity .15s}.adm-btn--cancel{background:var(--color-soft-cloud,#f5f5f5);border:1px solid var(--color-hairline,#e0e0e0);color:var(--color-charcoal,#555)}.adm-btn--cancel:hover{background:var(--color-hairline,#e0e0e0)}.adm-btn--submit{background:var(--color-ink,#111);color:var(--color-canvas,#fff);border:none}.adm-btn--submit:hover{opacity:.85}.adm-delete-modal{background:var(--color-canvas,#fff);border-radius:var(--rounded-none,0);text-align:center;border:1px solid var(--color-hairline,#e0e0e0);width:100%;max-width:400px;padding:40px 32px;animation:.2s admModalIn}.adm-delete-icon{width:72px;height:72px;margin:0 auto var(--spacing-xl,24px);background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;display:flex}.adm-delete-icon svg{width:32px;height:32px;color:var(--color-sale,#d30005)}.adm-delete-modal h3{color:var(--color-ink,#111);margin:0 0 10px;font-size:20px;font-weight:700}.adm-delete-modal p{color:var(--color-mute,#888);margin:0 0 var(--spacing-xl,24px);font-size:14px;line-height:1.5}.adm-delete-modal strong{color:var(--color-ink,#111)}.adm-delete-actions{gap:var(--spacing-sm,8px);display:flex}.adm-btn--delete{background:var(--color-sale,#d30005);color:#fff;border:none}.adm-btn--delete:hover{opacity:.85}.adm-crop-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;justify-content:center;align-items:center;animation:.2s admOverlayIn;display:flex;position:fixed;inset:0}.adm-crop{background:var(--color-canvas,#fff);border-radius:var(--rounded-none,0);border:1px solid var(--color-hairline,#e0e0e0);width:420px;max-width:92vw;max-height:85vh;animation:.2s admModalIn;overflow:hidden}.adm-crop__header{border-bottom:1px solid var(--color-hairline,#e0e0e0);justify-content:space-between;align-items:center;padding:18px 24px 14px;display:flex}.adm-crop__header h3{color:var(--color-ink,#111);margin:0;font-size:16px;font-weight:700}.adm-crop__close{background:var(--color-soft-cloud,#f5f5f5);border-radius:var(--rounded-full,9999px);cursor:pointer;width:32px;height:32px;color:var(--color-charcoal,#555);border:none;justify-content:center;align-items:center;font-size:18px;transition:background .15s;display:flex}.adm-crop__close:hover{background:var(--color-hairline,#e0e0e0)}.adm-crop__canvas{-webkit-user-select:none;user-select:none;justify-content:center;padding:16px 24px;display:flex;overflow:hidden}.adm-crop__container{border-radius:var(--rounded-md,8px);max-width:100%;max-height:50vh;display:inline-block;position:relative;overflow:hidden}.adm-crop__img{pointer-events:all;cursor:crosshair;max-width:100%;max-height:50vh;display:block}.adm-crop__overlay{pointer-events:none;position:absolute;inset:0}.adm-crop__shade-t,.adm-crop__shade-b{background:#00000080;position:absolute;left:0;right:0}.adm-crop__shade-t{top:0}.adm-crop__shade-b{bottom:0}.adm-crop__shade-l,.adm-crop__shade-r{background:#00000080;position:absolute;top:0;bottom:0}.adm-crop__shade-l{left:0}.adm-crop__shade-r{right:0}.adm-crop__grid{cursor:grab;pointer-events:all;position:absolute}.adm-crop__grid-line{background:#ffffff59;position:absolute}.adm-crop__grid-line--v{width:1px;height:100%;top:0}.adm-crop__grid-line--h{width:100%;height:1px;left:0}.adm-crop__border{cursor:grab;pointer-events:all;border:2px solid #fff;position:absolute}.adm-crop__border:active{cursor:grabbing}.adm-crop__corner{pointer-events:all;cursor:grab;width:14px;height:14px;position:absolute}.adm-crop__corner:active{cursor:grabbing}.adm-crop__corner--tl{cursor:nwse-resize;border-top:3px solid #fff;border-left:3px solid #fff}.adm-crop__corner--tr{cursor:nesw-resize;border-top:3px solid #fff;border-right:3px solid #fff}.adm-crop__corner--bl{cursor:nesw-resize;border-bottom:3px solid #fff;border-left:3px solid #fff}.adm-crop__corner--br{cursor:nwse-resize;border-bottom:3px solid #fff;border-right:3px solid #fff}.adm-crop__footer{gap:var(--spacing-sm,8px);border-top:1px solid var(--color-hairline,#e0e0e0);padding:14px 24px 18px;display:flex}.adm-crop__btn{border-radius:var(--rounded-full,9999px);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-body,"Inter", sans-serif);border:none;flex:1;padding:12px;transition:opacity .15s}.adm-crop__btn--cancel{background:var(--color-soft-cloud,#f5f5f5);color:var(--color-charcoal,#555)}.adm-crop__btn--cancel:hover{background:var(--color-hairline,#e0e0e0)}.adm-crop__btn--ok{background:var(--color-ink,#111);color:#fff}.adm-crop__btn--ok:hover{opacity:.85}@media (width<=1023px){.adm-sidebar{width:180px}.adm-content{padding:var(--spacing-xl,24px)}}@media (width<=767px){.adm-layout{flex-direction:column;height:auto}.adm-sidebar{border-right:none;border-bottom:1px solid var(--color-hairline,#e0e0e0);flex-direction:row;align-items:center;width:100%;height:auto;position:static}.adm-sidebar__nav{padding:var(--spacing-sm,8px);flex-flow:wrap;gap:4px}.adm-sidebar__footer{border-top:none;border-left:1px solid var(--color-hairline,#e0e0e0);padding:var(--spacing-sm,8px)}.adm-sidebar__btn span,.adm-sidebar__logout span{display:none}.adm-sidebar__btn,.adm-sidebar__logout{border-radius:var(--rounded-full,9999px);justify-content:center;padding:10px}.adm-content{padding:var(--spacing-lg,16px);overflow:visible}.adm-form-row{grid-template-columns:1fr}.adm-table th,.adm-table td{padding:12px 14px}.adm-actions{flex-direction:column;gap:4px}}.staff-page{background:#f5f6f8;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.staff-sidebar{background:#1e293b;flex-direction:column;width:240px;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-role{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:11px;display:block}.sidebar-btn{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:13px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.sidebar-btn:hover{color:#fff;background:#ffffff0d}.sidebar-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.sidebar-btn .icon{font-size:18px}.sidebar-badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:20px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.sidebar-footer{border-top:1px solid #ffffff1a;padding:15px 20px}.sidebar-logout-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.sidebar-logout-btn:hover{color:#fca5a5;background:#ef444433}.staff-content{flex:1;max-width:calc(100% - 240px);margin-left:240px;padding:30px}.tab-panel{animation:.3s fadeIn}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.panel-header h2{color:#1e293b;margin:0;font-size:22px;font-weight:700}.panel-stats{flex-wrap:wrap;gap:8px;display:flex}.stat-chip{border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600}.stat-chip.pending{color:#d97706;background:#fef3c7}.stat-chip.confirmed{color:#2563eb;background:#dbeafe}.stat-chip.completed{color:#059669;background:#d1fae5}.stat-chip.cancelled{color:#dc2626;background:#fee2e2}.panel-toolbar{align-items:center;gap:15px;margin-bottom:20px;display:flex}.search-box{flex:1;max-width:400px;position:relative}.search-input{box-sizing:border-box;color:#333;background:#fff;border:2px solid #e8e0f0;border-radius:50px;width:100%;padding:11px 48px;font-size:14px;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px #7c5cbf0f}.search-input::placeholder{color:#bbb;font-weight:400}.search-input:focus{border-color:#7c5cbf;outline:none;box-shadow:0 4px 20px #7c5cbf2e,0 0 0 4px #7c5cbf14}.clear-btn{cursor:pointer;color:#7c5cbf;background:#f0e8ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:13px;transition:all .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.clear-btn:hover{background:#e0d0ff;transform:translateY(-50%)scale(1.1)}.filter-select{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:150px;padding:10px 16px;font-size:14px}.filter-select:focus{border-color:#667eea;outline:none}.table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:12px;font-weight:600}.admin-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background:#f8fafc}.cell-id{color:#667eea;font-weight:700}.cell-price{color:#22c55e;font-weight:600}.status-badge{color:#fff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.action-group{align-items:center;gap:6px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:500;line-height:1;transition:all .3s}.action-btn.detail-btn{color:#475569;background:#f1f5f9}.action-btn.detail-btn:hover{background:#e2e8f0}.action-btn.approve-btn{color:#fff;background:#22c55e}.action-btn.approve-btn:hover{background:#16a34a;transform:scale(1.05)}.action-btn.reject-btn{color:#fff;background:#ef4444}.action-btn.reject-btn:hover{background:#dc2626;transform:scale(1.05)}.no-action{color:#94a3b8;font-size:13px}.empty-cell{text-align:center;color:#94a3b8;font-style:italic;padding:50px!important}.feedbacks-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.feedback-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.feedback-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.feedback-user{align-items:center;gap:12px;display:flex}.feedback-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.feedback-name{color:#1e293b;font-size:14px;font-weight:600}.feedback-date{color:#94a3b8;margin-top:2px;font-size:12px}.feedback-rating{margin-bottom:10px}.star{color:#e2e8f0;font-size:18px}.star.filled{color:#fbbf24}.feedback-comment{color:#475569;margin:0;font-size:14px;line-height:1.5}.text-muted{color:#94a3b8;font-style:italic}.empty-state{text-align:center;color:#94a3b8;background:#fff;border-radius:12px;grid-column:1/-1;padding:60px 20px}.loading-container{background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.loading-spinner{border:4px solid #f1f5f9;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;margin-bottom:15px;animation:1s linear infinite spin}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#1e293b;margin:0;font-size:17px;font-weight:600}.modal-close{cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:background .3s;display:flex}.modal-close:hover{background:#e2e8f0}.modal-body{padding:24px}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.detail-item span{color:#334155;font-size:14px;font-weight:500}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#475569;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-select{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-size:14px}.form-select:focus{border-color:#667eea;outline:none}.modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.btn-cancel{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.btn-cancel:hover{background:#f8fafc}.detail-item.full-width{grid-column:1/-1}.assign-doctor-section{border-top:1px dashed #e2e8f0;margin-top:20px;padding-top:16px}.assign-doctor-section h4{color:#475569;margin:0 0 12px;font-size:14px;font-weight:600}.assign-doctor-row{align-items:center;gap:10px;display:flex}.assign-doctor-row .form-select{flex:1}.btn-assign{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s}.btn-assign:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-assign:disabled{opacity:.5;cursor:not-allowed}.cell-service{color:#475569;max-width:200px;font-size:13px}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-approve{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.btn-approve:hover{background:#16a34a}.btn-reject{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.btn-reject:hover{background:#fef2f2}.confirm-modal{text-align:center;max-width:400px;padding:30px 28px 24px}.confirm-modal-icon{margin-bottom:12px;font-size:48px;line-height:1}.confirm-modal-title{color:#1e293b;margin:0 0 12px;font-size:20px;font-weight:700}.confirm-modal-message{color:#475569;margin:0 0 8px;font-size:14px;line-height:1.5}.confirm-modal-info{color:#64748b;margin:0 0 24px;font-size:13px}.confirm-modal-actions{justify-content:center;gap:12px;display:flex}.confirm-modal-actions .btn-cancel,.confirm-modal-actions .btn-approve,.confirm-modal-actions .btn-reject{cursor:pointer;border:none;border-radius:8px;flex:1;padding:11px 20px;font-size:14px;font-weight:600;transition:all .3s}.confirm-modal-actions .btn-cancel{color:#475569;background:#f1f5f9}.confirm-modal-actions .btn-cancel:hover{background:#e2e8f0}.confirm-modal-actions .btn-approve{color:#fff;background:#22c55e}.confirm-modal-actions .btn-approve:hover{background:#16a34a}.confirm-modal-actions .btn-reject{color:#fff;background:#ef4444}.confirm-modal-actions .btn-reject:hover{background:#dc2626}@media (width<=768px){.staff-sidebar{width:60px}.sidebar-header{padding:15px 10px}.sidebar-logo{font-size:18px}.sidebar-role,.sidebar-btn span,.sidebar-logout-btn span{display:none}.sidebar-btn{justify-content:center;padding:14px}.sidebar-logout-btn{justify-content:center}.sidebar-badge{display:none}.staff-content{max-width:calc(100% - 60px);margin-left:60px;padding:20px 15px}.panel-header{flex-direction:column;align-items:flex-start}.panel-toolbar{flex-direction:column}.search-box{width:100%;max-width:100%}.filter-select{width:100%}.table-wrapper{overflow-x:auto}.admin-table{min-width:700px}.feedbacks-grid,.detail-grid{grid-template-columns:1fr}.modal-footer{flex-wrap:wrap}}.doctor-dashboard{background:#f5f6f8;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.doctor-sidebar{background:#1e293b;flex-direction:column;width:240px;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.sidebar-logo{background:linear-gradient(135deg,#22c55e 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;display:block}.sidebar-user{margin-top:12px}.sidebar-user-name{color:#e2e8f0;font-size:14px;font-weight:600;display:block}.sidebar-user-role{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.sidebar-nav{flex:1;padding:15px 0}.nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:12px 20px;font-size:14px;transition:all .2s;display:flex}.nav-item:hover{color:#e2e8f0;background:#ffffff0d}.nav-item.active{color:#22c55e;background:#22c55e1a;border-left-color:#22c55e}.nav-icon{font-size:16px}.nav-badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:20px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.sidebar-footer{border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;padding:15px;display:flex}.sidebar-btn-home,.sidebar-btn-logout{cursor:pointer;text-align:left;border:none;border-radius:6px;width:100%;padding:10px 15px;font-size:13px;transition:background .2s}.sidebar-btn-home{color:#94a3b8;background:#ffffff0d}.sidebar-btn-home:hover{color:#e2e8f0;background:#ffffff1a}.sidebar-btn-logout{color:#f87171;background:#ef44441a}.sidebar-btn-logout:hover{background:#ef444433}.doctor-main{flex:1;margin-left:240px;padding:30px 40px}.doctor-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.doctor-title{color:#1e293b;margin:0;font-size:26px;font-weight:700}.header-stats{gap:12px;display:flex}.stat-chip{border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.stat-pending{color:#d97706;background:#fef3c7}.stat-inprogress{color:#7c3aed;background:#ede9fe}.stat-dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.doctor-toolbar{gap:12px;margin-bottom:25px;display:flex}.doctor-search{border:1px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:10px 16px;font-size:14px;transition:border-color .2s}.doctor-search:focus{border-color:#22c55e}.doctor-filter{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 14px;font-size:14px}.doctor-stats-row{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.doc-stat-card{text-align:center;background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.doc-stat-num{margin-bottom:6px;font-size:36px;font-weight:800;line-height:1}.doc-stat-label{color:#64748b;font-size:13px;font-weight:500}.doc-stat-pending .doc-stat-num{color:#f59e0b}.doc-stat-inprogress .doc-stat-num{color:#8b5cf6}.doc-stat-completed .doc-stat-num{color:#22c55e}.doctor-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;display:flex}.doctor-spinner{border:4px solid #e2e8f0;border-top-color:#22c55e;border-radius:50%;width:40px;height:40px;margin-bottom:15px;animation:.8s linear infinite spin}.doctor-empty{text-align:center;color:#94a3b8;padding:60px 0}.doctor-empty-icon{margin-bottom:16px;font-size:64px}.doctor-empty-title{color:#64748b;margin:0;font-size:18px;font-weight:600}.doctor-booking-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.doctor-booking-card{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:12px;padding:20px;transition:all .2s;box-shadow:0 1px 3px #00000014}.doctor-booking-card:hover{border-color:#22c55e;box-shadow:0 4px 12px #0000001f}.dbc-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.dbc-id{flex-direction:column;display:flex}.dbc-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.dbc-value{color:#1e293b;font-size:15px;font-weight:700}.dbc-status{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.dbc-body{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.dbc-row{align-items:flex-start;gap:10px;display:flex}.dbc-icon{flex-shrink:0;margin-top:1px;font-size:15px}.dbc-info{flex-direction:column;display:flex}.dbc-info-label{color:#94a3b8;font-size:11px}.dbc-info-value{color:#1e293b;font-size:14px;font-weight:500}.dbc-services{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.dbc-service-tag{color:#475569;background:#f1f5f9;border-radius:4px;padding:3px 10px;font-size:12px}.dbc-medical-note{background:#f0fdf4;border-left:3px solid #22c55e;border-radius:0 6px 6px 0;margin-bottom:12px;padding:8px 12px;font-size:13px}.dbc-note-label{color:#16a34a;margin-bottom:2px;font-weight:600;display:block}.dbc-note-text{color:#475569}.dbc-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.dbc-price{color:#1e293b;font-size:16px;font-weight:700}.dbc-view-detail{color:#22c55e;font-size:13px;font-weight:600}.doctor-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.doctor-modal{background:#fff;border-radius:16px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.dm-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dm-title{color:#1e293b;margin:0;font-size:18px;font-weight:700}.dm-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:background .2s;display:flex}.dm-close:hover{background:#e2e8f0}.dm-body{padding:24px}.dm-row{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.dm-label{color:#64748b;font-size:13px;font-weight:500}.dm-value{color:#1e293b;text-align:right;max-width:60%;font-size:14px;font-weight:600}.dm-price{color:#1e293b;font-size:16px}.dm-status-bar{align-items:center;gap:10px;margin-top:8px;padding:12px 0;display:flex}.dm-status-label{color:#64748b;font-size:13px;font-weight:500}.dm-status-badge{border-radius:6px;padding:4px 12px;font-size:13px;font-weight:600}.dm-medical-section{margin-top:16px}.dm-note-label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.dm-note-input{resize:vertical;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}.dm-note-input:focus{border-color:#22c55e}.dm-note-readonly{color:#374151;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px;font-size:14px;line-height:1.5}.dm-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:10px;padding:20px 24px;display:flex}.dm-btn{cursor:pointer;text-align:center;border:none;border-radius:8px;flex:1;min-width:120px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s}.dm-btn:disabled{opacity:.6;cursor:not-allowed}.dm-btn-start{color:#fff;background:#8b5cf6}.dm-btn-start:hover:not(:disabled){background:#7c3aed}.dm-btn-complete{color:#fff;background:#22c55e}.dm-btn-complete:hover:not(:disabled){background:#16a34a}.dm-btn-cancel{color:#64748b;background:#f1f5f9}.dm-btn-cancel:hover{background:#e2e8f0}@media (width<=768px){.doctor-sidebar{width:60px}.sidebar-user-name,.sidebar-user-role,.nav-item span:not(.nav-icon):not(.nav-badge){display:none}.sidebar-logo{text-align:center;font-size:20px}.sidebar-header,.sidebar-footer{padding:12px}.sidebar-btn-home span,.sidebar-btn-logout span{display:none}.doctor-main{margin-left:60px;padding:20px}.doctor-stats-row,.doctor-booking-list{grid-template-columns:1fr}}.notif-page{background:#f5f6f8;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.notif-page-container{max-width:680px;margin:0 auto;padding:24px 16px}.notif-page-header{margin-bottom:20px}.notif-page-title-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.notif-page-back{cursor:pointer;color:#475569;background:#fff;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014}.notif-page-back:hover{color:#1e293b;background:#f1f5f9}.notif-page-header h1{color:#1e293b;margin:0;font-size:22px;font-weight:700}.notif-page-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.notif-filter-tabs{background:#fff;border-radius:10px;flex:1;padding:4px;display:flex;box-shadow:0 1px 3px #00000014}.notif-filter-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;flex:1;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.notif-filter-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.notif-page-action-btn{color:#667eea;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s}.notif-page-action-btn:hover{background:#f0f7ff}.notif-page-action-btn.danger{color:#ef4444}.notif-page-action-btn.danger:hover{background:#fef2f2}.notif-page-list{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014}.notif-page-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:14px;padding:16px 20px;transition:background .2s;display:flex}.notif-page-item:last-child{border-bottom:none}.notif-page-item:hover{background:#f8fafc}.notif-page-item.unread{background:#f8faff}.notif-page-item.unread:hover{background:#f0f7ff}.notif-page-item-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.notif-page-item-content{flex:1;min-width:0}.notif-page-item-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.notif-page-item-title{color:#1e293b;margin:0;font-size:14px;font-weight:700}.notif-page-dot{background:#667eea;border-radius:50%;flex-shrink:0;width:8px;height:8px}.notif-page-item-body{color:#64748b;margin:0 0 6px;font-size:13px;line-height:1.5}.notif-page-item-time{color:#94a3b8;font-size:12px}.notif-page-empty{text-align:center;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.notif-page-empty-icon{color:#e2e8f0;margin-bottom:16px}.notif-page-empty-title{color:#475569;margin:0 0 8px;font-size:16px;font-weight:700}.notif-page-empty-sub{color:#94a3b8;max-width:300px;margin:0;font-size:13px;line-height:1.5}@media (width<=640px){.notif-page-container{padding:16px 12px}.notif-page-actions{flex-direction:column;align-items:stretch}.notif-filter-tabs{width:100%}.notif-page-item{padding:14px 16px}}:root{--ft-bg:#f5f5f5;--ft-divider:#e0e0e0;--ft-ink:#111;--ft-charcoal:#555;--ft-mute:#888;--ft-link-gap:10px;--ft-col-gap:24px}.ft{background:var(--ft-bg);border-top:1px solid var(--ft-divider);margin-top:auto}.ft__inner{max-width:1440px;padding:var(--spacing-section) var(--spacing-section) var(--spacing-xl);margin:0 auto}.ft__grid{gap:var(--spacing-section) var(--ft-col-gap);grid-template-columns:repeat(4,1fr);display:grid}.ft__col-head{color:var(--ft-ink);letter-spacing:.4px;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}.ft__links{gap:var(--ft-link-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ft__link{color:var(--ft-mute);letter-spacing:0;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-block}.ft__link:hover{color:var(--ft-ink)}.ft__rule{background:var(--ft-divider);height:1px;margin:var(--spacing-xl) 0 var(--spacing-lg)}.ft__fine{justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.ft__copyright{color:var(--ft-mute);letter-spacing:.3px;text-transform:uppercase;font-size:10px;font-weight:500}.ft__legal{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ft__legal-link{color:var(--ft-mute);letter-spacing:0;font-size:10px;font-weight:500;text-decoration:none;transition:color .15s}.ft__legal-link:hover{color:var(--ft-ink);text-decoration:underline}.ft__dot{background:var(--ft-mute);border-radius:50%;flex-shrink:0;width:3px;height:3px}@media (width<=1023px){.ft__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=599px){.ft__inner{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg)}.ft__grid{gap:var(--spacing-xl);grid-template-columns:1fr}.ft__fine{flex-direction:column;align-items:flex-start}}*{box-sizing:border-box}