:root{--ink:#060b12;--navy:#0b1725;--navy2:#102942;--blue:#2d6bac;--ice:#78b4f1;--line:#24364a;--paper:#f4f7fa;--muted:#94a4b8;--green:#25d366;--danger:#ef6b72;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--ink)}body{margin:0;color:#fff;font-family:Arial,Helvetica,sans-serif;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.top{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));border-bottom:1px solid #24354a;background:#07101a;position:relative;z-index:2}.adminTop>button,.top>button{border:1px solid #32475d;background:#0d1926;color:#dbe7f3;border-radius:999px;padding:10px 16px;font-weight:750}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.16em;white-space:nowrap}.brandMark{display:block;width:54px;height:40px;background:url(/vn-logo.png) 50%/contain no-repeat;filter:drop-shadow(0 0 10px #5b98dc44)}.brand b{font-size:14px}.heroBrand{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:10px}.heroBrand .brandMark{width:164px;height:104px;background-size:cover;border-radius:12px}.heroBrand b{font-size:13px;letter-spacing:.35em}.reserve{min-height:calc(100vh - 82px);background:radial-gradient(circle at 24% 15%,#173b61 0,transparent 35%),linear-gradient(120deg,#0b1929,#070c13 55%,#05090e);padding:72px max(20px,calc((100vw - 1180px)/2)) 90px;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(430px,1.05fr);gap:80px;align-items:start}.intro{padding-top:12px;position:sticky;top:28px}.available{display:inline-flex;align-items:center;gap:8px;color:#a9d3ff;background:#1b4f85;border:1px solid #3978ba;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800;letter-spacing:.05em}.available:first-letter{color:#7ec0ff}.intro h1{font-size:clamp(46px,5.2vw,78px);letter-spacing:-.055em;line-height:.92;margin:22px 0 14px;max-width:580px}.intro>p{font-size:20px;color:#b8c4d1;margin:0}.flow{width:100%;max-width:650px;justify-self:end}.progress{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 4px 14px}.progress i{height:5px;border-radius:9px;background:#314357;transition:.2s}.progress i.on{background:linear-gradient(90deg,#5c9ddd,#91c7fb)}.card{background:var(--paper);color:#0a1420;border-radius:26px;padding:30px;box-shadow:0 28px 80px #0008;min-height:460px}.stepHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.stepHead span{font-size:12px;color:#738194;font-weight:800;text-transform:uppercase}.stepHead button{border:0;background:transparent;color:#2b5f97;font-weight:750;padding:0}.card h2{font-size:28px;margin:0 0 20px;letter-spacing:-.025em}.card h3{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#657487;margin:25px 0 12px}.services{display:grid;gap:10px}.services button{display:grid;grid-template-columns:28px 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;border:1px solid #dbe2e9;background:#fff;border-radius:15px;padding:16px 18px;color:#101923;transition:.18s}.services button:hover{border-color:#4a8fd0;transform:translateY(-1px);box-shadow:0 9px 22px #17487317}.services em{grid-row:1/3;font-style:normal;color:#4c8eca;font-size:20px}.services b{font-size:17px}.services small{color:#768395;margin-top:3px}.services strong{grid-column:3;grid-row:1/3;font-size:13px;color:#1c5186;text-align:right}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;overflow-x:auto;padding-bottom:2px}.days button{min-width:54px;border:1px solid #d9e1e8;background:#fff;color:#202d3a;border-radius:13px;padding:9px 4px;display:grid;gap:4px}.days button small{font-size:9px;text-transform:uppercase;color:#718094;font-weight:800}.days button b{font-size:18px}.days button.on{background:#163f69;color:white;border-color:#163f69;box-shadow:0 6px 16px #1f548633}.days button.on small{color:#a9d4ff}.hours{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.hours button{border:1px solid #d4dde6;background:#fff;color:#1b2b3c;border-radius:11px;padding:12px 6px;font-weight:750}.hours button.on{background:#286cad;color:#fff;border-color:#286cad}.hours button:disabled{color:#b8c0c9;background:#eef1f4;text-decoration:line-through;cursor:not-allowed}.next,.save{width:100%;border:0;border-radius:13px;background:linear-gradient(90deg,#184e82,#327fc2);color:#fff;padding:16px;margin-top:25px;font-weight:850;letter-spacing:.04em;box-shadow:0 10px 22px #174d8033}.next:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.whatsapp{background:linear-gradient(90deg,#168b46,#25bc62)}.summary{display:flex;align-items:center;justify-content:space-between;background:#e5eef7;border:1px solid #cadbea;padding:15px 17px;border-radius:14px;margin-bottom:20px}.summary div{display:grid;gap:4px}.summary small{color:#5d7084}.summary strong{color:#174f83}.card label,.edit label{display:grid;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#526276;margin-top:14px}.card input,.edit input,.edit select{width:100%;border:1px solid #d1dbe4;background:#fff;color:#111d29;border-radius:12px;padding:14px;outline:none;text-transform:none;letter-spacing:0}.card input:focus,.edit input:focus,.edit select:focus{border-color:#4187c7;box-shadow:0 0 0 3px #3986ca20}.error{color:#bf333d;background:#fee7e8;border-radius:10px;padding:10px 12px;font-size:13px}.fine{display:block;text-align:center;color:#7b8794;margin-top:10px}.admin{min-height:100vh;background:#071019;color:#fff}.adminTop{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1240px)/2));border-bottom:1px solid #1d3043;background:#08121d}.adminBody{max-width:1240px;margin:auto;padding:42px 20px 70px}.adminTitle{display:flex;justify-content:space-between;align-items:end;gap:20px}.adminTitle p{font-size:11px;color:#73a8dc;letter-spacing:.17em;font-weight:850;margin:0 0 7px}.adminTitle h1{font-size:36px;margin:0;letter-spacing:-.04em}.add{border:0;background:#2e77b8;color:white;border-radius:12px;padding:13px 17px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:28px 0}.stats article{border:1px solid #203449;background:linear-gradient(145deg,#0d1b29,#0a1520);border-radius:16px;padding:19px;display:grid;gap:9px;min-height:104px}.stats small{color:#7890a7;font-size:10px;font-weight:800;letter-spacing:.1em}.stats b{font-size:24px;letter-spacing:-.03em}.toolbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.toolbar>div{display:flex;background:#0b1926;border:1px solid #203448;border-radius:12px;padding:4px}.toolbar button{border:0;background:transparent;color:#8599ac;border-radius:8px;padding:8px 14px;font-weight:750}.toolbar button.on{background:#244f78}.toolbar input{width:250px;border:1px solid #21364a;background:#0a1723;color:white;border-radius:12px;padding:10px 13px;outline:none}.appointments{border:1px solid #203448;border-radius:18px;overflow:hidden;background:#09141f}.appointments article{display:grid;grid-template-columns:90px minmax(150px,1.3fr) minmax(130px,1fr) 150px 125px;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid #1b2d3e}.appointments article:last-child{border-bottom:0}.appointments time,.client,.svc{display:grid;gap:4px}.appointments time b{font-size:18px}.appointments small{color:#7f95a9;font-size:12px}.client b{font-size:15px}.appointments select{background:#101f2e;color:white;border:1px solid #30475d;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:750}.appointments select.confirmado{border-color:#277a55;color:#70e6aa}.appointments select.cancelado{border-color:#783b42;color:#ff9298}.appointments select.pendiente{border-color:#786833;color:#f3d776}.actions{display:flex;justify-content:flex-end;gap:6px}.actions button{width:34px;height:34px;border:1px solid #263c51;background:#0e1d2c;color:#c4d4e3;border-radius:9px}.actions button:last-child{color:#ff8e94}.empty{padding:50px;text-align:center;color:#8297aa}.overlay{position:fixed;inset:0;background:#000a;display:grid;place-items:center;padding:18px;z-index:20;backdrop-filter:blur(6px)}.edit{width:min(600px,100%);max-height:92vh;overflow:auto;background:#f4f7fa;color:#101b27;border-radius:22px;padding:25px;box-shadow:0 24px 80px #000b}.edit header{display:flex;align-items:center;justify-content:space-between}.edit h2{margin:0;font-size:24px}.edit header button{border:0;background:transparent;color:#31475d;font-size:27px}.editGrid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.save{margin-top:22px}.pinOverlay{z-index:40}.pinModal{position:relative;width:min(420px,100%);background:#f4f7fa;color:#101b27;border-radius:24px;padding:28px;box-shadow:0 28px 90px #000c}.pinModal .brand{color:#0c1b2a}.pinClose{position:absolute;right:17px;top:13px;border:0;background:transparent;color:#496074;font-size:30px;line-height:1;padding:6px}.pinEyebrow{color:#2d6bac;font-size:12px;font-weight:850;letter-spacing:.16em;margin:28px 0 7px}.pinModal h2{font-size:30px;letter-spacing:-.035em;margin:0 0 8px}.pinHelp{color:#65778a;font-size:16px;margin:0 0 20px}.pinModal label{display:grid;gap:8px;color:#526276;font-size:13px;font-weight:800;letter-spacing:.08em}.pinModal input{width:100%;border:1px solid #c9d5e0;background:#fff;color:#0d1a27;border-radius:13px;padding:16px;text-align:center;font-size:24px;font-weight:800;letter-spacing:.35em;outline:none}.pinModal input:focus{border-color:#4187c7;box-shadow:0 0 0 4px #3986ca20}.pinModal .save:disabled{opacity:.5;cursor:not-allowed}@media(max-width:850px){.top{height:68px;padding:0 16px}.top>button{font-size:12px;padding:9px 12px}.brandMark{width:46px;height:33px}.brand b{font-size:12px}.reserve{min-height:calc(100vh - 68px);display:block;padding:28px 14px 55px;background:radial-gradient(circle at 55% 0,#183b60 0,transparent 30%),linear-gradient(#0b1724,#060b11)}.intro{position:static;padding:0 7px 23px}.heroBrand{flex-direction:row;align-items:center;margin:0 0 18px}.heroBrand .brandMark{width:104px;height:64px}.heroBrand b{font-size:11px}.available{font-size:10px;padding:7px 10px}.intro h1{font-size:46px;margin:17px 0 8px}.intro>p{font-size:17px}.flow{max-width:none}.card{border-radius:21px;padding:22px 17px;min-height:0}.card h2{font-size:25px}.days{grid-template-columns:repeat(7,54px)}.hours{grid-template-columns:repeat(3,1fr)}.adminTop{height:64px;padding:0 14px}.adminBody{padding:27px 13px 50px}.adminTitle{align-items:start}.adminTitle h1{font-size:29px}.adminTitle p{font-size:9px}.add{padding:11px 12px;font-size:12px;white-space:nowrap}.stats{grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.stats article{min-height:90px;padding:15px}.stats b{font-size:20px}.toolbar{display:grid}.toolbar>div{width:100%}.toolbar button{flex:1}.toolbar input{width:100%}.appointments{border:0;background:transparent;display:grid;gap:10px;overflow:visible}.appointments article{position:relative;border:1px solid #203448!important;border-radius:15px;background:#0a1723;display:grid;grid-template-columns:66px 1fr auto;gap:10px;padding:14px}.appointments time{grid-row:1/3;border-right:1px solid #23384c}.client,.svc{grid-column:2}.appointments select{grid-column:3;grid-row:1}.actions{grid-column:3;grid-row:2}.actions button{width:31px;height:31px}.empty{border:1px solid #203448;border-radius:15px}.edit{padding:21px 16px}.editGrid{grid-template-columns:1fr}.pinOverlay{align-items:end;padding:0}.pinModal{width:100%;border-radius:24px 24px 0 0;padding:25px 20px max(28px,env(safe-area-inset-bottom))}.pinModal h2{font-size:28px}.pinModal input{min-height:58px}.pinModal .save{min-height:54px}}@media(max-width:390px){.intro h1{font-size:41px}.services button{padding:14px 12px}.services strong{font-size:11px}.hours{gap:7px}.appointments article{grid-template-columns:58px 1fr}.actions,.appointments select{grid-column:2}.actions,.appointments select{grid-row:auto}.actions{justify-content:flex-start}.svc{grid-column:2}}.days button:disabled{background:#f1f3f5;color:#89939e;cursor:not-allowed;border-style:dashed}.stepHead h2{margin:0}.stepHead{margin-bottom:26px}.stepHead>span{padding:6px 9px;border-radius:7px;background:#e8eef5;letter-spacing:.06em;font-size:10px}.services{gap:12px}.services button{grid-template-columns:46px minmax(0,1fr) auto 30px;grid-template-rows:auto;gap:14px;min-height:88px;padding:18px;border-radius:16px;transition:border-color .2s,box-shadow .2s,transform .2s}.services button:hover{border-color:#7ba8d1;transform:translateY(-2px);box-shadow:0 8px 24px #17487312}.serviceIcon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #e0eaf4;border-radius:13px;background:#edf4fb;color:#336c9f}.serviceInfo{display:grid;gap:5px}.services b{font-size:16px;font-weight:650;letter-spacing:-.02em}.services small{font-size:12px;line-height:1.4;margin:0}.services strong{grid-column:auto;grid-row:auto;font-size:14px;font-weight:650;white-space:nowrap;color:#25496c;font-variant-numeric:tabular-nums}.serviceArrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f2f6fa;color:#59758e;transition:background .2s,color .2s,transform .2s}.services button:hover .serviceArrow{background:#225c90;color:white;transform:translateX(2px)}.arrowIcon{display:inline-block;flex-shrink:0;vertical-align:middle}.stepHead button{display:inline-flex;align-items:center;gap:7px;padding:7px 10px 7px 5px;border-radius:8px;font-size:13px}.stepHead button:hover{background:#e5edf5}button:focus-visible{outline:3px solid #629ed8;outline-offset:4px}.next,.save{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;font-size:14px;letter-spacing:.01em;border-radius:12px;transition:transform .2s,box-shadow .2s,filter .2s}.next:not(:disabled):hover,.save:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 24px #174d8040}.days button,.hours button{transition:background .18s,border-color .18s,box-shadow .18s}.days button:not(:disabled):hover,.hours button:not(:disabled):hover{border-color:#699ac8;box-shadow:0 3px 10px #17487312}@media(max-width:480px){.services button{grid-template-columns:38px minmax(0,1fr) auto 24px;gap:9px;padding:15px 12px;min-height:82px}.serviceIcon{width:38px;height:40px;border-radius:11px}.services b{font-size:14px}.services small{font-size:11px}.services strong{font-size:12px}.serviceArrow{width:24px;height:24px}.serviceArrow svg{width:16px}}@media(prefers-reduced-motion:reduce){.serviceArrow,button{transition:none!important;transform:none!important}}.bookingSuccess{text-align:center;padding:8px 0}.successCheck{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 20px;border:1px solid #b7e0cc;background:#e5f5ed;color:#23764d;border-radius:50%;font-size:30px}.successEyebrow{font-size:10px;font-weight:800;color:#23764d;letter-spacing:.13em}.bookingSuccess>p:not(.successEyebrow){color:#637487;font-size:15px;line-height:1.6;margin-bottom:24px}.bookingSuccess .summary{text-align:left}.bookingSuccess a{text-decoration:none}.bookingSuccess .fine{line-height:1.5;font-size:12px}.successBack{margin-top:22px;border:0;background:transparent;color:#315e87;font-weight:650;padding:10px}.pushControl{margin:18px 0;padding:14px;border:1px solid #adc7de;border-radius:12px;background:#eaf2f9;color:#25496c}.pushControl button{border:1px solid #8eb0cf;background:white;color:#25496c;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:650}.pushControl button:disabled{opacity:.7;cursor:default}.pushControl small{display:block;margin-top:8px;font-size:12px;line-height:1.5}.hours button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:59px}.hours button:disabled{text-decoration:none;background:#e9edf1;color:#8793a0}.hours button:disabled>span{text-decoration:line-through}.hours button small{font-size:10px;font-weight:650;line-height:1.2;color:#697787}.pinModal input{letter-spacing:.03em;text-align:left;font-size:18px}.barberSummary{margin:28px 0;border:1px solid #253d53;border-radius:20px;padding:24px;background:linear-gradient(125deg,#102236,#0b1825)}.summaryHeader{display:flex;justify-content:space-between;align-items:center;gap:16px}.summaryHeader p{font-size:10px;color:#83b3df;font-weight:750;letter-spacing:.14em;margin:0 0 6px}.summaryHeader h2{font-size:25px;letter-spacing:-.03em;margin:0}.summarySwitch{display:flex;padding:4px;gap:3px;border:1px solid #2c4257;border-radius:12px;background:#091521}.summarySwitch button{padding:10px 21px;border:0;border-radius:9px;background:transparent;color:#a0b2c4;font-weight:650;font-size:13px}.summarySwitch button[aria-pressed=true]{background:#2a659c;color:white;box-shadow:0 3px 12px #0002}.summaryPeriod{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:23px 0}.periodNavigator{display:flex;align-items:center;gap:12px;min-width:0}.periodNavigator strong{font-size:14px;text-transform:capitalize;text-align:center;line-height:1.5}.periodNavigator button{flex-shrink:0;width:34px;height:34px;border:1px solid #304b63;border-radius:10px;background:#12293e;color:#c1d9ee;font-size:24px;line-height:1}.periodPicker{display:flex;align-items:end;gap:10px}.periodPicker label{display:grid;gap:5px;font-size:11px;color:#a8bdd0}.periodPicker input{min-width:150px;max-width:100%;background:#0a1724;color:#e4edf7;padding:9px 10px;font:inherit;font-size:13px}.currentPeriod,.periodPicker input{border:1px solid #304b63;border-radius:9px}.currentPeriod{background:#152e45;color:#bcd8ef;padding:10px 12px;font-size:12px;font-weight:650;white-space:nowrap}.periodStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.periodStats article{padding:18px;border:1px solid #263d52;border-radius:13px;background:#091722;display:grid;gap:10px}.periodStats small{color:#8ca8bf;font-size:10px;font-weight:750;letter-spacing:.07em}.periodStats b{font-size:29px;letter-spacing:-.035em;overflow-wrap:anywhere}.periodStats article:nth-child(2) b{color:#9ddbbf}.periodStats span{color:#7892a8;font-size:11px;line-height:1.4}.summaryNote{font-size:11px;line-height:1.6;color:#839bb0;margin:16px 0 0}@media(max-width:850px){.barberSummary{padding:19px 15px}.summaryHeader h2{font-size:23px}.summarySwitch button{padding:9px 16px}.summaryPeriod{display:grid;gap:16px}.periodNavigator{justify-content:space-between}.periodNavigator strong{font-size:13px}.periodPicker{justify-content:space-between}.periodPicker label{flex:1}.periodPicker input{width:100%;min-width:0}.periodStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.periodStats article{padding:14px 12px}.periodStats b{font-size:23px}.periodStats small{font-size:9px}}.agendaSectionTitle{font-size:19px;letter-spacing:-.02em;margin:24px 0 16px}.pushPrompt{position:relative;padding:19px;border:1px solid #c8dcec;border-radius:16px;background:#eef5fb;color:#1a3954;box-shadow:0 12px 40px #0002;margin:18px 0}.adminPushPrompt{position:fixed;z-index:18;bottom:24px;right:24px;width:min(390px,calc(100vw - 32px));margin:0;background:#f5f9fd;box-shadow:0 14px 60px #0006}.pushDismiss{position:absolute;top:9px;right:10px;width:30px;height:30px;border:0;background:transparent;color:#668098;font-size:23px;border-radius:50%}.pushPromptTitle{display:flex;align-items:center;gap:10px;padding-right:22px}.pushPromptTitle>span{display:grid;place-items:center;width:30px;height:30px;background:#dcebf8;border-radius:9px;color:#235e90;font-size:20px}.pushPromptTitle strong{font-size:14px;line-height:1.4}.pushPrompt p{font-size:12px;line-height:1.6;color:#597185;margin:11px 0 15px}.pushPromptActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pushActivate{border:0;border-radius:9px;background:#235f94;color:white;font-size:12px;font-weight:700;padding:11px 14px}.pushActivate:disabled{opacity:.6;cursor:wait}.pushLater{border:0;background:transparent;color:#55748e;font-size:12px;padding:10px}.pushPrompt .pushError{color:#a3323a;background:#ffedef;padding:10px;border-radius:8px}.adminBody{padding-bottom:180px}@media(max-width:850px){.adminPushPrompt{bottom:16px;right:16px;padding:17px}.agendaSectionTitle{font-size:18px;margin-top:23px}.adminBody{padding-bottom:190px}}.admin{background:#f2f5f8;color:#203247;color-scheme:light}.adminTop{background:#14283d;border-bottom:0;box-shadow:0 2px 12px #162a4014;color:#fff}.adminTitle p{color:#58728b}.adminTitle h1{color:#172d43}.agendaSectionTitle{color:#20394f;padding-left:12px;border-left:4px solid #347db5;line-height:1.4}.admin .add{background:#246da4;box-shadow:0 5px 14px #246da426}.toolbar>div{background:#e5ebf1;border-color:#dbe3eb}.toolbar button{color:#536a7f;padding:10px 18px}.toolbar button.on{background:#fff;color:#235e8c;box-shadow:0 2px 7px #20324715}.toolbar input{background:#fff;border-color:#d5dfe8;color:#203247;min-height:44px}.toolbar input::placeholder{color:#788a9b}.toolbar input:focus{border-color:#347db5;box-shadow:0 0 0 3px #347db512}.appointments{background:#fff;border-color:#dce4eb;box-shadow:0 4px 20px #21364a05}.appointments article{border-bottom-color:#e7edf2;background:#fff}.appointments article:hover{background:#f8fbfd}.appointments time b{color:#245e89}.appointments small{color:#65798b}.client b{color:#1d3449}.svc{color:#435b70}.appointments time{border-right-color:#e1e9f0}.appointments select{background:#f1f5f8;color:#435b70;border-color:#d6e0e8}.appointments select.confirmado{background:#eaf6ef;border-color:#bcdcc9;color:#226b46}.appointments select.cancelado{background:#fff0f0;border-color:#edcccc;color:#a24646}.appointments select.pendiente{background:#fff7e6;border-color:#e9d8aa;color:#85641e}.actions button{background:#f4f7fa;border-color:#dbe4eb;color:#496b86}.actions button:last-child{background:#fff2f2;color:#ac5055;border-color:#efdadd}.admin .empty{color:#708295;background:#fff;border-color:#dce4eb;padding:54px 20px}.stats article{background:#fff;border-color:#dfe6ed;box-shadow:0 3px 12px #20324704;border-top:3px solid #9bb9d0}.stats small{color:#647a8e}.stats b{color:#243e55}.stats article:nth-child(3){border-top-color:#7eb59b}.stats article:nth-child(3) b{color:#28704e}.stats article:nth-child(4){border-top-color:#aaa0cb}.barberSummary{background:#fff;border-color:#dce4eb;box-shadow:0 4px 22px #20324705;margin-top:34px}.summaryHeader p{color:#6e8093}.summaryHeader h2{color:#20394f}.summarySwitch{background:#edf1f5;border-color:#e0e7ee}.summarySwitch button{color:#667b8e}.summarySwitch button[aria-pressed=true]{background:#255e89}.periodNavigator strong{color:#314c63}.periodNavigator button{background:#f4f7fa;border-color:#dce5ed;color:#496e8c}.periodPicker label{color:#657c90}.periodPicker input{background:#fff;border-color:#d4dfe8;color:#29445a}.currentPeriod{background:#edf4fa;border-color:#d2e2ef;color:#315f83}.periodStats article{background:#f4f7fa;border-color:#e7edf3}.periodStats small{color:#60788d}.periodStats b{color:#2d506c}.periodStats span{color:#708496}.periodStats article:nth-child(2){background:#edf7f1;border-color:#deeee5}.periodStats article:nth-child(2) b{color:#2d7652}.periodStats article:nth-child(3){background:#fff8ea;border-color:#f4ead3}.periodStats article:nth-child(3) b{color:#96712b}.periodStats article:nth-child(4){background:#faf0f0;border-color:#f0e2e2}.periodStats article:nth-child(4) b{color:#a56565}.summaryNote{color:#718396}@media(max-width:850px){.adminBody{padding-top:26px}.appointments article{background:#fff;border-color:#dce4eb!important;box-shadow:0 3px 12px #20324704}.appointments time{border-right-color:#e1e9f0}.toolbar>div{padding:5px}.admin .empty{padding:42px 18px}.barberSummary{margin-top:28px}}.card,.edit,.pinModal{color-scheme:light}a,button,input,select{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}@media(max-width:850px){html{scroll-padding-top:16px}.admin,.reserve{min-height:100svh}.adminTop,.top{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.reserve{padding-bottom:calc(32px + env(safe-area-inset-bottom));gap:0}.intro{padding-bottom:22px}.heroBrand{display:none}.intro h1{font-size:42px;line-height:1.04;margin:15px 0 8px}.intro>p{font-size:16px}.card{padding:22px 16px;box-shadow:0 12px 35px #0004}.card,.flow{min-width:0}.card input,.edit input,.edit select,.periodPicker input,.pinModal input,.toolbar input{font-size:16px;min-height:48px;min-width:0}.adminTop>button,.stepHead button,.top>button{min-height:44px}.stepHead{gap:10px}.stepHead button{padding:10px 8px}.stepHead>span{flex-shrink:0}.days{grid-template-columns:repeat(7,minmax(44px,1fr));gap:6px;scroll-snap-type:x proximity;padding-bottom:8px}.days button{min-width:44px;min-height:64px;scroll-snap-align:start}.days button small{font-size:10px}.hours{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hours button{min-height:60px;font-size:15px}.summary{gap:12px;padding:14px}.summary div{min-width:0}.summary b,.summary small{overflow-wrap:anywhere}.summary strong{white-space:nowrap}.services button{min-height:82px}.serviceInfo{min-width:0}.serviceInfo b{overflow-wrap:anywhere}.adminBody{padding:24px 14px calc(35px + env(safe-area-inset-bottom))}.adminTitle{display:grid;gap:17px}.adminTitle h1{font-size:30px;line-height:1.1}.adminTitle .add{min-height:48px;width:100%;font-size:14px}.agendaSectionTitle{margin-top:25px}.toolbar{gap:12px}.toolbar button{min-height:44px;padding:10px 8px}.toolbar input,.toolbar>div{width:100%}.appointments article{grid-template-columns:64px minmax(0,1fr);gap:10px 12px;padding:16px}.appointments time{grid-column:1;grid-row:1/3;align-self:stretch;align-content:start;padding-top:3px}.client,.svc{grid-column:2;min-width:0;overflow-wrap:anywhere}.client{grid-row:1}.svc{grid-row:2}.appointments select{grid-column:1/-1;grid-row:3;width:100%;min-height:44px;font-size:16px;border-radius:10px}.actions{grid-column:1/-1;grid-row:4;display:flex;justify-content:flex-end;gap:10px}.actions button{width:46px;height:44px;font-size:20px}.client b{font-size:16px}.appointments small{font-size:13px}.summaryHeader{gap:10px}.summarySwitch button{min-height:44px;padding:10px 13px}.periodNavigator{gap:8px}.periodNavigator button{width:44px;height:44px}.periodNavigator strong{font-size:13px}.periodPicker{flex-wrap:wrap}.periodPicker label{min-width:0}.currentPeriod{min-height:48px}.periodStats article{min-width:0}.periodStats small{line-height:1.5}.periodStats span,.summaryNote{font-size:12px}.overlay{padding:10px;align-items:center}.edit{max-height:calc(100dvh - 20px);padding:20px 16px calc(20px + env(safe-area-inset-bottom));overscroll-behavior:contain}.edit header button,.pinClose{min-width:44px;min-height:44px}.editGrid{grid-template-columns:minmax(0,1fr)}.edit label{min-width:0}.pinOverlay{padding:0;align-items:end}.pinModal{max-height:95dvh;overflow:auto;overscroll-behavior:contain}.pushActivate,.pushDismiss,.pushLater{min-height:44px}.pushDismiss{width:44px;top:3px;right:3px}.adminPushPrompt{bottom:calc(12px + env(safe-area-inset-bottom))}}@media(max-width:360px){.services button{grid-template-columns:30px minmax(0,1fr) auto;gap:8px}.serviceIcon{width:30px;height:36px}.serviceArrow{display:none}.services strong{font-size:11px}.services b{font-size:13px}.card{padding:20px 13px}.periodPicker{display:grid;grid-template-columns:minmax(0,1fr)}.periodPicker label{width:100%}.summaryHeader{flex-wrap:wrap}.intro h1{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.admin{background:#e7edf3}.toolbar{padding:14px;background:#d7e2ec;border:1px solid #b6c9da;border-radius:16px}.toolbar>div{background:#c4d3e0;border-color:#b5c6d5}.toolbar button{color:#314b62}.toolbar button.on{background:#245f8e;color:#fff}.toolbar input{border-color:#a6bdd0}.appointments{border:1px solid #b8cbdc;box-shadow:0 5px 20px #20324709}.appointments article{grid-template-columns:78px minmax(125px,1.2fr) minmax(100px,.9fr) 135px minmax(220px,1.5fr);padding:20px 16px;border-bottom:2px solid #cedbe6}.appointments time{background:#e8f1f8;padding:12px 8px;border-radius:10px}.appointments time b{color:#174e78}.appointments time small{color:#446780}.actions{flex-wrap:wrap;gap:7px}.actions button{width:auto;height:auto;min-height:42px;padding:9px 11px;font-size:12px;font-weight:700;border:1px solid #8cacc6;background:#e5f0f9;color:#194f78}.actions button:nth-child(2){border-color:#9ac8af;background:#eaf6ee;color:#236444}.actions button:last-child{border-color:#dba9ab;background:#fcebed;color:#9b3039}.sectionDivider{font-size:18px;color:#304a60;margin:32px 0 14px;border-top:2px solid #bbcbd9;padding-top:24px}.stats{margin:14px 0 28px}.stats article{border-color:#b8cbd9;box-shadow:0 4px 12px #2032470a}.stats article:first-child{background:#edf5fc;border-top-color:#3f7caa}.stats article:nth-child(2){background:#fff;border-top-color:#8096a9}.stats article:nth-child(3){background:#eaf4ed;border-top-color:#438966}.stats article:nth-child(4){background:#f2eef9;border-top-color:#8772b0}.barberSummary{border:1px solid #adc2d3;border-top:5px solid #345d7d;margin-top:32px}.summaryHeader{padding-bottom:17px;border-bottom:1px solid #c6d5e1}.periodStats article{border-color:#c8d6e1}.periodStats article:nth-child(2){border-color:#b2d1bf}.periodStats article:nth-child(3){border-color:#e1cd9e}.periodStats article:nth-child(4){border-color:#dfbabc}.summaryNote{color:#536a7f}.fixedSection{background:#fff;border:1px solid #b5c4da;border-top:5px solid #7260a2;border-radius:20px;padding:24px;margin:30px 0}.fixedHeader{display:flex;align-items:center;justify-content:space-between;gap:15px}.fixedHeader p{font-size:10px;letter-spacing:.13em;font-weight:800;color:#74638e;margin:0 0 6px}.fixedHeader h2{font-size:24px;margin:0;color:#3c3158}.fixedAdd{border:1px solid #b4a5d0;background:#eee9f7;color:#534074;border-radius:10px;min-height:46px;padding:10px 14px;font-weight:700}.fixedHint,.fixedIntro{font-size:13px;line-height:1.6;color:#586c80}.fixedHint{background:#eeeaf6;border:1px solid #d5cce7;border-radius:10px;padding:12px;color:#57436f}.fixedForm{padding:18px;border:1px solid #d1c6e0;border-radius:14px;background:#f8f6fc;margin:18px 0}.fixedForm label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#4b5d70;margin:12px 0 0}.fixedForm input,.fixedForm select{min-width:0;width:100%;min-height:48px;border:1px solid #b5c3d3;border-radius:9px;background:#fff;color:#243b50;padding:12px;font-size:16px}.fixedEmpty{background:#f4f1f8;color:#796c8e;padding:20px;border-radius:12px;font-size:13px}.fixedList{display:grid;gap:10px}.fixedList article{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f5f2fa;border:1px solid #d4cbe3;border-radius:12px;padding:16px}.fixedList article>div{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.fixedList strong{color:#43335e}.fixedList span{font-size:13px;color:#5e487f}.fixedList small{font-size:12px;color:#756984}.fixedConfirm button,.fixedList button{min-height:44px;border:1px solid #d8aaaf;background:#fff0f1;color:#973e48;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700;white-space:nowrap}.fixedBadge{justify-self:start;background:#eee7f8;border:1px solid #c9b7e1;color:#665085;font-size:10px;border-radius:5px;padding:4px 7px;font-weight:700}.fixedConfirm{margin-top:16px;padding:16px;background:#fff1f1;border:1px solid #dcadae;border-radius:12px;color:#7f3f43;font-size:13px}.fixedConfirm p{line-height:1.6}.fixedConfirm>div{display:flex;gap:10px;flex-wrap:wrap}.fixedConfirm button:last-child{color:#3b556d;background:#fff;border-color:#bdcdda}@media(max-width:850px){.appointments{border:0;box-shadow:none}.appointments article{grid-template-columns:64px minmax(0,1fr);border-color:#a7bfd2!important;border-left:4px solid #407eac!important;box-shadow:0 5px 14px #2032470c;padding:16px 13px}.appointments time{padding:10px 5px}.actions{display:grid;grid-template-columns:1.4fr 1fr 1fr;width:100%;gap:7px;padding-top:8px;border-top:1px solid #c9d7e2}.actions button{width:100%;min-height:46px;font-size:12px;padding:9px 5px}.toolbar{padding:12px;gap:11px}.fixedSection{padding:20px 15px}.fixedHeader{flex-wrap:wrap}.fixedForm{padding:13px}.fixedList article{align-items:start;flex-direction:column;gap:12px}.fixedList button{width:100%}.sectionDivider{margin-top:28px}.fixedHeader h2{font-size:23px}}