:root{--plum:#703c58;--rose:#c87c9a;--light:#fff8f7;--cream:#f8eef0;--ink:#30242b;--muted:#786973;--border:#eedfe4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffbfa;color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.top{display:flex;align-items:center;justify-content:space-between;padding:20px max(5%,calc((100vw - 1160px)/2));background:#fff;box-shadow:0 2px 18px #6934480b;gap:20px}.brand{display:flex;align-items:center;gap:10px}.mark{font-size:36px;color:var(--rose)}.brand strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:22px;letter-spacing:.2px}.brand small{display:block;font-size:9px;letter-spacing:2.8px;color:var(--muted)}nav{display:flex;gap:7px}.nav{border:0;background:transparent;color:var(--muted);padding:11px 16px;border-radius:30px}.nav.active{background:var(--cream);color:var(--plum);font-weight:700}.page{display:none}.page.visible{display:block}.hero{background:linear-gradient(125deg,#fff1f3 10%,#f7e5e9 60%,#f4dbe2);padding:72px max(5%,calc((100vw - 1160px)/2));display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;min-height:430px}.eyebrow{font-size:11px;letter-spacing:2.4px;color:#ae6b88;font-weight:700}.hero h1{font:500 clamp(40px,5vw,66px)/1.15 'Playfair Display',Georgia,serif;margin:18px 0;color:var(--plum)}.hero em{color:#bc7591}.hero p{max-width:470px;color:#76616f;line-height:1.8}.cta,.primary{display:inline-block;border:0;background:var(--plum);border-radius:10px;color:#fff;text-decoration:none;font-weight:700;padding:15px 23px}.cta{margin-top:12px}.cta:hover,.primary:hover{background:#8e4d73}.hero-art{display:grid;place-items:center}.nail-card{width:280px;height:285px;border-radius:130px 130px 95px 95px;background:#fff8fa;box-shadow:25px 22px 0 #e9c7d2,0 10px 30px #773a5c26;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-7deg);color:#c47d97}.nail-card>span{font-size:38px}.nail-card b{font:italic 25px/1.3 'Playfair Display',Georgia,serif;text-align:center;margin-top:28px}.nail-shapes{display:flex;gap:12px;margin-top:18px}.nail-shapes i{display:block;width:28px;height:58px;border:3px solid #d79bac;border-radius:15px 15px 9px 9px;background:linear-gradient(#fce5ec,#d991ab)}.nail-shapes i:nth-child(even){transform:translateY(-8px);background:linear-gradient(#fef3f4,#efbed0)}.wrap{max-width:1160px;margin:0 auto;padding:65px 25px 85px}.section-head{text-align:center;margin-bottom:35px}.section-head h2{font:500 43px 'Playfair Display',Georgia,serif;margin:9px 0}.section-head p{color:var(--muted)}.booking-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.panel{background:white;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 6px 24px #6d345709}.panel h3{color:var(--plum);font-size:17px;margin:4px 0 23px}.service-list{display:grid;gap:10px;margin-bottom:34px}.service{width:100%;border:1px solid var(--border);border-radius:12px;padding:17px;text-align:left;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:15px}.service.selected,.slot.selected{border-color:var(--rose);background:#fff0f5;box-shadow:0 0 0 1px var(--rose)}.service strong{display:block;margin-bottom:5px}.service small{color:var(--muted)}.price{white-space:nowrap;font-weight:700;color:var(--plum)}.label{display:block;margin:18px 0 8px;font-weight:700;font-size:13px}.panel input,.panel textarea{width:100%;border:1px solid #e5d7dd;padding:14px;border-radius:10px;color:var(--ink);background:#fff;outline-color:var(--rose)}.slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.slot{border:1px solid var(--border);padding:12px 5px;border-radius:9px;background:white;color:var(--plum)}.slot:disabled{background:#f6f2f3;color:#b6abb0;cursor:not-allowed;text-decoration:line-through}.summary{background:#fcf3f5;padding:17px;border-radius:12px;margin:24px 0}.summary p{display:flex;justify-content:space-between;gap:12px;margin:12px 0}.summary span{color:var(--muted)}.summary strong{text-align:right}.total{border-top:1px solid #e9d4dc;padding-top:14px;color:var(--plum)}.primary{width:100%}.hint{color:var(--muted);font-size:12px;line-height:1.65;text-align:center}.lookup{max-width:650px;margin:0 auto}.inline{display:flex;gap:10px}.inline .primary{width:auto;white-space:nowrap}.booking-card{padding:19px;border:1px solid var(--border);border-radius:12px;margin-top:15px;background:white}.booking-card>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.booking-card p{color:var(--muted);line-height:1.7;margin-bottom:8px;overflow-wrap:anywhere}.booking-card small{color:var(--muted)}.status{padding:5px 10px;border-radius:30px;background:#faf0e6;color:#8b5725;font-size:12px;font-weight:700}.status.confirmed{background:#e5f5ec;color:#27754a}.status.cancelled{background:#f9e6e6;color:#af3a4b}.status.completed{background:#e9e9fa;color:#5d51a7}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.actions button,.ghost{padding:9px 13px;border:1px solid #e4cad5;border-radius:8px;background:white;color:var(--plum);font-weight:600}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:850px;margin:0 auto 15px}.toolbar strong{color:var(--plum)}#adminList{max-width:850px;margin:auto}.toast{position:fixed;bottom:25px;right:25px;max-width:min(380px,calc(100% - 40px));background:var(--plum);padding:17px 22px;border-radius:12px;color:white;box-shadow:0 10px 30px #0003;z-index:5}footer{text-align:center;padding:25px;color:#917d89;background:#fbf0f2;font-size:12px}@media(max-width:760px){.top{padding:14px;flex-direction:column;gap:10px}.hero{grid-template-columns:1fr;padding:45px 24px}.hero-art{display:none}.hero h1{font-size:44px}.booking-grid{grid-template-columns:1fr}.wrap{padding:43px 16px 60px}.panel{padding:20px}.slots{grid-template-columns:repeat(3,1fr)}.section-head h2{font-size:35px}.inline{flex-direction:column}.inline .primary{width:100%}nav{width:100%;justify-content:space-around}.nav{padding:9px 13px}}

.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalog-card{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;padding-bottom:22px}.catalog-card h3,.catalog-card p,.catalog-card button{margin-left:20px;margin-right:20px}.catalog-card h3{font-family:'Playfair Display',Georgia,serif;color:var(--plum);font-size:23px;margin-bottom:6px}.catalog-card p{color:var(--muted);min-height:32px}.catalog-art{height:190px;display:flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(145deg,var(--shade1),var(--shade2));position:relative}.catalog-art>span{font-size:35px;color:#fff9;position:absolute;right:18px;top:6px}.catalog-nails{display:flex;gap:8px;transform:rotate(-11deg)}.catalog-nails i{display:block;width:27px;height:73px;border-radius:18px 18px 9px 9px;background:linear-gradient(#fff9,#bc8299bb);border:2px solid #fff9;box-shadow:3px 4px 9px #70405522}.catalog-nails i:nth-child(even){transform:translateY(-10px)}.reference-preview,.booking-ref{display:block;max-width:170px;max-height:170px;object-fit:cover;border-radius:10px;margin:12px 0}.reference-preview[hidden]{display:none}@media(max-width:760px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-art{height:125px}.catalog-nails i{width:18px;height:48px}.catalog-card h3{font-size:19px}.catalog-card h3,.catalog-card p,.catalog-card button{margin-left:12px;margin-right:12px}}@media(max-width:400px){.catalog-grid{grid-template-columns:1fr}}

.catalog-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.editor-area{margin:38px auto;max-width:1120px}.editor-area h2{text-align:center;font-family:Georgia,serif;color:var(--plum)}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.edit-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding:12px 0}.edit-row b{flex:1 1 160px}.edit-row span{font-size:12px;color:var(--muted)}.edit-row button{font-size:12px}.editor-grid form{border-top:2px solid var(--border);margin-top:20px;padding-top:12px}.editor-grid .primary{margin-top:16px}@media(max-width:840px){.editor-grid{grid-template-columns:1fr}}
.dp-panel{background:#fff4f7;border:1px solid #e8c4d1;padding:16px;border-radius:16px;margin:14px 0;overflow-wrap:anywhere}.dp-panel h4{margin-top:0}.dp-panel details{margin:12px 0}.dp-panel summary{cursor:pointer;font-weight:600}.dp-panel label{display:block;margin:10px 0}.dp-panel input[type=checkbox],#studioForm input[type=checkbox]{width:auto;margin-right:8px}.qris-image{display:block;width:260px;max-width:100%;height:auto;background:white;border:8px solid white;margin:12px 0}input,textarea,select{max-width:100%;box-sizing:border-box}.toolbar{flex-wrap:wrap}.booking-card{overflow-wrap:anywhere}
.service>span:first-child{flex:1;min-width:0}.service>span:last-child{flex:0 0 40%;text-align:right}.service small{display:block;font-size:11px;line-height:1.4;margin-top:4px}.service>span:last-child{font-weight:600}.service>span:last-child small{font-weight:400}code{overflow-wrap:anywhere;white-space:normal}

/* V8.2 private admin transfer viewer */
.transfer-proofs{margin:1rem 0;padding:1rem;border:1px solid #d7bec8;border-radius:12px}.transfer-report{margin:1rem 0}#proofDialog{width:min(850px,94vw);max-height:92vh;box-sizing:border-box;border:0;border-radius:16px;padding:20px}#proofDialog::backdrop{background:#0009}.proof-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.proof-viewport{overflow:auto;max-height:60vh;background:#f6f2f4}#proofPhoto{display:block;max-width:none;height:auto}.proof-controls button{min-height:44px}

/* V8.3 studio contact */
header nav{flex-wrap:wrap;justify-content:center}.studio-contact{overflow-wrap:anywhere;margin:16px 0}.studio-contact .actions{display:flex;flex-wrap:wrap;gap:12px}

/* AYS premium presentation; functional selectors and navigation controller retained. */
:root{--plum:#4b263c;--cream:#f3e4e6;--muted:#705a66;--border:#e6d8d7;--ivory:#fff8f0;--rose:#c99487}
body{background:#fffaf5;color:#382b33;-webkit-text-size-adjust:100%}.top{border-bottom:1px solid var(--border);background:#fffaf5f5;backdrop-filter:blur(12px)}
.brand .mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;background:var(--plum);color:var(--ivory);font:19px Georgia,serif;letter-spacing:1px;border:1px solid var(--rose)}
.brand strong{font-family:Georgia,serif;letter-spacing:5px;font-size:26px}.brand small{letter-spacing:2px;font-size:9px}.panel{border:1px solid var(--border);box-shadow:0 10px 32px #4b263c06}.hero h1{color:var(--plum)}button,.cta{min-height:44px}input:not([type=checkbox]),textarea,select{font-size:16px;min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a86182;outline-offset:3px}
@media(max-width:760px){.top{padding:12px 16px;gap:12px;align-items:flex-start;flex-direction:column}.top nav{display:flex;width:100%;max-width:100%;gap:4px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.top nav .nav{flex:0 0 auto;padding:10px 13px;white-space:nowrap;font-size:13px}.wrap{padding-left:16px;padding-right:16px}.hero{padding-top:30px}.hero h1{font-size:42px;line-height:1.12}.hero-art{max-width:100%}.booking-grid{gap:16px}.panel{padding:18px}.inline{flex-wrap:wrap}.inline input{min-width:0;flex:1 1 140px}.actions{gap:8px}.brand .mark{width:42px;height:42px;font-size:17px}.brand strong{font-size:22px}.dp-panel{padding:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:760px){.top nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:5px;padding:0}.top nav .nav{padding:10px 6px;width:100%;font-size:12px;min-width:0}.top{position:relative}}
html{scroll-behavior:auto}.top{backdrop-filter:none;background:#fffaf5}main>.wrap:first-child{padding-top:22px;padding-bottom:22px;font-size:13px;line-height:1.5}#whatsapp{color:var(--plum);font-weight:600;text-underline-offset:3px}