:root{--mv-midnight-950:#080b18;--mv-midnight-900:#0e1224;--mv-midnight-850:#14182d;--mv-midnight-800:#1b2038;--mv-pink:#ec4899;--mv-hot-pink:#f43f8c;--mv-violet:#8b5cf6;--mv-royal:#6d5dfb;--mv-blue:#3b82f6;--mv-cyan:#22d3ee;--mv-coral:#fb7185;--mv-blush:#fff7fc;--mv-lavender:#f7f5ff;--mv-text:#111827;--mv-muted:#64748b;--mv-gradient:linear-gradient(135deg, #ec4899 0%, #8b5cf6 55%, #3b82f6 100%);--rose-gold:var(--mv-pink);--rose-gold-strong:var(--mv-violet);--ivory:var(--mv-blush);--warm-ivory:#fff;--soft-pink:var(--mv-lavender);--cream-gold:#e0f2fe;--rich-charcoal:var(--mv-text);--soft-mocha:var(--mv-muted);--deep-mocha:#334155;--white:#fff;--line:#8b5cf62e;--shadow:0 24px 70px #0f172a29;--shadow-soft:0 12px 34px #0f172a1a;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--container:min(1120px, calc(100% - 36px));--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:var(--mv-cyan)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 10% 0%, #e6c7c247, transparent 34%), radial-gradient(circle at 92% 12%, #dcc5a33d, transparent 30%), linear-gradient(180deg, var(--ivory), #fbf2ee 52%, var(--warm-ivory));color:var(--rich-charcoal);direction:rtl;margin:0;font-family:Cairo,Tajawal,Almarai,Tahoma,Arial,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;transition:transform .18s,box-shadow .18s,background .18s,opacity .18s}button:hover{opacity:.96;transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.app{min-height:100vh}.siteHeader{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(1180px,100% - 28px);min-height:78px;box-shadow:var(--shadow-soft);z-index:40;background:#fffdf8d1;border:1px solid #dcc5a38c;border-radius:999px;grid-template-columns:240px minmax(0,1fr) 86px;align-items:center;gap:14px;margin:14px auto 0;padding:10px 14px;display:grid;position:sticky;top:12px}.brandBlock{cursor:pointer;align-items:center;gap:10px;display:flex}.brandMark{color:#fff;background:linear-gradient(135deg, var(--rose-gold-strong), var(--cream-gold));border-radius:50%;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 12px 26px #c79a9252}.brandBlock b{color:var(--rich-charcoal);letter-spacing:.01em;font-size:14px;line-height:1.15;display:block}.topNav{scrollbar-width:none;justify-content:center;gap:6px;display:flex;overflow-x:auto}.topNav::-webkit-scrollbar{display:none}.topNav button{min-width:108px;min-height:54px;color:var(--deep-mocha);background:0 0;border-radius:999px;grid-template-rows:18px 15px 14px;place-items:center;gap:1px;padding:8px 12px;font-weight:800;display:grid}.topNav button span{direction:ltr;font-family:Poppins,sans-serif;font-size:10px}.topNav button small{color:var(--soft-mocha);font-size:11px}.topNav button.active{background:linear-gradient(135deg, #fff, var(--soft-pink));color:#9e716a;box-shadow:inset 0 0 0 1px #e6c7c2a6}.headerActions{color:var(--deep-mocha);justify-content:center;gap:9px;display:flex}.headerActions svg{border:1px solid var(--line);background:#fff;border-radius:50%;width:39px;height:39px;padding:8px}.hero{width:min(1180px,100% - 28px);min-height:360px;box-shadow:var(--shadow);background:linear-gradient(90deg,#29292980,#2929292e 50%,#292929ad),url(/assets/customer-beauty-hero.png) 50%/cover;border-radius:42px;align-items:center;margin:16px auto 0;display:grid;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;border:1px solid #ffffff5c;border-radius:32px;position:absolute;inset:18px}.heroText{color:#fff;z-index:2;width:min(600px,100% - 38px);padding:44px;position:relative}.heroText span,.eyebrow{color:#8a615a;background:#ffffffd1;border:1px solid #e6c7c28c;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:12px;font-weight:900;display:inline-flex}.heroText h1{letter-spacing:-.03em;margin:16px 0 10px;font-size:clamp(32px,5vw,58px);line-height:1.12}.heroText p{color:#ffffffe0;margin:0 0 24px;font-size:16px;line-height:1.9}.primary,.submit{color:#fff;background:linear-gradient(135deg, var(--rose-gold-strong), #6d5dfb);border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:13px 23px;font-weight:900;display:inline-flex;box-shadow:0 12px 28px #c79a9252}.container{width:var(--container);margin:24px auto}.message,.loading{width:var(--container);border-radius:var(--radius-md);border:1px solid var(--line);box-shadow:var(--shadow-soft);color:var(--deep-mocha);background:#fff;margin:16px auto 0;padding:14px 17px;font-weight:800}.customerAccess{width:var(--container);z-index:5;border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8f0;border-radius:30px;margin:-54px auto 26px;padding:18px;position:relative}.customerAccessHead,.signedInBox{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.customerAccess h2,.panel h2,.profile h2{color:var(--rich-charcoal);margin:8px 0;font-size:25px}.customerAccess p,.panel p{color:var(--soft-mocha);line-height:1.75}.accessActions,.signedInActions,.modeCards{flex-wrap:wrap;gap:10px;display:flex}.mode,.guestBtn,.quickLogin button,.signedInActions button,.linkBtn,.portfolioCard button,.beauticianCard button{min-height:44px;color:var(--deep-mocha);border:1px solid var(--line);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:900;display:inline-flex}.mode.active{background:linear-gradient(135deg, var(--rose-gold), #f7f5ff);color:#5b21b6;border-color:var(--rose-gold)}.quickLogin,.inlineAuth{background:#fffaf7;border:1px solid #dcc5a373;border-radius:22px;grid-template-columns:1.15fr 1fr auto .75fr auto auto;align-items:center;gap:10px;margin-top:15px;padding:12px;display:grid}.quickLogin small,.inlineAuth small{color:var(--soft-mocha);grid-column:1/-1}.signedProfile{align-items:center;gap:12px;display:flex}.signedProfile img{object-fit:cover;width:48px;height:48px;box-shadow:var(--shadow-soft);border:2px solid #fff;border-radius:50%}.signedProfile small{color:var(--soft-mocha);text-align:right;direction:ltr;margin-top:3px;display:block}.panel,.profile{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#ffffffeb;margin-bottom:22px;padding:22px}.sectionTitle{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.sectionTitle small{color:var(--soft-mocha);font-weight:900}.dashStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.stat{border:1px solid var(--line);min-height:112px;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#fff,#fff8f5);border-radius:24px;align-items:center;gap:15px;padding:18px;display:flex}.statIcon{color:#8f625b;background:linear-gradient(135deg, var(--soft-pink), #fff);border:1px solid #e6c7c2b3;border-radius:20px;place-items:center;width:58px;height:58px;display:grid}.stat strong{color:var(--rich-charcoal);font-family:Poppins,sans-serif;font-size:34px;line-height:1;display:block}.stat span{margin-top:4px;font-weight:900;display:block}.stat small{color:var(--soft-mocha)}.homeShowcase{grid-template-columns:1.1fr .9fr;gap:18px;margin-bottom:22px;display:grid}.homeWelcome{border:1px solid var(--line);min-height:220px;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#fff,#f9ece8);border-radius:30px;padding:28px;position:relative;overflow:hidden}.homeWelcome:after{content:"";background:#e6c7c259;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;left:-60px}.homeWelcome h2{z-index:1;margin:12px 0;font-size:clamp(27px,4vw,44px);line-height:1.25;position:relative}.homeWelcome p{color:var(--deep-mocha);z-index:1;line-height:1.8;position:relative}.homeSearch{z-index:1;align-items:center;gap:10px;margin-top:18px;display:flex;position:relative}.homeSearch input{border:1px solid var(--line);background:#fff;border-radius:999px;min-height:54px;padding-inline:18px}.homeAside{gap:14px;display:grid}.miniFeature{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:24px;align-items:center;gap:13px;padding:18px;display:flex}.miniFeature svg{color:#a5766e}.categoryGrid{grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:12px;display:grid}.categoryCard{text-align:right;border:1px solid var(--line);min-height:126px;color:var(--rich-charcoal);background:linear-gradient(135deg,#fff,#fff7f4);border-radius:24px;align-content:space-between;gap:10px;padding:16px;font-weight:900;display:grid;box-shadow:0 12px 26px #4a3f350f}.categoryCard span{color:#8f625b;background:var(--soft-pink);border-radius:16px;place-items:center;width:42px;height:42px;display:grid}.categoryCard small{color:var(--soft-mocha);font-size:11px}.bookingHero{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.bookingSteps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 4px;display:grid}.stepPill{border:1px solid var(--line);color:var(--deep-mocha);background:#fff8f5;border-radius:999px;align-items:center;gap:8px;padding:11px 12px;font-weight:900;display:flex}.stepPill b{background:var(--rose-gold);color:#5b21b6;border-radius:50%;place-items:center;width:26px;height:26px;font-family:Poppins;display:grid}.bookingGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.bookingGrid .wide{grid-column:span 2}.field{min-width:0;color:var(--deep-mocha);flex-direction:column;gap:8px;font-weight:900;display:flex}.field span{font-size:13px}.field input,.field select,.field textarea,.track input,.quickLogin input,.inlineAuth input{border:1px solid var(--line);width:100%;min-width:0;min-height:54px;color:var(--rich-charcoal);background:#fffdfb;border-radius:18px;outline:none;padding:13px 15px;box-shadow:inset 0 1px #fffc}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field select:focus,.field textarea:focus,.quickLogin input:focus,.inlineAuth input:focus,.track input:focus{border-color:var(--rose-gold-strong);box-shadow:0 0 0 4px #e6c7c247}.summary{background:linear-gradient(135deg, var(--soft-pink), #fffdf8);border:1px dashed var(--rose-gold-strong);min-height:120px;color:var(--rich-charcoal);border-radius:22px;flex-direction:column;gap:8px;padding:18px;display:flex}.summary b{font-size:18px}.submit{width:100%;min-height:60px}.portfolioGrid,.beauticianGrid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px;display:grid}.portfolioGrid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.beauticianGrid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolioCard,.beauticianCard,.bookingCard,.review{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 28px #4a3f350f}.portfolioCard{flex-direction:column;gap:9px;min-height:292px;padding:12px;display:flex}.portfolioCard img{object-fit:cover;background:var(--soft-pink);border-radius:18px;width:100%;height:165px}.portfolioCard b,.beauticianCard h3{color:var(--rich-charcoal);margin:0}.portfolioCard small,.portfolioCard p,.beauticianCard p{color:var(--soft-mocha);margin:0;line-height:1.6}.portfolioCard button,.beauticianCard button{align-self:flex-start;margin-top:auto}.beauticianCard{align-items:center;gap:14px;padding:12px;display:flex}.beauticianCard img{object-fit:cover;background:var(--soft-pink);border-radius:18px;width:96px;height:108px}.beauticianCard span{color:#a5766e;align-items:center;gap:6px;margin:9px 0;font-weight:900;display:inline-flex}.badges,.timeline{flex-wrap:wrap;gap:9px;display:flex}.badges span,.timeline span,.bookingCard span{border:1px solid var(--line);color:var(--deep-mocha);background:#fff6f2;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-weight:900;display:inline-flex}.track{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:18px;display:grid}.bookingCard{margin:10px 0;padding:16px}.bookingCard>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.empty{color:var(--soft-mocha);border:1px dashed var(--line);background:#fffaf7;border-radius:20px;padding:20px}.profile{background:linear-gradient(135deg,#fff,#fff7f4)}.siteFooter{width:var(--container);border-top:1px solid var(--line);color:var(--deep-mocha);grid-template-columns:repeat(4,1fr);gap:22px;margin:30px auto 0;padding:24px 0;display:grid}.siteFooter h4{margin:0 0 10px}.siteFooter button{text-align:right;color:var(--soft-mocha);background:0 0;padding:5px 0;display:block}.siteFooter p{text-align:center;color:var(--soft-mocha);border-top:1px solid var(--line);grid-column:1/-1;padding-top:14px}.phoneMaskInput{text-align:left;letter-spacing:.08em;font-variant-numeric:tabular-nums;direction:ltr}@media (width<=1050px){.siteHeader{border-radius:28px;grid-template-columns:1fr;position:relative;top:0}.brandBlock{justify-content:center}.headerActions{display:none}.customerAccessHead,.signedInBox,.homeShowcase,.bookingHero,.quickLogin,.inlineAuth,.dashStats,.portfolioGrid.compact,.beauticianGrid.compact{grid-template-columns:1fr}.bookingGrid,.bookingSteps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){:root{--container:min(100% - 20px, 1120px)}.hero{border-radius:30px;min-height:390px}.heroText{width:100%;padding:28px 22px}.topNav{justify-content:flex-start}.topNav button{min-width:100px}.panel,.customerAccess,.profile{border-radius:22px;padding:16px}.sectionTitle{flex-direction:column;align-items:flex-start}.bookingGrid,.bookingSteps,.track,.siteFooter{grid-template-columns:1fr!important}.bookingGrid .wide{grid-column:auto}.beauticianCard{flex-direction:column;align-items:stretch}.beauticianCard img{width:100%;height:190px}.portfolioCard img{height:145px}}.app{--rose-gold:var(--brand-primary,#ec4899);--soft-pink:color-mix(in srgb, var(--brand-primary,#ec4899) 20%, #fff 80%);--cream-gold:var(--brand-accent,#3b82f6);background:var(--brand-secondary,transparent)}.brandMark img{object-fit:cover;border-radius:50%;width:100%;height:100%}.brandBlock small{color:var(--soft-mocha);margin-top:3px;font-size:11px;font-weight:700;display:block}.hero{background-position:50%;background-size:cover}.primary,.submit{background:linear-gradient(135deg, var(--brand-primary,#ec4899), var(--brand-accent,#3b82f6))}html{background:var(--mv-blush)}body{color:var(--mv-text);font-family:Tajawal,Cairo,Almarai,Segoe UI,Tahoma,Arial,sans-serif;background:radial-gradient(circle at 8% 0,#ec489933,#0000 30%),radial-gradient(circle at 92% 8%,#3b82f62e,#0000 28%),linear-gradient(#fff7fc 0%,#f7f5ff 48%,#fff 100%)!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #22d3ee7a}.siteHeader{color:#f8fafc;box-shadow:0 22px 58px #080b183d;background:#080b18db!important;border-color:#ffffff47!important}.brandBlock b,.topNav button.active,.headerActions svg{color:#f8fafc!important}.brandBlock small,.topNav button small{color:#f8fafca8!important}.brandMark,.statIcon,.categoryCard span{background:var(--mv-gradient)!important;color:#fff!important;border-color:#ffffff3d!important}.topNav button{border:1px solid #0000;grid-template-rows:20px 18px;min-height:50px;color:#f8fafcc2!important}.topNav button small{display:none!important}.topNav button:hover{background:#ffffff14;color:#fff!important}.topNav button.active{background:var(--mv-gradient)!important;box-shadow:0 12px 26px #8b5cf652!important}.hero{border:1px solid #ffffff29;background:linear-gradient(90deg,#080b18eb,#0e122494 48%,#080b18d1),radial-gradient(circle at 78% 18%,#22d3ee4d,#0000 28%),radial-gradient(circle at 22% 20%,#ec489961,#0000 32%),url(/assets/customer-beauty-hero.png) 50%/cover!important;box-shadow:0 28px 80px #080b1847!important}.hero:after{border-color:#ffffff2e}.heroText span,.eyebrow{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f8fafc!important;background:#ffffff1a!important;border-color:#ffffff2e!important}.heroText h1{letter-spacing:0}.heroText p{color:#f8fafcd1!important}.primary,.submit,button.primary,.mode.active{background:var(--mv-gradient)!important;color:#fff!important;border-color:#0000!important;box-shadow:0 16px 34px #8b5cf64d!important}.mode,.guestBtn,.quickLogin button,.signedInActions button,.linkBtn,.portfolioCard button,.beauticianCard button{color:var(--mv-violet)!important;background:#fff!important;border:1px solid #8b5cf62e!important;box-shadow:0 10px 24px #0f172a14!important}.panel,.profile,.customerAccess,.stat,.homeWelcome,.miniFeature,.categoryCard,.bookingCard,.portfolioCard,.beauticianCard{border-radius:var(--radius-lg)!important;background:#fffffff0!important;border-color:#8b5cf629!important;box-shadow:0 16px 42px #0f172a1a!important}.customerAccess,.homeWelcome{background:linear-gradient(135deg,#fffffff5,#f7f5ffe0),radial-gradient(circle at 10% 0,#ec48991f,#0000 34%)!important}.panel h2,.profile h2,.homeWelcome h2,.customerAccess h2,.sectionTitle h2{letter-spacing:0;color:var(--mv-text)!important}.customerAccess p,.panel p,.sectionTitle small,.portfolioCard small,.portfolioCard p,.beauticianCard p,.empty,.siteFooter,.siteFooter button,.siteFooter p{color:var(--mv-muted)!important}input,select,textarea,.phoneMaskInput{box-shadow:inset 0 1px #ffffffd1;color:var(--mv-text)!important;background:#fff!important;border-color:#8b5cf633!important;border-radius:16px!important}input:focus,select:focus,textarea:focus{border-color:var(--mv-violet)!important;box-shadow:0 0 0 4px #8b5cf624!important}.field span{color:#334155!important}.badges span,.timeline span,.bookingCard span{color:#5b21b6!important;background:#f7f5ff!important;border-color:#8b5cf633!important;border-radius:999px!important}.siteFooter{border-color:#8b5cf629!important}@media (width<=760px){.siteHeader{gap:14px;width:min(100% - 20px,430px);padding:14px;position:sticky;top:8px;background:#080b18f0!important}.brandBlock{justify-content:center}.topNav{background:#ffffff14;border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;padding:6px;display:grid;overflow:visible}.topNav button{border-radius:18px;grid-template-rows:26px auto;width:100%;min-width:0;min-height:74px;padding:8px 4px}.topNav button svg{width:24px;height:24px}.topNav button span{white-space:normal;text-align:center;direction:rtl;max-width:100%;font-family:inherit;font-size:10px;line-height:1.2;overflow:visible}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.siteHeader,.topNav button,.brandBlock b,.brandBlock small{letter-spacing:0}.topNav button span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.brandBlock>div:last-child{min-width:0}.brandBlock b,.brandBlock small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=760px){.siteHeader{box-shadow:0 18px 44px #080b1838}.headerActions{display:none}.topNav button{min-height:66px}}