:root{--black:#09090c;--panel:#15151b;--white:#f7f4f8;--muted:#aaa3ad;--pink:#ff2ca0;--line:#35323a;--green:#55e6a5;--yellow:#f4d35e;--shadow:0 20px 70px #0009}*{box-sizing:border-box}html{background:var(--black)}body{margin:0;color:var(--white);font-family:"Arial Narrow",Arial,sans-serif;background:radial-gradient(circle at 75% 8%,#ff2ca02b,transparent 25rem),linear-gradient(135deg,#09090c,#111016 55%,#08080a);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));background:#09090ce8;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:var(--white);text-decoration:none;font-size:1.08rem;font-weight:900;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(145deg,#fff,#74717a);color:#08080a;border-radius:50% 50% 45% 55%;font:italic 1.5rem Georgia;box-shadow:0 0 22px #ff2ca04d}.pink{color:var(--pink)}.ig-link{color:var(--muted);text-decoration:none;font-size:.8rem;font-weight:700;letter-spacing:.05em}.ig-link:hover{color:var(--pink)}main{max-width:1180px;margin:auto;padding:58px 24px 82px}.view{display:none}.view.active{display:block}.intro{max-width:800px;margin-bottom:38px}.eyebrow{margin:0 0 14px;color:var(--pink);font-size:.78rem;font-weight:900;letter-spacing:.16em}.intro h1,.agenda-header h1{font:900 clamp(2.7rem,7vw,5.6rem)/.9 "Arial Narrow",Arial,sans-serif;letter-spacing:-.055em;text-transform:uppercase;margin:0}.intro h1 i{font-family:Georgia,serif;font-weight:400;text-transform:none;color:var(--pink)}.intro>p:last-child,.agenda-header p:last-child{color:var(--muted);font-size:1rem;line-height:1.6}.booking-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.step-card{position:relative;background:linear-gradient(145deg,#1c1b22f7,#0f0f14fa);border:1px solid var(--line);border-radius:7px;padding:26px;box-shadow:var(--shadow);overflow:hidden}.step-card:after{content:"";position:absolute;right:-20px;top:-40px;width:110px;height:110px;border:1px solid #ff2ca02e;transform:rotate(35deg);pointer-events:none}.details-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.details-card .step-heading,.details-card .summary,.details-card .primary{grid-column:1/-1}.step-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.step-heading>span{color:var(--pink);font-size:.78rem;font-weight:900;letter-spacing:.12em;border-bottom:2px solid var(--pink);padding-bottom:4px}.step-heading h2{font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em;margin:0 0 5px}.step-heading p{margin:0;color:var(--muted);font-size:.88rem}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice{border:1px solid var(--line);background:#101015;padding:15px;border-radius:4px;text-align:left;color:var(--white);transition:.2s}.choice:hover{border-color:var(--pink);transform:translateY(-2px)}.choice.selected{border-color:var(--pink);background:linear-gradient(110deg,#ff2ca033,#111116);box-shadow:inset 4px 0 var(--pink)}.choice strong,.choice small{display:block}.choice small{color:var(--muted);margin-top:5px}.choice .price{float:right;color:var(--pink);font-weight:800}.date-strip{display:flex;gap:7px;overflow:auto;padding:3px 3px 10px}.date-button{min-width:66px;border:1px solid var(--line);background:#101015;border-radius:4px;padding:9px 8px;color:var(--muted)}.date-button span,.date-button strong{display:block}.date-button span{font-size:.7rem;text-transform:uppercase}.date-button strong{font-size:1.08rem;margin:2px;color:var(--white)}.date-button.selected{background:var(--pink);border-color:var(--pink);color:#08080a}.date-button.selected strong{color:#08080a}.time-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.time-button{border:1px solid var(--line);border-radius:4px;background:#101015;color:var(--white);padding:10px 5px}.time-button.selected{background:var(--pink);border-color:var(--pink);color:#08080a;font-weight:900}.time-button:disabled{text-decoration:line-through;color:#5b5760;background:#0c0c10;cursor:not-allowed}.inline-note{min-height:20px;color:var(--muted);font-size:.82rem}.details-card label{display:grid;gap:8px;font-weight:800;font-size:.88rem;text-transform:uppercase;letter-spacing:.04em}.details-card label span{color:var(--muted);font-weight:400;text-transform:none}.details-card input,.details-card textarea,select{width:100%;border:1px solid var(--line);border-radius:4px;background:#0d0d11;color:var(--white);padding:14px;outline:none}.details-card input:focus,.details-card textarea:focus,select:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff2ca021}.summary{background:#0d0d11;border:1px dashed #514c57;padding:16px 18px;color:var(--muted)}.summary strong{color:var(--white)}.summary p{margin:0}.primary,.secondary{border:0;border-radius:4px;padding:15px 20px;font-weight:900;letter-spacing:.06em}.primary{background:linear-gradient(90deg,#ff007f,var(--pink));color:white;box-shadow:0 12px 30px #ff007f33}.primary:hover{filter:brightness(1.12)}.secondary{display:inline-block;text-decoration:none;background:var(--pink);color:#09090c}.agenda-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.agenda-header h1{font-size:clamp(2.8rem,6vw,5rem)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stats article{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--pink);padding:18px}.stats strong,.stats span{display:block}.stats strong{font-size:2.1rem;color:var(--pink)}.stats span{color:var(--muted);font-size:.83rem;margin-top:4px;text-transform:uppercase}.agenda-toolbar{display:grid;grid-template-columns:1fr 190px;gap:16px;align-items:center;margin-bottom:18px}.compact{padding-bottom:0}.appointment-list{display:grid;gap:9px}.appointment{display:grid;grid-template-columns:80px 1fr auto;gap:18px;align-items:center;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--pink);padding:17px 18px}.appointment .hour{font-size:1.25rem;font-weight:900}.appointment h3{margin:0 0 4px;font-size:1rem}.appointment p{margin:0;color:var(--muted);font-size:.86rem}.status{display:inline-flex;margin-top:7px;padding:5px 9px;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.status.pending{background:#f4d35e24;color:var(--yellow)}.status.confirmed{background:#55e6a51f;color:var(--green)}.actions{display:flex;gap:7px}.actions button{border:1px solid var(--line);background:#0d0d11;color:var(--white);border-radius:3px;padding:9px 10px;font-weight:800;font-size:.76rem}.actions .confirm{color:var(--green)}.actions .cancel{color:var(--pink)}.empty{background:var(--panel);border:1px dashed var(--line);padding:50px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--white);font-size:1.3rem;margin-bottom:7px}.admin-note{margin-top:20px;color:#6f6974;font-size:.78rem}.toast{position:fixed;right:22px;bottom:22px;background:var(--pink);color:#08080a;padding:14px 18px;border-radius:3px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;z-index:20;font-weight:900}.toast.show{opacity:1;transform:none}footer{max-width:1180px;margin:auto;border-top:1px solid var(--line);padding:24px;display:flex;justify-content:space-between;color:#68636d;font-size:.7rem;font-weight:800;letter-spacing:.12em}
@media(max-width:760px){.topbar{height:68px;padding:0 16px}.ig-link{font-size:.68rem}.brand{font-size:.9rem}.brand-mark{width:34px;height:34px}main{padding:38px 16px 65px}.booking-layout{grid-template-columns:1fr}.details-card{grid-column:auto;display:grid;grid-template-columns:1fr}.details-card>*{grid-column:1!important}.service-grid{grid-template-columns:1fr}.time-grid{grid-template-columns:repeat(4,1fr)}.step-card{padding:20px}.agenda-header{align-items:flex-start;gap:18px}.agenda-header .secondary{white-space:nowrap;padding:11px;font-size:.7rem}.stats{gap:6px}.stats article{padding:12px}.stats strong{font-size:1.45rem}.stats span{font-size:.65rem}.agenda-toolbar{grid-template-columns:1fr}.appointment{grid-template-columns:58px 1fr}.actions{grid-column:1/-1;justify-content:flex-end}footer{padding:20px 16px}.toast{left:16px;right:16px;text-align:center}}