:root{--bg: #f4ecdf;--surface: #fdf9f2;--surface-2: #efe3d1;--text: #2b2016;--hint: #8b785f;--line: rgba(74, 48, 22, .12);--accent: #C2410C;--accent-text: #b03908;--on-accent: #fff7f0;--wood: #5c3d24;--gold: #c1863a;--radius: 16px;--shadow: 0 3px 16px rgba(60, 36, 12, .1)}:root[data-scheme=dark]{--bg: #17110b;--surface: #221a12;--surface-2: #2c2219;--text: #efe3d2;--hint: #a7937b;--line: rgba(255, 236, 210, .1);--accent-text: #ff8f52;--on-accent: #1a120b;--wood: #c9a273;--gold: #e0a84a;--shadow: 0 3px 16px rgba(0, 0, 0, .34)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button{font:inherit;cursor:pointer}h2,h3{letter-spacing:-.02em}body:before,body:after{content:"";position:fixed;z-index:0;pointer-events:none;background-repeat:no-repeat;background-size:contain;will-change:transform}body:before{top:-40px;left:0;right:0;height:340px;background-position:top center;background-size:cover;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cg fill='none' stroke='%23C2410C' stroke-opacity='0.07' stroke-width='10' stroke-linecap='round'%3E%3Cpath d='M120 300 C 90 220 170 200 130 120 C 100 60 160 40 130 0'/%3E%3Cpath d='M210 300 C 180 210 250 190 215 110 C 185 50 240 34 214 0'/%3E%3Cpath d='M300 300 C 272 230 330 208 300 130 C 276 74 320 54 300 6'/%3E%3C/g%3E%3C/svg%3E");animation:steam 22s ease-in-out infinite}body:after{width:300px;height:300px;bottom:-50px;left:-70px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cg fill='%235c3d24' fill-opacity='0.06'%3E%3Crect x='150' y='40' width='7' height='150' rx='3' transform='rotate(28 153 115)'/%3E%3Cg%3E%3Cellipse cx='150' cy='70' rx='26' ry='13' transform='rotate(-24 150 70)'/%3E%3Cellipse cx='176' cy='84' rx='24' ry='12' transform='rotate(30 176 84)'/%3E%3Cellipse cx='128' cy='92' rx='25' ry='12' transform='rotate(-30 128 92)'/%3E%3Cellipse cx='158' cy='104' rx='23' ry='11' transform='rotate(26 158 104)'/%3E%3Cellipse cx='112' cy='116' rx='24' ry='12' transform='rotate(-32 112 116)'/%3E%3Cellipse cx='142' cy='128' rx='22' ry='11' transform='rotate(24 142 128)'/%3E%3Cellipse cx='100' cy='140' rx='22' ry='11' transform='rotate(-34 100 140)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:leafDrift 30s ease-in-out infinite}@keyframes steam{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-14px);opacity:.7}}@keyframes leafDrift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10px,-10px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none}}.app{max-width:640px;margin:0 auto;position:relative;z-index:1;padding:12px 16px calc(96px + env(safe-area-inset-bottom))}.header{padding:4px 0 10px}.brand-row{display:flex;align-items:center;gap:10px}.brand-logo{width:38px;height:38px;border-radius:11px;flex:0 0 auto;box-shadow:var(--shadow)}.brand{margin:0;font-size:24px;font-weight:800;letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif;color:var(--wood)}:root[data-scheme=dark] .brand{color:var(--text)}.hint{color:var(--hint);font-size:14px;margin:6px 0 0}.hint.addr{margin-top:8px}.topnav{display:flex;gap:8px;margin-top:12px}.topnav-link{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:var(--shadow)}.topnav-link.admin-link{color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.section-title{font-size:20px;font-weight:800;margin:12px 0 14px;font-family:Georgia,serif;color:var(--wood)}:root[data-scheme=dark] .section-title{color:var(--text)}.state{padding:56px 16px;text-align:center;color:var(--hint)}.field-label{display:block;font-size:13px;color:var(--hint);margin:16px 0 8px;font-weight:700}.chip{display:inline-block;font-size:12px;padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--wood)}:root[data-scheme=dark] .chip{color:var(--hint)}.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.resources{display:flex;flex-direction:column;gap:16px}.res-card{display:block;width:100%;text-align:left;padding:0;overflow:hidden;color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .12s ease}.res-card:active{transform:scale(.99)}.res-cover{position:relative;height:156px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(150deg,#7a5230,#4a3016)}.res-cover[data-type=big]{background:linear-gradient(150deg,#8a5a2a,#513417)}.res-cover[data-type=vip]{background:linear-gradient(150deg,#6a4a24,#2c1d10)}.res-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background:radial-gradient(120% 80% at 50% -10%,rgba(255,210,150,.35),transparent 60%),repeating-linear-gradient(95deg,rgba(0,0,0,.06) 0 2px,transparent 2px 9px)}.res-cover img{width:100%;height:100%;object-fit:cover;position:relative}.res-mark{position:relative;width:66px;height:66px;opacity:.9}.res-cover[data-type=vip] .res-mark{color:var(--gold)}.res-cap{position:absolute;left:10px;bottom:10px;background:#00000080;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.res-badge{position:absolute;right:10px;top:10px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:#0000006b;color:#ffdcae;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.res-body{padding:13px 15px 15px;display:flex;flex-direction:column;gap:8px}.res-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.res-name{margin:0;font-size:18px;font-weight:800;font-family:Georgia,serif}.res-price{font-weight:800;white-space:nowrap;color:var(--accent-text)}.res-per{color:var(--hint);font-weight:500;font-size:13px}.res-desc{margin:0;color:var(--hint);font-size:13px;line-height:1.45}.res-feats{display:flex;flex-wrap:wrap;gap:6px}.res-cta{color:var(--accent-text);font-weight:800;font-size:14px;margin-top:2px}.booking{display:flex;flex-direction:column}.chips-scroll{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chips-scroll::-webkit-scrollbar{display:none}.date-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:56px;padding:8px 10px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.date-chip.sel{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.dc-wd{font-size:11px;opacity:.8}.dc-day{font-size:18px;font-weight:800;line-height:1.1}.dc-mo{font-size:11px;opacity:.8}.stepper-row{display:flex;gap:12px}.stepper{flex:1}.stepper-ctrl{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 8px}.stepper-ctrl button{width:34px;height:34px;border-radius:999px;border:none;flex:0 0 auto;background:var(--accent);color:var(--on-accent);font-size:20px;line-height:1}.stepper-ctrl button:disabled{opacity:.35}.stepper-ctrl span{font-weight:700}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.slot{padding:11px 0;border-radius:12px;text-align:center;font-weight:700;font-size:15px;border:1px solid var(--line);background:var(--surface);color:var(--text)}.slot.sel{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.slot.skel{height:42px;padding:0;color:transparent;animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,var(--surface-2) 25%,rgba(0,0,0,.05) 37%,var(--surface-2) 63%);background-size:400% 100%}.empty-slots{padding:20px 0;text-align:center}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.addons{display:flex;flex-direction:column;gap:8px}.addon{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:10px 12px}.addon.on{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:var(--shadow)}.addon-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.addon-name{font-weight:700;font-size:15px}.addon-desc{color:var(--hint);font-size:12px}.addon-price{font-size:13px;font-weight:700;color:var(--accent-text)}.addon-price em{color:var(--hint);font-style:normal;font-weight:500}.addon-add{width:34px;height:34px;border-radius:999px;border:1px solid var(--accent);background:transparent;color:var(--accent-text);font-size:20px;line-height:1;flex:0 0 auto}.addon-stepper{display:flex;align-items:center;gap:12px;flex:0 0 auto}.addon-stepper button{width:30px;height:30px;border-radius:999px;border:none;background:var(--accent);color:var(--on-accent);font-size:18px;line-height:1}.addon-stepper span{font-weight:700;min-width:14px;text-align:center}.input{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:12px 14px;font-size:16px;font-family:inherit}.input:focus{outline:2px solid var(--accent);border-color:transparent}textarea.input{resize:vertical}.summary{margin-top:18px;padding:15px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.sum-row{display:flex;justify-content:space-between;font-size:15px}.sum-row.muted{color:var(--hint);font-size:13px}.sum-row.strong{font-weight:800;font-size:17px;padding-top:6px;border-top:1px solid var(--line)}.sum-row.accent{color:var(--accent-text);font-weight:800}.status-screen{display:flex;flex-direction:column;gap:16px}.status-hero{text-align:center;padding:16px 0 4px}.status-hero h2{margin:8px 0 4px;font-size:22px;font-family:Georgia,serif;color:var(--wood)}:root[data-scheme=dark] .status-hero h2{color:var(--text)}.status-emoji{font-size:46px}.status-num{color:var(--hint);margin:0;font-size:14px}.status-hero.bad .status-emoji{color:#b3261e}.status-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}.sc-row{display:flex;align-items:center;gap:10px;font-size:15px}.sc-row span{width:20px;text-align:center;flex:0 0 auto}.sc-row.total{padding-top:8px;border-top:1px solid var(--line)}.timeline{display:flex;flex-direction:column;padding:4px 8px}.tl-step{display:flex;align-items:center;gap:12px;padding:8px 0;color:var(--hint);font-weight:600}.tl-dot{width:12px;height:12px;border-radius:999px;border:2px solid var(--hint);flex:0 0 auto}.tl-step.done{color:var(--text)}.tl-step.done .tl-dot{background:var(--accent);border-color:var(--accent)}.tl-step.cur .tl-dot{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}.pay-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.pay-amount{display:flex;justify-content:space-between;align-items:baseline}.pay-amount b{font-size:20px;color:var(--accent-text)}.pay-box .action-btn{position:static;padding:14px}.pay-demo{text-align:center;margin:0}.my-bookings{display:flex;flex-direction:column;gap:10px}.mb-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow)}.mb-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mb-title{display:flex;align-items:center;gap:8px}.mb-when{color:var(--hint);font-size:13px}.mb-total{font-weight:800;color:var(--accent-text)}.mb-repeat{flex:0 0 auto;border:1px solid var(--accent);background:transparent;color:var(--accent-text);border-radius:999px;padding:8px 14px;font-weight:700;font-size:13px}.badge.st-pending{background:#fbe6cf;color:#8a5a12}.badge.st-confirmed{background:#e2f2e4;color:#1f7a44}.badge.st-in_progress{background:#e4eefb;color:#1f5fbf}.badge.st-completed{background:var(--surface-2);color:var(--hint)}.badge.st-cancelled,.badge.st-no_show{background:#fbe4e2;color:#b3261e}.admin{display:flex;flex-direction:column}.admin-head{display:flex;align-items:center;justify-content:space-between}.admin-kpi{text-align:right}.admin-kpi span{display:block;font-size:11px;color:var(--hint)}.admin-kpi b{font-size:17px;color:var(--accent-text)}.admin-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.abk{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:5px;border-left:4px solid var(--hint);box-shadow:var(--shadow)}.abk.st-confirmed{border-left-color:#1f7a44}.abk.st-pending{border-left-color:#d08a2a}.abk.st-in_progress{border-left-color:#1f5fbf}.abk.st-cancelled,.abk.st-no_show{border-left-color:#b3261e;opacity:.7}.abk-top{display:flex;align-items:center;gap:8px}.abk-time{font-weight:800;font-size:16px}.abk-res{flex:1;font-weight:700}.abk-meta{color:var(--hint);font-size:13px}.abk-master{margin-top:4px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:8px 10px;font-size:14px;font-family:inherit}.abk-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.abk-btn{border:none;border-radius:999px;padding:7px 14px;font-weight:700;font-size:13px}.abk-btn.go{background:var(--accent);color:var(--on-accent)}.abk-btn.warn{background:#fbe6cf;color:#8a5a12}.abk-btn.danger{background:#fbe4e2;color:#b3261e}.crm-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.crm-tabs::-webkit-scrollbar{display:none}.crm-tab{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700}.crm-tab.sel{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.cust{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow)}.cust-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cust-spent{text-align:right;flex:0 0 auto}.cust-spent span{display:block;font-size:11px;color:var(--hint)}.cust-spent b{color:var(--accent-text)}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow)}.kpi span{display:block;font-size:12px;color:var(--hint)}.kpi b{font-size:18px}.kpi.accent b{color:var(--accent-text)}.bar-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.bar-label{flex:0 0 34%;font-size:13px}.bar{flex:1;height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:999px}.bar-val{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--accent-text)}.hours{display:flex;align-items:flex-end;gap:4px;height:90px;padding:6px 0;overflow-x:auto}.hour{flex:0 0 auto;width:22px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.hour-bar{width:12px;min-height:3px;background:var(--accent);border-radius:4px 4px 0 0}.hour span{font-size:9px;color:var(--hint)}.back-link{border:none;background:transparent;color:var(--accent-text);padding:4px 0;font-size:15px;font-weight:700;margin-bottom:4px}.action-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -1px 0 var(--line)}.action-btn{width:100%;max-width:640px;margin:0 auto;display:block;border:none;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-weight:800;font-size:16px;padding:15px;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 40%,transparent)}.action-btn:disabled{opacity:.45;box-shadow:none}.form-error{padding:12px 16px;margin:10px 0 0;border-radius:12px;background:#fbe4e2;color:#b3261e;font-weight:600;font-size:14px;text-align:center}.rail{position:fixed;right:10px;bottom:calc(20px + env(safe-area-inset-bottom));top:auto;z-index:30;display:flex;flex-direction:column;gap:10px}.rail-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:none;background:var(--surface);color:var(--wood);box-shadow:var(--shadow);text-decoration:none}:root[data-scheme=dark] .rail-btn{color:var(--text)}.rail-btn svg{width:22px;height:22px}.rail-top{position:fixed;left:10px;right:auto;bottom:calc(20px + env(safe-area-inset-bottom));z-index:30}@media(max-width:360px){.brand{font-size:21px}.res-cover{height:132px}.stepper-row{gap:8px}.slots-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}}@media(prefers-reduced-motion:reduce){.res-card,.slot.skel{transition:none;animation:none}}