:root{font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#f7f1e8;background:#0c1115;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 15% 8%,rgba(244,199,107,.16),transparent 27%),radial-gradient(circle at 82% 18%,rgba(72,214,168,.11),transparent 24%),linear-gradient(145deg,#0b1114,#13181d 52%,#090c0f)}button{font:inherit}.app-shell{min-height:100vh;padding:18px}.demo-switcher{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0c1115d1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 70px #00000057}.switcher-left,.switcher-tabs,.topbar-actions,.brand-lockup,.primary-button,.ghost-button,.export-button,.icon-button,.search-box{display:flex;align-items:center}.switcher-left{gap:9px;color:#f4c76b;font-weight:800;white-space:nowrap}.switcher-tabs{gap:8px;padding:5px;border-radius:8px;background:#ffffff0f}.switcher-tabs button,.export-button,.ghost-button,.icon-button,.primary-button{border:0;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.switcher-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border-radius:7px;color:#b9c4c1;background:transparent}.switcher-tabs button.active{color:#101418;background:#f4c76b;font-weight:800}.export-button,.ghost-button{gap:7px;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#f7f1e8;background:#ffffff12}.primary-button{justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:7px;color:#101418;background:linear-gradient(135deg,#f4c76b,#ff9f6e);font-weight:900;box-shadow:0 14px 36px #f4c76b38}.primary-button.full{width:100%}.icon-button{justify-content:center;width:42px;height:42px;border-radius:7px;color:#f7f1e8;background:#ffffff14}button:hover{transform:translateY(-1px)}.admin-grid{display:grid;grid-template-columns:272px minmax(0,1fr);gap:18px;margin-top:18px}.sidebar{position:sticky;top:98px;height:calc(100vh - 116px);padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0e1418d1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-lockup{gap:11px}.brand-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;color:#101418;background:linear-gradient(135deg,#f4c76b,#48d6a8);font-size:22px;font-weight:950}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:17px}.brand-lockup span{margin-top:2px;color:#899694;font-size:12px}.sidebar nav{display:grid;gap:7px;margin-top:28px}.nav-item{display:flex;align-items:center;gap:10px;min-height:43px;padding:0 12px;border:1px solid transparent;border-radius:7px;color:#b9c4c1;background:transparent;text-align:left}.nav-item.current{color:#f7f1e8;border-color:#f4c76b47;background:#f4c76b1a}.tenant-card{position:absolute;right:18px;bottom:18px;left:18px;display:grid;gap:8px;padding:14px;border:1px solid rgba(72,214,168,.2);border-radius:8px;background:#48d6a814}.tenant-card span{color:#98aaa6;font-size:13px;line-height:1.55}.admin-main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.topbar p,.hero-copy p,.section-title span,.detail-list dt,.mobile-card p,.staff-hero p{margin:0;color:#95a29f}.topbar h1{margin:4px 0 0;font-size:clamp(28px,4vw,48px);letter-spacing:0}.topbar-actions{gap:10px}.search-box{gap:8px;width:268px;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#8f9c99;background:#ffffff0f}.hero-panel,.panel{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0e;box-shadow:0 20px 80px #0000002e}.hero-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:18px;padding:22px;overflow:hidden}.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;color:#101418;background:#48d6a8;font-weight:900}.hero-copy h2{max-width:900px;margin:18px 0 12px;font-size:clamp(26px,3.5vw,52px);line-height:1.05;letter-spacing:0}.hero-copy p{max-width:720px;line-height:1.8}.hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{min-height:146px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#080c0f94}.stat-card span,.stat-card em{display:block;color:#94a09d;font-style:normal}.stat-card strong{display:block;margin:16px 0 7px;font-size:34px}.stat-card.gold svg{color:#f4c76b}.stat-card.blue svg{color:#65a7ff}.stat-card.mint svg{color:#48d6a8}.stat-card.coral svg{color:#ff6b5f}.content-grid{display:grid;grid-template-columns:minmax(430px,1.35fr) minmax(310px,.85fr) minmax(310px,.85fr);gap:18px;margin-top:18px}.panel{min-width:0;padding:18px}.schedule-panel,.member-panel{grid-row:span 2}.ops-panel{grid-column:span 2}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.section-title h2{margin:4px 0 0;font-size:21px;letter-spacing:0}.section-title.compact{margin-bottom:12px}.timeline{display:grid;gap:10px}.appointment-row{display:grid;grid-template-columns:58px minmax(0,1fr) 92px 82px;align-items:center;gap:12px;width:100%;min-height:74px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#f7f1e8;background:#ffffff0b;text-align:left}.appointment-row.selected{border-color:#f4c76b7a;background:#f4c76b1c}.appointment-row time{color:#f4c76b;font-weight:900}.appointment-row span,.staff-row span,.service-carousel span,.stylist-picks span,.booking-summary span,.member-card span{display:block;margin-top:4px;color:#96a19e;font-size:13px}.status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:999px;font-size:12px;font-style:normal;font-weight:900;white-space:nowrap}.status.waiting{color:#65a7ff;background:#65a7ff21}.status.active{color:#48d6a8;background:#48d6a824}.status.done{color:#f4c76b;background:#f4c76b24}.status.risk{color:#ff8f84;background:#ff6b5f26}.customer-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:8px;background:#00000038}.avatar-badge{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;color:#101418;background:#f4c76b;font-size:22px;font-weight:950}.customer-card h3{margin:0}.customer-card p{margin:5px 0 0;color:#99a5a2}.detail-list{display:grid;gap:10px;margin:16px 0}.detail-list div,.receipt-box div,.inventory-list div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08)}.detail-list dd{margin:0;text-align:right}.status-actions,.pay-methods,.slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.status-actions button,.pay-methods button,.slot-grid button{min-height:38px;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#f7f1e8;background:#ffffff0f;cursor:pointer}.pay-methods button.active,.slot-grid button.active{color:#101418;background:#48d6a8;font-weight:900}.receipt-total{color:#f4c76b;font-size:22px}.commission-strip,.booking-summary,.note-box{display:flex;gap:10px;margin-top:14px;padding:12px;border-radius:8px;color:#d9e4df;background:#48d6a817}.member-list{display:grid;gap:12px}.member-list article{padding:14px;border-radius:8px;background:#ffffff0e}.member-list article p{margin:10px 0;color:#dce8e3}.member-list footer{display:flex;flex-wrap:wrap;gap:7px}.member-list em{padding:5px 8px;border-radius:999px;color:#f4c76b;background:#f4c76b1c;font-size:12px;font-style:normal}.staff-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.staff-row img,.stylist-picks img{width:44px;height:44px;border-radius:50%;object-fit:cover}.staff-row b,.danger{color:#ff8f84}.bar-chart{display:grid;grid-template-columns:repeat(9,1fr);align-items:end;gap:8px;height:170px;margin-top:14px;padding-top:12px}.bar-chart div{display:grid;align-items:end;gap:8px;height:100%;text-align:center}.bar-chart i{display:block;min-height:18px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#48d6a8,#65a7ff)}.bar-chart span{color:#8e9b98;font-size:12px}.phone-stage{display:grid;place-items:start center;min-height:calc(100vh - 98px);margin-top:18px;padding:30px 12px}.phone-shell{width:min(430px,100%);min-height:780px;max-height:none;overflow:hidden;border:10px solid #050708;border-radius:36px;background:#101418;box-shadow:0 34px 110px #00000073}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:18px}.staff-hero{margin:0 18px 14px;padding:20px;border-radius:8px;color:#101418;background:linear-gradient(135deg,#f4c76b,#48d6a8)}.staff-hero strong{display:block;margin:6px 0;font-size:48px;line-height:1}.staff-hero span{color:#101418bd;font-weight:800}.mobile-card{margin:14px 18px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0e}.mobile-card h3{margin:4px 0;font-size:26px}.note-box{display:block;line-height:1.55}.mobile-list-row{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.mobile-list-row time{color:#f4c76b;font-weight:900}.mobile-list-row span{display:block;color:#98a4a1;font-size:13px}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 18px 22px}.task-grid article{display:grid;gap:6px;padding:14px 10px;border-radius:8px;background:#fff1}.task-grid strong{font-size:22px}.task-grid span{color:#94a09d;font-size:12px}.member-phone{background:#f8f4ee;color:#18201f}.member-hero{min-height:300px;background:linear-gradient(180deg,#0000001a,#000000c7),url(https://images.unsplash.com/photo-1633681926035-ec1ac984418a?auto=format&fit=crop&w=900&q=80) center/cover}.member-hero-overlay{display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;padding:18px;color:#fff}.member-hero h1{margin:38px 0 6px;font-size:42px}.member-hero p{margin:0;color:#ffffffc7}.queue-card{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding:12px;border-radius:8px;color:#18201f;background:#ffffffe6}.queue-card span,.queue-card em{color:#60706c;font-size:12px;font-style:normal}.member-phone .mobile-card{border-color:#18201f14;background:#fff;box-shadow:0 16px 38px #1e262314}.member-phone .section-title span,.member-phone .mobile-card p,.member-phone .service-carousel span,.member-phone .stylist-picks span,.member-phone .booking-summary span,.member-phone .member-card span{color:#66736f}.service-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:168px;gap:12px;overflow-x:auto;padding-bottom:3px}.service-carousel button{padding:0;overflow:hidden;border:1px solid rgba(24,32,31,.08);border-radius:8px;background:#f8f4ee;text-align:left;cursor:pointer}.service-carousel button.active,.stylist-picks button.active{border-color:#101418;box-shadow:0 0 0 2px #f4c76b inset}.service-carousel img{width:100%;height:106px;object-fit:cover}.service-carousel strong,.service-carousel span{padding:0 10px}.service-carousel strong{display:block;margin-top:10px}.service-carousel span{margin-bottom:12px}.stylist-picks{display:grid;gap:9px}.stylist-picks button{display:flex;align-items:center;gap:10px;min-height:68px;padding:10px;border:1px solid rgba(24,32,31,.08);border-radius:8px;color:#18201f;background:#f8f4ee;text-align:left;cursor:pointer}.stylist-picks span{display:flex;align-items:center;gap:4px}.slot-grid{grid-template-columns:repeat(3,1fr)}.member-phone .slot-grid button{color:#18201f;border-color:#18201f1f;background:#f8f4ee}.member-phone .slot-grid button.active{color:#101418;background:#f4c76b}.member-phone .booking-summary{color:#18201f;background:#eef9f4}.member-card{display:flex;align-items:center;justify-content:space-between;margin:14px 18px 22px;padding:16px;border-radius:8px;color:#101418;background:linear-gradient(135deg,#f4c76b,#ffcfb4)}.member-card strong{display:block;margin-top:4px}@media(max-width:1180px){.admin-grid{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.tenant-card{position:static;margin-top:18px}.hero-panel,.content-grid{grid-template-columns:1fr}.schedule-panel,.member-panel,.ops-panel{grid-column:auto;grid-row:auto}}@media(max-width:760px){.app-shell{padding:10px}.demo-switcher,.topbar,.topbar-actions{align-items:stretch;flex-direction:column}.switcher-tabs{display:grid;grid-template-columns:1fr}.export-button,.search-box,.primary-button{width:100%}.sidebar nav{grid-template-columns:1fr 1fr}.hero-panel{padding:16px}.hero-metrics{grid-template-columns:1fr}.appointment-row{grid-template-columns:48px minmax(0,1fr)}.appointment-row b,.appointment-row em{justify-self:start}.phone-stage{padding:12px 0}.phone-shell{border-width:5px;border-radius:22px}}.member-web{min-height:calc(100vh - 98px);margin-top:18px;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;color:#18201f;background:radial-gradient(circle at 12% 6%,rgba(244,199,107,.32),transparent 26%),radial-gradient(circle at 86% 14%,rgba(72,214,168,.18),transparent 24%),#f8f4ee}.member-web-nav{position:sticky;top:80px;z-index:10;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 22px;border-bottom:1px solid rgba(24,32,31,.08);background:#f8f4eee0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.member-web-nav>*{min-width:0}.member-web-nav .brand-logo{color:#101418}.member-web-nav .brand-lockup strong,.member-web-nav .brand-lockup span{color:#18201f}.member-web-nav nav{display:flex;justify-content:center;gap:7px;min-width:0}.member-web-nav nav button,.member-login-button,.member-back,.member-primary,.member-secondary,.member-web-panel .section-title button,.catalog-actions button,.member-stylist-grid button,.appointment-cards button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:0;border-radius:7px;cursor:pointer}.member-web-nav nav button{padding:0 12px;color:#52605c;background:transparent}.member-web-nav nav button.active{color:#101418;background:#f4c76b;font-weight:900}.member-login-button,.member-back,.member-secondary,.member-web-panel .section-title button,.catalog-actions button:first-child,.member-stylist-grid button,.appointment-cards button{padding:0 13px;color:#18201f;border:1px solid rgba(24,32,31,.12);background:#fff}.member-primary{padding:0 18px;color:#101418;background:linear-gradient(135deg,#f4c76b,#ff9f6e);font-weight:950;box-shadow:0 18px 40px #f4c76b40}.member-web-main{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:32px 0 42px}.member-web-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:28px;align-items:center;min-height:520px}.member-hero-text h1{margin:18px 0 14px;color:#101418;font-size:clamp(46px,8vw,92px);line-height:.96;letter-spacing:0}.member-hero-text p{max-width:720px;margin:0;color:#52605c;font-size:18px;line-height:1.8}.member-hero-actions,.success-actions,.catalog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.member-hero-card{overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#f4c76b2e,#48d6a833),#fff;box-shadow:0 26px 70px #18201f29}.member-hero-card img{width:100%;height:390px;object-fit:cover;background:linear-gradient(135deg,#efe8dc,#dcefe7)}.member-store-strip{display:grid;gap:9px;padding:16px}.member-store-strip span{display:flex;align-items:center;gap:8px;color:#52605c}.member-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.member-quick-grid button{display:grid;gap:8px;min-height:132px;padding:18px;border:1px solid rgba(24,32,31,.08);border-radius:8px;color:#18201f;background:#fff;text-align:left;cursor:pointer;box-shadow:0 16px 34px #18201f12}.member-quick-grid svg{color:#48a886}.member-quick-grid strong{font-size:20px}.member-quick-grid span,.member-catalog-card span,.member-catalog-card p,.member-catalog-card em,.member-stylist-grid span,.member-stylist-grid p,.member-detail-hero p,.booking-choice-list em,.booking-confirm-card span,.appointment-cards p,.coupon-row span,.hair-record-grid span,.hair-record-grid p,.profile-card p,.profile-list dt{color:#64716e}.member-two-col,.membership-layout,.profile-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px}.member-web-panel,.member-catalog-card,.member-stylist-grid article,.appointment-cards article,.hair-record-grid article,.profile-card{border:1px solid rgba(24,32,31,.08);border-radius:8px;background:#fff;box-shadow:0 18px 48px #18201f14}.member-web-panel{padding:18px}.member-web-panel .section-title h2,.member-web-main .section-title h2{color:#18201f}.member-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.member-service-grid article{overflow:hidden;border-radius:8px;background:#f8f4ee;cursor:pointer}.member-service-grid img{width:100%;height:150px;object-fit:cover;background:linear-gradient(135deg,#efe8dc,#dcefe7)}.member-service-grid div{padding:12px}.member-service-grid span,.member-service-grid p{display:block;margin-top:6px;color:#687571}.queue-dashboard{display:grid;gap:12px}.queue-dashboard strong{font-size:42px}.queue-dashboard div{height:10px;overflow:hidden;border-radius:999px;background:#edf0ed}.queue-dashboard i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#48d6a8,#f4c76b)}.member-back{margin-bottom:18px}.member-catalog-grid,.member-stylist-grid,.appointment-cards,.hair-record-grid{display:grid;gap:16px}.member-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-catalog-card{display:grid;grid-template-columns:220px minmax(0,1fr);overflow:hidden}.member-catalog-card img{width:100%;height:100%;min-height:250px;object-fit:cover;background:linear-gradient(135deg,#efe8dc,#dcefe7)}.member-catalog-card>div{display:grid;align-content:start;gap:10px;padding:18px}.member-catalog-card h3,.member-stylist-grid h3,.hair-record-grid h3{margin:0;color:#18201f;font-size:24px}.member-catalog-card p,.member-stylist-grid p,.hair-record-grid p{margin:0;line-height:1.55}.member-catalog-card footer{display:flex;align-items:center;justify-content:space-between;color:#18201f}.member-catalog-card footer strong{font-size:28px}.catalog-actions button:last-child{flex:1;color:#101418;background:#48d6a8;font-weight:900}.member-detail-hero,.stylist-detail{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1fr);gap:28px;align-items:center;padding:24px;border-radius:8px;background:#fff}.member-detail-hero>img,.stylist-detail>img{width:100%;height:520px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#efe8dc,#dcefe7)}.member-detail-hero h1,.stylist-detail h1,.success-page h1{margin:8px 0 12px;color:#101418;font-size:clamp(36px,5vw,68px);line-height:1}.member-detail-hero dl,.profile-list{display:grid;gap:10px;margin:20px 0}.member-detail-hero dl div,.profile-list div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(24,32,31,.08)}.member-detail-hero dd,.profile-list dd{margin:0;font-weight:900}.member-stylist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.member-stylist-grid article{overflow:hidden}.member-stylist-grid img{width:100%;height:260px;object-fit:cover;background:linear-gradient(135deg,#efe8dc,#dcefe7)}.member-stylist-grid article>div{display:grid;gap:9px;padding:15px}.member-stylist-grid footer{display:flex;align-items:center;gap:6px;color:#48a886}.portfolio-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.portfolio-strip img{width:100%;height:130px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#efe8dc,#dcefe7)}.booking-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(280px,.8fr) minmax(320px,1fr);gap:16px}.booking-choice-list{display:grid;gap:10px}.booking-choice-list button{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:10px;padding:8px;border:1px solid rgba(24,32,31,.1);border-radius:8px;color:#18201f;background:#f8f4ee;text-align:left;cursor:pointer}.booking-choice-list.compact button{grid-template-columns:54px minmax(0,1fr)}.booking-choice-list button.active{border-color:#101418;box-shadow:0 0 0 2px #f4c76b inset}.booking-choice-list img{width:100%;height:64px;border-radius:7px;object-fit:cover}.booking-choice-list.compact img{height:54px;border-radius:50%}.booking-choice-list strong,.booking-choice-list em{display:block;font-style:normal}.date-tabs,.member-slots{display:grid;gap:9px}.date-tabs{grid-template-columns:repeat(5,1fr);margin-bottom:12px}.date-tabs button{min-height:40px;border:1px solid rgba(24,32,31,.12);border-radius:7px;color:#18201f;background:#f8f4ee;cursor:pointer}.date-tabs button.active,.member-slots button.active{color:#101418;background:#f4c76b;font-weight:900}.member-slots button{color:#18201f;border-color:#18201f1f;background:#f8f4ee}.booking-summary-panel textarea{width:100%;min-height:94px;margin:14px 0;padding:12px;border:1px solid rgba(24,32,31,.12);border-radius:8px;resize:vertical;font:inherit}.booking-confirm-card{display:grid;gap:4px;margin-bottom:14px;padding:14px;border-radius:8px;background:#eef9f4}.success-page{display:grid;place-items:center;min-height:620px;text-align:center}.success-page svg{color:#48a886}.success-page p{margin:0;color:#52605c;font-size:20px}.success-note{color:#48a886;font-weight:900}.appointment-cards article{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:16px}.appointment-cards h3{margin:4px 0}.appointment-cards strong{font-size:22px}.big-member-card{min-height:320px;padding:28px;border-radius:8px;color:#101418;background:linear-gradient(135deg,#f4c76beb,#ff9f6ed1),radial-gradient(circle at 86% 16%,rgba(255,255,255,.42),transparent 24%);box-shadow:0 28px 70px #f4c76b42}.big-member-card span{font-weight:950}.big-member-card h1{margin:90px 0 12px;font-size:clamp(36px,6vw,68px)}.coupon-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(24,32,31,.08)}.coupon-row b{font-size:22px;color:#ff6b5f}.hair-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hair-record-grid article{overflow:hidden}.hair-record-grid img{width:100%;height:300px;object-fit:cover;background:linear-gradient(135deg,#efe8dc,#dcefe7)}.hair-record-grid article>div{padding:18px}.profile-card{display:grid;justify-items:start;gap:12px;padding:24px}.profile-card h1{margin:0;color:#101418}.member-login-page{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:24px;width:min(1100px,calc(100% - 36px));min-height:calc(100vh - 140px);margin:0 auto;padding:44px 0;align-items:center}.member-login-art,.member-login-form{border-radius:8px;background:#fff;box-shadow:0 24px 70px #18201f1f}.member-login-art{min-height:560px;padding:28px;color:#fff;background:linear-gradient(180deg,#1014181f,#101418db),url(https://images.unsplash.com/photo-1600948836101-f9ffda59d250?auto=format&fit=crop&w=1200&q=80) center/cover}.member-login-art .brand-lockup strong,.member-login-art .brand-lockup span{color:#fff}.member-login-art h1{max-width:640px;margin:260px 0 12px;font-size:clamp(38px,6vw,72px);line-height:1}.member-login-art p{max-width:560px;color:#ffffffc7;line-height:1.75}.login-perks{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.login-perks span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:#ffffff29}.member-login-form{display:grid;gap:16px;padding:26px}.member-login-form>span{color:#48a886;font-weight:950}.member-login-form h2{margin:0;color:#101418;font-size:34px}.member-login-form label{display:grid;gap:7px;color:#52605c;font-weight:800}.member-login-form input{width:100%;min-height:46px;padding:0 12px;border:1px solid rgba(24,32,31,.13);border-radius:7px;font:inherit}.code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.code-row button{min-height:46px;padding:0 12px;border:0;border-radius:7px;color:#101418;background:#f4c76b;font-weight:900;cursor:pointer}@media(max-width:1180px){.member-web-nav{grid-template-columns:1fr}.member-web-nav nav{justify-content:start;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.member-web-nav nav::-webkit-scrollbar{display:none}.member-web-hero,.member-two-col,.membership-layout,.profile-layout,.booking-layout,.member-login-page,.member-detail-hero,.stylist-detail{grid-template-columns:1fr}.member-stylist-grid,.member-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.member-web{margin-top:10px}.member-web-nav{top:0;padding:12px}.member-web-nav nav button{flex:0 0 auto}.member-login-button{width:100%}.member-web-main,.member-login-page{width:min(100% - 20px,1180px);padding:22px 0 30px}.member-web-hero{min-height:0}.member-hero-card img,.member-detail-hero>img,.stylist-detail>img{height:320px}.member-quick-grid,.member-service-grid,.member-catalog-grid,.member-stylist-grid,.hair-record-grid,.member-catalog-card{grid-template-columns:1fr}.member-catalog-card img{min-height:220px}.appointment-cards article{grid-template-columns:1fr;justify-items:start}.date-tabs{grid-template-columns:repeat(3,1fr)}.member-login-art{min-height:420px}.member-login-art h1{margin-top:150px}}