:root{--bg:#fffaf9;--paper:#fff;--soft:#fbf0f1;--soft2:#fff3f3;--blush:#f2dfe3;--rose:#bb7184;--roseDark:#965567;--ink:#45363d;--muted:#907e83;--line:#eadfdf;--success:#507c69;--warn:#be8452;--shadow:0 12px 36px rgba(94,49,64,.075);--radius:20px;--font:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #cc9ea9;outline-offset:3px}img{max-width:100%}.serif{font-family:Georgia,'Times New Roman',serif;letter-spacing:.02em}.overline{font-size:10px;letter-spacing:.25em;font-weight:700;text-transform:uppercase;color:var(--rose)}.muted{color:var(--muted)}.tiny{font-size:12px}.small{font-size:13px}.strong{font-weight:700}.spaced{letter-spacing:.09em}.wide{width:100%}.hidden{display:none!important}.flex{display:flex}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.flex-end{display:flex;justify-content:flex-end;gap:9px}.center{text-align:center}.stack{display:grid;gap:14px}.divider{height:1px;background:var(--line);margin:20px 0}.chip{font-size:11px;border-radius:999px;background:var(--soft);padding:5px 10px;color:var(--roseDark);white-space:nowrap}.chip.green{background:#e9f4ef;color:var(--success)}.chip.grey{background:#f4f0ef;color:#877f81}.chip.orange{background:#fcf3e7;color:#a37347}.pill{border:1px solid var(--line);border-radius:99px;padding:4px 11px;font-size:11px;color:var(--muted)}
.site-header{height:84px;border-bottom:1px solid #efe6e6;background:rgba(255,250,249,.94);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.header-inner{height:100%;max-width:1180px;margin:auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;line-height:1.15}.brand-mark{width:43px;height:43px;border:1px solid #ce9ca9;border-radius:50% 50% 45% 45%;display:grid;place-items:center;color:var(--rose);font-size:25px;background:#fff7f6}.brand-name{font-family:Georgia,'Times New Roman',serif;font-weight:600;font-size:19px;letter-spacing:.09em}.brand-sub{font-size:9px;color:var(--rose);letter-spacing:.28em;margin-top:5px}.header-links{display:flex;gap:29px;align-items:center;font-size:13px;color:#75646a}.header-links a:hover{color:var(--rose)}.demo-ribbon{background:#f3e6e7;color:#815e69;text-align:center;padding:7px 15px;font-size:11px;letter-spacing:.02em}
.btn{border:0;background:var(--rose);color:#fff;border-radius:11px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;min-height:44px;transition:transform .18s,background .18s}.btn:hover:not(:disabled){transform:translateY(-1px);background:var(--roseDark)}.btn-secondary{background:#fff;color:var(--roseDark);border:1px solid #d8bac3}.btn-secondary:hover:not(:disabled){background:var(--soft)}.btn-quiet{background:transparent;color:var(--roseDark);border:1px solid var(--line)}.btn-quiet:hover:not(:disabled){background:var(--soft)}.btn-danger{background:#a75f68}.btn-small{font-size:12px;min-height:34px;padding:7px 12px;border-radius:9px}.btn-icon{border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--ink);width:38px;height:38px;display:grid;place-items:center}.btn-icon:hover{background:var(--soft)}.text-btn{background:none;border:0;color:var(--roseDark);font-weight:650;padding:5px;text-align:left}.text-btn:hover{text-decoration:underline}.panel{background:var(--paper);border:1px solid #eee3e3;border-radius:var(--radius);box-shadow:var(--shadow)}.panel-pad{padding:28px}.input,.select,.textarea{border:1px solid #e5d7d9;border-radius:10px;padding:12px 13px;min-height:45px;width:100%;color:var(--ink);background:white;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--rose);box-shadow:0 0 0 3px #eddae077}.textarea{min-height:92px;resize:vertical}.label{font-size:12px;font-weight:700;color:#67515b;display:block;margin-bottom:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{min-width:0}.help{font-size:11px;color:var(--muted);margin-top:5px}.check-row{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#75656c;cursor:pointer}.check-row input{accent-color:var(--rose);margin-top:5px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}.section-head h2,.section-head h3{margin:0;line-height:1.3}.eyebrow{color:var(--rose);font-size:10px;letter-spacing:.27em;font-weight:800}.empty{text-align:center;padding:34px 17px;color:var(--muted);font-size:13px;background:#fffbfb;border-radius:12px;border:1px dashed #ead8dd}.empty svg{color:#d3a5b0;margin-bottom:9px}.toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,18px);padding:12px 22px;background:var(--ink);color:#fff;font-size:13px;border-radius:11px;opacity:0;pointer-events:none;z-index:999;box-shadow:var(--shadow);transition:all .2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#a85763}
/* Customer */
.customer-shell{max-width:1160px;margin:0 auto;padding:44px 28px 95px}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:340px;overflow:hidden;border-radius:25px;background:#f6e6e9;position:relative;margin-bottom:35px}.hero-left{padding:58px 52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:2}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4.5vw,59px);font-weight:400;line-height:1.18;letter-spacing:.025em;color:#5b3f4a;margin:14px 0}.hero-copy{font-size:13px;color:#846b73;max-width:380px;line-height:1.9}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative;background:radial-gradient(ellipse at 55% 45%,#fdf5f2 0%,#ecd6db 59%,#e6c4cf 100%);min-height:350px}.hero-oval{position:absolute;border-radius:50%;height:310px;width:245px;background:#f9eeec;box-shadow:0 20px 50px #ae788139;transform:rotate(20deg)}.hero-visual svg{position:relative;width:310px;max-width:86%;filter:drop-shadow(0 15px 14px #915d6133)}.hero-stamp{position:absolute;right:22px;bottom:19px;color:#a97685;font-family:Georgia,serif;font-size:14px;letter-spacing:.2em;opacity:.68}.booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:28px;align-items:start}.booking-main{min-width:0}.stepbar{display:flex;justify-content:space-between;gap:8px;margin-bottom:26px}.step{display:flex;align-items:center;gap:9px;flex:1;color:#aa959c;font-size:12px;position:relative}.step:not(:last-child)::after{content:'';flex:1;height:1px;background:#e6d3d8;margin-left:8px}.step-num{width:29px;height:29px;border:1px solid #d8c3ca;border-radius:50%;display:grid;place-items:center;flex:none;font-family:Georgia,serif;font-size:13px;background:#fff}.step.active .step-num,.step.done .step-num{background:var(--rose);color:#fff;border-color:var(--rose)}.step.active{color:var(--roseDark);font-weight:800}.step.done{color:#8e6872}.booking-card{padding:34px}.step-heading{font-family:Georgia,serif;font-size:29px;font-weight:400;letter-spacing:.025em;margin:6px 0 5px}.step-intro{font-size:12px;color:var(--muted);margin:0 0 25px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.select-card{border:1px solid #e7dadd;border-radius:15px;background:#fff;position:relative;text-align:left;padding:17px;min-height:152px;color:inherit;transition:all .18s}.select-card:hover,.slot:hover:not(:disabled),.addon-card:hover{border-color:#cd9ba9;background:#fff9fa}.select-card.selected,.addon-card.selected,.slot.selected{border-color:var(--rose);background:#fdf0f3;box-shadow:inset 0 0 0 1px var(--rose)}.choice-dot{position:absolute;left:14px;top:18px;width:14px;height:14px;border:1px solid #cdb1b9;border-radius:50%;background:#fff;display:grid;place-items:center}.selected .choice-dot{border-color:var(--rose);background:var(--rose)}.selected .choice-dot::after{content:'';width:5px;height:5px;border-radius:50%;background:#fff}.svc-visual{height:42px;width:58px;display:flex;align-items:center;justify-content:center;opacity:.85;margin:0 0 7px 22px}.svc-visual svg{width:62px;height:42px}.service-title{font-size:15px;font-weight:760;margin-left:22px}.service-en{font-size:9px;color:var(--rose);letter-spacing:.15em;margin-left:22px}.service-desc{font-size:11px;color:var(--muted);margin:7px 0 14px 22px}.service-meta{display:flex;justify-content:space-between;font-size:12px;padding-left:22px;font-weight:700}.service-meta span{font-weight:400;color:var(--muted)}.addon-list{display:grid;gap:10px}.addon-card{border:1px solid var(--line);border-radius:12px;padding:12px 15px 12px 46px;position:relative;display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff;cursor:pointer}.addon-card .choice-dot{top:calc(50% - 7px)}.addon-card strong{font-size:13px}.addon-card span{font-size:12px;color:var(--muted)}.subsection{margin:26px 0 12px;font-size:14px;font-weight:750}.booking-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:27px}.summary-box{padding:25px;position:sticky;top:108px;background:#fffdfc}.summary-box .serif{font-size:22px}.summary-line{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;color:#7b6e71;font-size:12px;margin-top:17px}.summary-line strong{color:var(--ink);font-size:12px;text-align:right}.summary-price{font-family:Georgia,serif;color:var(--roseDark);font-size:24px}.summary-tip{margin-top:19px;background:#fbf0f1;border-radius:12px;padding:14px;color:#907981;font-size:11px}.date-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.month-title{font:25px Georgia,serif}.date-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.date-btn{border:1px solid #eadede;background:white;border-radius:11px;padding:10px 3px;color:#594d50;min-height:79px}.date-btn .day-num{font:23px Georgia,serif;display:block;margin-top:5px}.date-btn .day-name{font-size:10px;color:var(--muted)}.date-btn.selected{background:var(--rose);color:white;border-color:var(--rose)}.date-btn.selected .day-name{color:#fff6f7}.date-btn.closed{opacity:.42}.slot-section{margin-top:19px}.slot-group-title{font-size:12px;color:#987b85;margin:18px 0 9px}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.slot{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 6px;color:var(--ink);font-size:13px}.slot.selected{font-weight:700;color:var(--roseDark)}.note-box{background:var(--soft2);border-radius:12px;padding:13px 15px;font-size:12px;color:#856a76;margin-top:20px}.confirmation{text-align:center;padding:15px 0 4px}.confirm-icon{width:70px;height:70px;border:1px solid #d9b3bf;border-radius:50%;color:var(--rose);display:grid;place-items:center;margin:0 auto 18px;background:var(--soft)}.booking-ref{font:25px Georgia,serif;letter-spacing:.09em;padding:15px;background:#fbf4f3;border-radius:11px;margin:20px 0}.manage-panel{max-width:640px;margin:0 auto}.footer{padding:55px 25px 35px;text-align:center;color:#9b858a;font-size:11px;letter-spacing:.07em}.customer-tabs{display:flex;gap:8px}.customer-tabs button{border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--muted);padding:8px 15px;font-size:12px}.customer-tabs button.active{background:var(--rose);color:#fff;border-color:var(--rose)}
/* Admin */
.admin-body{background:#faf7f7}.admin-app{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.admin-sidebar{background:#fff;border-right:1px solid #eee4e5;min-height:100vh;padding:28px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.admin-sidebar .brand-name{font-size:16px}.sidebar-divider{height:1px;background:var(--line);margin:28px 0 18px}.sidebar-links{display:grid;gap:9px}.nav-item{border:0;background:transparent;text-align:left;color:#8d7d81;padding:14px 17px;border-radius:12px;display:flex;align-items:center;gap:13px;font-weight:650;font-size:13px}.nav-item:hover{background:#fcf5f6}.nav-item.active{background:#f9ebee;color:var(--roseDark)}.sidebar-bottom{margin-top:auto;display:grid;gap:8px}.sidebar-bottom button{width:100%}.admin-main{width:100%;min-width:0}.admin-top{background:rgba(250,247,247,.95);z-index:30;position:sticky;top:0;backdrop-filter:blur(15px);border-bottom:1px solid #eee5e5;padding:18px clamp(20px,4vw,48px);display:flex;justify-content:space-between;align-items:center}.admin-greeting{font-size:11px;color:var(--muted)}.admin-name{font:24px Georgia,serif;line-height:1.3}.admin-top-actions{display:flex;align-items:center;gap:10px}.admin-content{max-width:1150px;margin:auto;padding:32px clamp(20px,4vw,48px) 85px}.admin-welcome{font:33px Georgia,serif;margin:4px 0 0;font-weight:400}.admin-lead{font-size:12px;color:var(--muted);margin-top:6px}.admin-section{margin-top:27px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}.metric{padding:22px 23px;background:#fff;border:1px solid #eee3e3;border-radius:17px}.metric .metric-label{color:var(--muted);font-size:12px}.metric .metric-number{font:33px Georgia,serif;margin-top:10px}.metric .metric-hint{font-size:11px;color:var(--rose);margin-top:5px}.grid-two{display:grid;grid-template-columns:1.35fr .9fr;gap:18px;align-items:start}.admin-card{background:#fff;border:1px solid #eee4e4;border-radius:18px;padding:22px;box-shadow:0 8px 22px #7b495512}.admin-card h3{font-size:16px;margin:0;font-weight:700}.admin-card .card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:9px}.booking-list{display:grid}.booking-row{display:flex;gap:15px;align-items:center;padding:17px 2px;border-top:1px solid #f0e7e7;cursor:pointer}.booking-row:first-child{border-top:0}.booking-row:hover{background:#fef9fa}.booking-time{font:18px Georgia,serif;min-width:57px}.booking-info{flex:1;min-width:0}.booking-info .name{font-size:13px;font-weight:750}.booking-info .desc{font-size:11px;color:var(--muted)}.avatar{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f0dce2;color:#925e6c;font-weight:750;font-size:12px}.avatar.alt{background:#eee7f4;color:#897296}.avatar.green{background:#e3eee9;color:#618777}.cal-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.cal-day{border:1px solid #eee2e5;border-radius:11px;background:#fff;min-height:86px;padding:11px 3px;text-align:center;color:#715f66}.cal-day .cal-date{font:25px Georgia,serif;display:block;line-height:1.5}.cal-day .cal-name{font-size:10px;color:#a38a91}.cal-day .cal-count{font-size:10px;color:var(--rose)}.cal-day.active{background:#f6e4e9;border-color:var(--rose)}.date-controls{display:flex;align-items:center;gap:8px}.searchbox{position:relative;max-width:420px}.searchbox svg{position:absolute;left:14px;top:12px;color:var(--muted)}.searchbox input{padding-left:43px}.customer-row{display:flex;align-items:center;gap:13px;padding:14px 3px;cursor:pointer;border-top:1px solid #f0e7e7}.customer-row:first-child{border:0}.customer-row:hover{background:#fdf7f8}.customer-name{font-weight:750;font-size:13px}.customer-meta{font-size:11px;color:var(--muted)}.profile-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.profile-stat div{background:#fff7f7;border-radius:11px;text-align:center;padding:12px 6px}.profile-stat b{font:25px Georgia,serif;display:block}.profile-stat span{font-size:10px;color:var(--muted)}.history-item{border-left:2px solid #e9ccd5;padding:5px 0 17px 18px;position:relative}.history-item:before{content:'';position:absolute;width:8px;height:8px;background:var(--rose);border:3px solid white;border-radius:50%;left:-6px;top:9px}.history-item .h-date{font-size:11px;color:var(--muted)}.history-item .h-title{font-size:13px;font-weight:750}.history-item .h-note{font-size:11px;color:#85747a;line-height:1.7}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:11px 0}.photo-item{position:relative;aspect-ratio:1;border-radius:9px;overflow:hidden;background:#f7e7ea}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-item button{position:absolute;right:4px;top:4px;border:0;border-radius:50%;background:#442d36aa;color:white;width:23px;height:23px}.upload-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--roseDark);cursor:pointer;border:1px dashed #d2a9b5;padding:7px 11px;border-radius:8px}.upload-label input{display:none}.follow-row{display:flex;align-items:center;gap:12px;border-top:1px solid #f0e7e7;padding:16px 0;flex-wrap:wrap}.follow-row:first-child{border:0}.follow-row .follow-content{flex:1;min-width:160px}.report-bars{display:flex;align-items:flex-end;height:172px;gap:10px;padding-top:20px;border-bottom:1px solid #eee3e5}.bar-slot{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:5px}.bar{width:100%;max-width:37px;min-height:3px;border-radius:7px 7px 0 0;background:linear-gradient(#c78a9a,#f0cbd5)}.bar-label{font-size:10px;color:var(--muted);white-space:nowrap;margin-bottom:-24px}.bar-value{font-size:10px;color:var(--muted)}.rank-row{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:12px}.rank-track{height:7px;background:#f6ebed;border-radius:9px;overflow:hidden;flex:1}.rank-fill{background:#c991a1;height:100%;border-radius:9px}.admin-bottom-nav{display:none}.mobile-admin-btn{display:none}
/* Drawers and modals */
.overlay{position:fixed;inset:0;background:#3c2a3270;z-index:100;display:flex;justify-content:flex-end;animation:fade .18s}.drawer{width:min(520px,100vw);height:100%;background:#fffaf9;overflow:auto;padding:27px;box-shadow:-20px 0 55px #422b322b}.drawer.large{width:min(620px,100vw)}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:22px}.drawer-head h2{font:27px Georgia,serif;margin:0}.drawer-section{margin:21px 0}.segmented{display:flex;gap:4px;border-radius:11px;background:#f4ecee;padding:4px}.segment{border:0;background:transparent;flex:1;padding:9px 5px;border-radius:8px;font-size:12px;color:var(--muted)}.segment.active{background:#fff;color:var(--roseDark);box-shadow:0 2px 6px #ad879028;font-weight:700}.modal-overlay{align-items:center;justify-content:center;padding:18px}.modal{width:min(450px,100%);border-radius:22px;background:#fff;padding:27px;max-height:88vh;overflow:auto;box-shadow:0 25px 70px #35222936}.modal h2{font:27px Georgia,serif;font-weight:400;margin:0}.settings-day-row{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee4e4}.settings-day-row input{accent-color:var(--rose)}.settings-day-row select,.settings-day-row input[type=time]{max-width:115px;font-size:12px}.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.timeline-hint{font-size:11px;color:var(--muted)}@keyframes fade{from{opacity:0}to{opacity:1}}
@media (max-width:1000px){.admin-app{grid-template-columns:195px minmax(0,1fr)}.admin-sidebar{padding:25px 12px}.admin-card{padding:19px}.grid-two{grid-template-columns:1fr}.booking-layout{grid-template-columns:minmax(0,1fr) 245px;gap:15px}.booking-card{padding:24px}.hero-left{padding:36px}}
@media (max-width:720px){.site-header{height:65px}.header-inner{padding:0 17px}.brand-mark{height:38px;width:38px;font-size:22px}.brand-name{font-size:16px}.brand-sub{font-size:8px}.header-links{gap:14px}.header-links .nav-book{display:none}.header-links a{font-size:11px}.customer-shell{padding:18px 13px 55px}.hero{grid-template-columns:1fr;min-height:unset;margin-bottom:20px;border-radius:19px}.hero-left{padding:28px 25px 22px}.hero h1{font-size:39px;margin:10px 0}.hero-visual{min-height:175px}.hero-visual svg{width:200px}.hero-oval{height:154px;width:155px}.hero-stamp{font-size:10px}.booking-layout{display:flex;flex-direction:column-reverse;gap:17px}.booking-main,.summary-box{width:100%}.summary-box{position:static;padding:18px}.summary-box .serif{font-size:17px}.summary-box .divider,.summary-box .summary-tip{display:none}.summary-box .summary-line{margin-top:7px}.booking-card{padding:20px 16px}.stepbar{margin:7px 0 17px;gap:3px}.step{gap:4px;font-size:10px}.step:not(:last-child)::after{margin-left:3px}.step-num{height:24px;width:24px}.step-heading{font-size:26px}.service-grid{gap:9px}.select-card{padding:12px 10px;min-height:153px}.select-card .choice-dot{left:9px;top:13px}.svc-visual{margin-left:17px}.service-title,.service-en,.service-desc{margin-left:17px}.service-title{font-size:13px}.service-desc{font-size:10px;min-height:39px}.service-meta{padding-left:0;font-size:11px}.date-list{gap:4px}.date-btn{min-height:69px}.date-btn .day-num{font-size:19px}.slot-grid{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:1fr}.footer{padding-top:32px}}
@media (max-width:760px){.admin-app{display:block}.admin-sidebar{display:none}.admin-main{padding-bottom:65px}.admin-top{padding:14px 17px;top:0}.admin-name{font-size:20px}.admin-greeting{font-size:10px}.admin-content{padding:23px 16px 75px}.admin-welcome{font-size:29px}.admin-top-actions .desktop-admin-btn{display:none}.mobile-admin-btn{display:inline-flex}.metric-row{gap:8px;margin:20px 0}.metric{padding:16px 10px;border-radius:14px}.metric .metric-label{font-size:10px}.metric .metric-number{font-size:27px}.metric .metric-hint{font-size:10px}.grid-two{grid-template-columns:1fr;gap:13px}.admin-card{padding:18px 16px}.cal-strip{gap:5px}.cal-day{min-height:75px;padding:8px 1px}.cal-day .cal-date{font-size:21px}.cal-day .cal-count{font-size:9px}.admin-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:74px;background:#fff;border-top:1px solid #eddee2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));z-index:65;box-shadow:0 -5px 25px #69475010;padding-bottom:env(safe-area-inset-bottom)}.bottom-tab{border:0;background:none;color:#a48c94;font-size:10px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px}.bottom-tab.active{color:var(--roseDark);font-weight:800}.bottom-tab.active svg{stroke-width:2.2}.drawer{padding:20px 17px 110px}.drawer-head h2{font-size:23px}}
@media (max-width:370px){.brand-sub{letter-spacing:.15em}.header-links{gap:8px}.service-title{font-size:12px}.service-meta{flex-wrap:wrap}.step{font-size:9px}.metric .metric-number{font-size:24px}}
/* V4 refinements: Yujian-inspired task-by-task flow and immediate My Booking entry */
.quick-entry{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 22px}
.quick-entry-card{display:flex;align-items:center;gap:15px;text-align:left;padding:18px 20px;border-radius:17px;border:1px solid #e7cdd4;cursor:pointer;min-height:88px;transition:background .18s,border-color .18s,transform .18s}
.quick-entry-card:hover{transform:translateY(-1px);border-color:var(--rose)}
.quick-entry-card .quick-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:13px;font:23px Georgia,serif}
.quick-entry-card>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.quick-entry-card strong{font-size:17px;line-height:1.2}.quick-entry-card small{font-size:11px;color:inherit;opacity:.7}
.quick-entry-card .quick-chevron{font-size:22px;color:inherit;align-self:center}
.quick-new{background:#b78292;color:#fff;border-color:#b78292}.quick-new .quick-icon{background:#ffffff2c}
.quick-mine{background:#fff;color:#785463}.quick-mine .quick-icon{background:#f7e9ec;color:#9c6777}
.customer-tabs{align-items:center}.customer-tabs-label{font-size:11px;color:var(--muted);margin-right:auto;letter-spacing:.05em}
.wizard-progress{width:100%;display:grid;gap:8px;padding:1px 0 4px}
.wizard-progress-label{font-size:12px;color:#927681;display:flex;justify-content:space-between;align-items:center}
.wizard-progress-label strong{font-weight:700;color:#ac6f80}
.wizard-track{height:5px;border-radius:30px;background:#eedfe3;overflow:hidden}
.wizard-track span{height:100%;display:block;border-radius:30px;background:#b78292;transition:width .25s}
.wizard-progress-title{font-size:11px;color:#876b74}
.date-selection-note,.time-day-summary{display:flex;align-items:center;gap:11px;background:#fdf2f4;color:#815b69;border-radius:12px;padding:14px;margin-top:16px;font-size:13px}
.time-day-summary{margin-top:0;margin-bottom:20px;background:#fcf5f6}
.time-day-summary>div{flex:1}.time-day-summary button{white-space:nowrap}
.slot{position:relative;text-align:left;padding-left:30px;min-height:49px}
.slot .choice-dot{top:calc(50% - 7px);left:10px}
.date-btn.selected{background:#f9e6eb;color:#754955;border-color:#bc8796;box-shadow:inset 0 0 0 1px #bc8796}
.date-btn.selected .day-name{color:#825767}
.review-list{display:grid;background:#fffaf9;border:1px solid #eee0e3;border-radius:13px;padding:3px 16px;margin:17px 0}
.review-list>div{display:flex;justify-content:space-between;gap:18px;padding:13px 1px;border-bottom:1px solid #efe3e5;font-size:12px}
.review-list>div:last-child{border-bottom:0}.review-list span{color:#97848a;flex-shrink:0}.review-list strong{color:#634b54;text-align:right;word-break:break-word;font-weight:650}
@media(max-width:720px){
 .quick-entry{gap:9px;margin-bottom:13px}.quick-entry-card{min-height:75px;gap:8px;padding:12px 10px;border-radius:14px}
 .quick-entry-card .quick-icon{width:32px;height:32px;font-size:17px;border-radius:10px}
 .quick-entry-card strong{font-size:14px}.quick-entry-card small{font-size:10px}.quick-entry-card .quick-chevron{font-size:16px}
 .hero-visual{min-height:100px}.hero-visual svg{width:150px}.hero-oval{height:95px;width:110px}.hero-stamp{font-size:8px}
 .hero-left{padding:19px 21px 15px}.hero h1{font-size:31px}.hero-copy{font-size:12px}
 .booking-layout{flex-direction:column}.booking-main{order:0}.summary-box{order:1}.stepbar{margin:0 0 13px}
 .customer-tabs-label{display:none}.customer-tabs button{flex:1}
 .booking-actions{gap:9px}.booking-actions>.btn{padding:10px 13px;font-size:12px}
 .review-list{padding:2px 12px}.review-list>div{gap:11px}
}
@media(max-width:370px){.quick-entry-card .quick-chevron{display:none}.quick-entry-card small{font-size:9px}}

.footer-admin-link{display:inline-block;margin-top:10px;text-decoration:underline;text-underline-offset:4px;color:#8d6574}
@media(max-width:720px){.header-links>a:last-child{display:none}.header-inner .brand-name{font-size:15px;letter-spacing:.035em;white-space:nowrap}.header-inner .brand-sub{white-space:nowrap;letter-spacing:.11em}.header-links{flex-shrink:0}.header-links a{white-space:nowrap}.section-head>.btn,.section-head>button{flex-shrink:0;white-space:nowrap}.section-head{align-items:flex-start}.admin-content .section-head .btn{font-size:11px;padding:9px 10px}}

/* V5 mobile overflow and slot-quota UI repairs */
html,body{width:100%;max-width:100%;overflow-x:clip}
.customer-shell,.booking-main,.booking-card,.admin-content,.admin-main,.admin-card,.drawer,.panel{min-width:0}
.form-field,.form-grid,.stack,.review-list,.history-item,.customer-row,.booking-row,.between,.admin-top-actions{min-width:0}
.input,.select,.textarea{max-width:100%;min-width:0}
.customer-note-field{width:100%;min-width:0;overflow-wrap:anywhere}
.customer-note-input{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;min-height:112px;resize:vertical}
.booking-actions{flex-wrap:wrap}.booking-actions>.btn{min-width:0;white-space:normal;text-align:center}
.review-list strong,.summary-line strong,.admin-card strong,.customer-meta,.note-box{overflow-wrap:anywhere;word-break:break-word}
.date-controls{min-width:0}.date-controls input[type=date]{min-width:0;max-width:143px}
.schedule-slot-line{padding:9px 0;border-bottom:1px solid var(--line)}
.schedule-slot-line .slot-time{font:19px Georgia,serif;font-weight:600;color:var(--roseDark)}
.slot-editor .schedule-toggle{font-size:14px;font-weight:750;align-items:center}
.slot-editor .schedule-toggle input{width:18px;height:18px;flex:none;margin:0}
.schedule-slot-inputs{margin-top:15px;display:grid;gap:10px}
.slot-edit-row{display:grid;grid-template-columns:minmax(60px,1fr) minmax(0,1.55fr);gap:15px;align-items:center}
.slot-edit-row .label{margin:0}.slot-edit-row .input{min-width:0}
.mobile-return-customer{display:none}
@media(max-width:760px){
  .mobile-return-customer{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:45;min-height:40px;padding:8px 17px;background:#f8e8ed;color:#835263;border-bottom:1px solid #ead0d8;font-size:12px;font-weight:750}
  .mobile-return-customer span{font-size:9px;letter-spacing:.1em;font-weight:500;opacity:.75}
  .admin-top{top:40px}
  .admin-main{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  .admin-content{padding-bottom:95px}
  .admin-bottom-nav{height:calc(65px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
  .drawer{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;overscroll-behavior:contain;overflow-x:hidden;padding-bottom:calc(100px + env(safe-area-inset-bottom))}
  .overlay{overflow:hidden}
  .drawer-head{min-width:0}.drawer-head>div{min-width:0}
  .section-head{flex-wrap:wrap;gap:10px}
  .card-heading{flex-wrap:wrap;gap:10px}
  .date-controls{width:100%;justify-content:space-between}
  .date-controls input[type=date]{max-width:none;width:min(100%,165px)}
  .booking-row{gap:7px;flex-wrap:wrap}
  .booking-row .booking-info{flex-basis:110px}
  .booking-row .chip{max-width:100%;white-space:normal;text-align:center}
  .booking-actions{justify-content:stretch}
  .booking-actions>.btn{flex:1 1 130px}
  .review-list>div{flex-wrap:wrap}
  .quick-entry-card{min-width:0}
  .service-grid>*{min-width:0}
  .time-day-summary{flex-wrap:wrap}
  .time-day-summary>div{min-width:0}
  .admin-content .segmented{max-width:100%;overflow-x:auto}
  .admin-content .segment{min-width:0}
  #settingTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  #settingTabs .segment{min-width:0}
}
@media(max-width:390px){
  .customer-shell{padding-left:10px;padding-right:10px}
  .booking-card{padding:17px 13px}
  .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-entry-card small{white-space:normal;line-height:1.4}
  .quick-entry-card strong{font-size:13px}
  .admin-content{padding-left:10px;padding-right:10px}
  .admin-card{padding:15px 11px}
  .admin-top{padding-left:11px;padding-right:11px}
  .admin-name{font-size:18px}
  .admin-greeting{font-size:9px}
  .admin-top-actions{gap:5px}
  .admin-top .btn-small{font-size:11px;padding:6px 8px}
  .date-btn{padding:6px 0}
  .date-btn .day-num{font-size:17px}
  .cal-day{padding:6px 0}
  .cal-day .cal-date{font-size:17px}
  .slot-edit-row{grid-template-columns:minmax(52px,1fr) minmax(0,1.65fr);gap:8px}
  .booking-time{min-width:43px;font-size:16px}
}
/* V5 header brand text stacks rather than expanding the navigation row */
.site-header .brand>span:last-child,.admin-sidebar .brand>span:last-child{display:flex;flex-direction:column;min-width:0;gap:3px}
.site-header .brand-name,.admin-sidebar .brand-name{display:block;white-space:nowrap}
.site-header .brand-sub,.admin-sidebar .brand-sub{display:block;white-space:nowrap;margin-top:0}
@media(max-width:390px){
  .site-header .brand{gap:6px;min-width:0}
  .site-header .brand-mark{width:33px;height:33px;flex:none;font-size:18px}
  .site-header .brand-name{font-size:14px;letter-spacing:0}
  .site-header .brand-sub{font-size:7px;letter-spacing:.12em}
  .site-header .header-inner{padding-left:9px;padding-right:9px;gap:7px}
  .site-header .header-links{gap:6px}
  .site-header .header-links a{font-size:10px}
}


/* V6 homepage simplification and icon refresh */
.brand-mark{overflow:hidden}
.brand-mark svg,.quick-icon svg{width:100%;height:100%;display:block}
.quick-entry-single{grid-template-columns:1fr;align-items:start}
.quick-secondary-link{font-size:12px;color:#8e6b78;margin:2px 2px 0 4px}
.quick-secondary-link .text-btn{font-size:12px;font-weight:700}
.hero-left .btn{display:none}
.hero-visual{overflow:hidden}
.hero-visual svg{max-width:88%}
.slot-edit-stack{display:grid;gap:7px;min-width:0}
.mini-check{font-size:12px;gap:8px;align-items:center}
.mini-check input{width:16px;height:16px;flex:none}
.quick-entry-card .quick-icon{padding:6px}
.svc-visual{height:46px;width:66px}
.svc-visual svg{width:66px;height:44px}
@media(max-width:720px){
  .quick-entry-single{gap:8px}
  .quick-secondary-link{font-size:11px;margin-left:2px}
  .quick-secondary-link .text-btn{font-size:11px}
  .hero{margin-bottom:15px}
}