:root{font-family:Inter,system-ui,sans-serif;color:#f7f1e8;background:#12100e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 10% 0,#33231d 0,transparent 32rem),#12100e}button,.button,input,select{font:inherit}button,.button{border:0;border-radius:12px;background:#d94a35;color:#fff;min-height:48px;padding:12px 18px;font-weight:700;cursor:pointer;text-decoration:none;text-align:center}button:disabled{opacity:.5}.ghost,.back{background:transparent;color:#d94a35;border:1px solid #55433c}.back{min-height:32px;padding:5px 0;border:0}.setup,.error,.closed{padding:12px 16px;text-align:center}.setup{background:#a86f16}.error{background:#4b211e;color:#ffb8af;border-radius:10px}.center{text-align:center}.muted{color:#aa9d94}.brand{display:flex;align-items:center;gap:12px}.brand>div:last-child{display:grid}.brand span,.brand strong{font-family:Archivo Black,Impact,sans-serif;line-height:.9}.brand span{font-size:1.55rem}.brand strong{color:#d94a35;font-size:1.05rem}.faces{display:flex!important;gap:2px}.face{width:31px;height:34px;border-radius:16px 16px 12px 12px;background:#75432d;position:relative;overflow:hidden}.face i{position:absolute;width:100%;height:13px;background:#17110f;border-radius:50%;top:-2px}.face.red i{border-top:5px solid #d94a35}.face.bubbles i{box-shadow:6px 0 #17110f,13px -3px #17110f}.face.white i{background:#ece3d8}.face b{position:absolute;bottom:1px;left:9px;font-size:9px}.splash{min-height:100dvh;display:grid;place-content:center;gap:50px}.splash .brand{transform:scale(1.5)}.loader{text-align:center;display:grid;place-items:center;gap:5px}.clipper{font-size:35px;animation:cut 1s infinite alternate}.hair{width:120px;height:6px;background:repeating-linear-gradient(90deg,#d94a35 0 4px,transparent 4px 8px);animation:shrink 1s infinite alternate}@keyframes cut{to{transform:translate(80px)}}@keyframes shrink{to{width:40px}}.public{max-width:650px;margin:auto;padding:24px 16px}.hero{padding:50px 4px 22px}.hero p{margin:0;color:#d94a35;font-weight:700}.hero h1,.admin-body h1,.login h1{font-family:Archivo Black,Impact,sans-serif;font-size:2.2rem;margin:.2em 0}.card,.panel{background:#211b18;border:1px solid #3d312c;border-radius:20px;padding:20px;box-shadow:0 18px 50px #0005}.steps{display:flex;gap:7px;margin-bottom:22px}.steps i{height:4px;flex:1;background:#493b35;border-radius:5px}.steps .on{background:#d94a35}.booking h2{margin:0 0 18px}.service-list{display:grid;gap:10px}.service{background:#2c2420;display:flex;justify-content:space-between;text-align:left}.service span:last-child{display:grid;text-align:right}.service del{color:#a6978e;font-size:.75rem}.date-grid{display:flex;overflow:auto;gap:8px;padding-bottom:8px}.date-grid button{background:#302721;min-width:92px}.selected{outline:2px solid #f5b04c!important;background:#6a2d24!important}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 18px}.time-grid button{background:#302721}label{display:grid;gap:7px;margin:14px 0;font-size:.85rem;font-weight:700}input,select{width:100%;min-height:48px;border:1px solid #55463f;border-radius:10px;background:#171310;color:#fff;padding:10px}form>button{width:100%;margin-top:10px}.choice{display:flex;align-items:center;background:#302721;padding:14px;border-radius:12px}.choice input{width:22px;min-height:auto}.choice span{display:flex;justify-content:space-between;width:100%}.summary,dl div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #443731}.confirmation{text-align:center;margin-top:50px}.check{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#2c824d;font-size:2rem;margin:auto}.confirmation dl{text-align:left}.confirmation dt{color:#aa9d94}.confirmation dd{margin:0;font-weight:700}.confirmation button{width:100%;margin-top:10px}.closed{background:#3b2c1e;border:1px solid #8c632f;border-radius:15px;display:grid;gap:7px}footer{text-align:center;padding:40px}footer a,.login a,.social a{color:#d8a38d}.barber header{padding:18px;display:flex;justify-content:space-between}.logout{min-height:38px;padding:7px 13px;background:#302721}.barber nav{position:sticky;top:0;z-index:2;background:#171310;display:flex;overflow:auto;padding:8px;gap:5px;border-block:1px solid #302721}.barber nav button{background:transparent;min-height:40px;white-space:nowrap;padding:8px 12px;color:#bcaea6}.barber nav .active{background:#d94a35;color:#fff}.admin-body{max-width:850px;margin:auto;padding:26px 16px 80px}.eyebrow{color:#d94a35;font-weight:800;font-size:.75rem;letter-spacing:.1em}.timeline,.appointments{display:grid;gap:9px}.slot,.appointments article,.block{display:flex;align-items:center;gap:16px;background:#211b18;border:1px solid #3a2f2a;padding:15px;border-radius:13px}.slot>b{font-size:1.25rem}.slot span,.appointments article>div:first-child{display:grid;gap:3px}.slot small,.appointments small{color:#aa9d94}.free{color:#61b77a}.appointments article{justify-content:space-between}.appointments select{width:auto}.title-row,.two,.actions,.block{display:flex;justify-content:space-between;gap:10px}.title-row button{align-self:center}.panel{margin:15px 0}.disabled{opacity:.5}.small{min-height:34px;padding:6px 9px;font-size:.75rem}.switch{display:flex;align-items:center;background:#211b18;padding:14px;border-radius:12px}.switch input{width:22px;min-height:auto}.week{display:grid;gap:7px;margin:16px 0}.weekday{display:grid;grid-template-columns:70px repeat(4,1fr);gap:6px;align-items:center;background:#211b18;padding:8px;border-radius:10px}.weekday label{display:flex;margin:0}.weekday input{min-width:0;padding:5px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats article{background:#211b18;border:1px solid #3a2f2a;border-radius:14px;padding:18px;display:grid;gap:8px}.stats small{color:#aa9d94}.stats b{font-size:1.2rem}.qr{text-align:center}.qr img{display:block;width:min(75vw,360px);margin:20px auto;border-radius:14px}.qr code{display:block;overflow-wrap:anywhere;margin:15px}.qr .button,.qr button{display:block;width:100%;margin:10px 0}.social{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:25px}.login{min-height:100dvh;display:grid;place-content:center;gap:35px;padding:20px}.login .card{width:min(90vw,400px)}@media(min-width:700px){.barber nav{justify-content:center}.admin-body{padding-top:45px}.stats{grid-template-columns:repeat(3,1fr)}}:root{--gold:#e6a821;--gold-light:#ffc84a;--ink:#050606;--panel:#101213;--line:#292b2c;color:#f7f7f4;background:var(--ink)}body{background-color:var(--ink);background-image:radial-gradient(circle at 80% 8%,#2d210d66 0,transparent 24rem),radial-gradient(circle at 5% 55%,#7a4b091c 0,transparent 26rem),repeating-linear-gradient(115deg,#ffffff05 0 1px,transparent 1px 16px)}button,.button{border-radius:9px;background:linear-gradient(135deg,#edae27,#bd7910);color:#090909;box-shadow:inset 0 1px #ffe08288,0 7px 22px #0007;text-transform:uppercase;letter-spacing:.02em}.ghost,.back{background:transparent;color:var(--gold-light);border-color:#71500f;box-shadow:none}.error{background:#291412;border:1px solid #6c2921}.brand{gap:10px}.brand>img{width:70px;height:52px;object-fit:contain;filter:drop-shadow(0 4px 8px #000)}.brand span{font-family:Impact,Arial Black,sans-serif;color:#f4f0e7;font-size:1.8rem;letter-spacing:.06em;text-shadow:1px 2px #000}.brand strong{color:var(--gold);letter-spacing:.09em}.public>.brand{justify-content:center}.public>.brand>img{width:90px;height:66px}.splash{overflow:hidden;background:radial-gradient(circle at center,#271a08 0,#030404 62%)}.splash .brand{transform:none;display:grid;justify-items:center;gap:8px}.splash .brand>img{width:min(88vw,520px);height:min(48vh,430px)}.splash .brand>div{justify-items:center}.splash .brand span{font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,14vw,6rem);font-weight:900;letter-spacing:.04em}.splash .brand strong{font-size:clamp(1.5rem,7vw,3rem)}.loader small{color:#d7bd82;text-transform:uppercase;letter-spacing:.12em}.clipper{color:var(--gold)}.hair{background:repeating-linear-gradient(90deg,var(--gold) 0 4px,transparent 4px 8px)}.public{padding-top:18px}.hero{position:relative;min-height:370px;padding:246px 8px 26px;text-align:center;border-bottom:1px solid #60420f;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;inset:8px -8px auto;height:255px;background:url(/pedrin-trio.png) center/contain no-repeat;filter:drop-shadow(0 15px 18px #000)}.hero:after{content:"";position:absolute;z-index:-2;top:30px;left:50%;width:280px;height:210px;transform:translate(-50%) rotate(-5deg);border-radius:50%;background:#b8780c;opacity:.23;box-shadow:0 0 0 2px #d99c2170,0 0 70px #c07a1733}.hero p{font-size:.9rem;letter-spacing:.13em;text-transform:uppercase;color:#f6f1e6}.hero h1{font-family:Impact,Arial Black,sans-serif;font-size:clamp(2.5rem,12vw,4.4rem);line-height:.88;text-transform:uppercase;color:var(--gold);text-shadow:2px 3px #000;margin:.12em 0}.card,.panel,.slot,.appointments article,.stats article,.weekday{background:linear-gradient(145deg,#131516,#090a0a);border-color:var(--line);box-shadow:inset 0 1px #ffffff08,0 15px 35px #0006}.booking{border-top:2px solid var(--gold);border-radius:14px}.steps i{background:#303234}.steps .on{background:var(--gold);box-shadow:0 0 10px #df9d24}.booking h2,.admin-body h1,.login h1{font-weight:500;color:#fff}.service{background:linear-gradient(145deg,#161819,#0c0d0e);border:1px solid #292b2c;color:#fff;text-transform:none;box-shadow:none}.service b,.summary b,.eyebrow{color:var(--gold-light)}.date-grid button,.time-grid button{background:#121415;border:1px solid #292c2d;color:#fff;box-shadow:none;text-transform:none}.selected{outline:1px solid var(--gold-light)!important;background:linear-gradient(135deg,#efb132,#c18112)!important;color:#070707!important}.choice{background:#121415;border:1px solid #292c2d}.choice input{accent-color:var(--gold)}input,select{background:#101213;border-color:#292c2d}.check{background:transparent;color:var(--gold);border:3px solid var(--gold);box-shadow:0 0 24px #d89b2440}.barber header{background:#080909;border-bottom:1px solid #30230c}.barber nav{background:#080909;border-color:#30230c}.barber nav .active{background:var(--gold);color:#070707}.barber nav button{text-transform:none;box-shadow:none}.free{color:var(--gold)}.switch{background:#111314;border:1px solid #292c2d}.switch input{accent-color:var(--gold)}.qr img{border:7px solid #fff;box-shadow:0 0 0 2px var(--gold),0 18px 50px #000}.login{background:radial-gradient(circle at 50% 20%,#382408 0,transparent 24rem)}@media(min-width:700px){.public{padding-top:28px}.hero{min-height:430px;padding-top:300px}.hero:before{height:310px}.public>.brand{justify-content:flex-start}.booking{padding:28px}}.hero:before{background-image:url(/pedrin-trio.jpg)}.splash .loader{width:min(84vw,520px);overflow:hidden}.clipper-track{position:relative;width:100%;height:74px;border-bottom:2px solid #d79b22}.clipper-track .clipper{position:absolute;left:-78px;bottom:-3px;width:88px;height:59px;object-fit:cover;object-position:center;mix-blend-mode:screen;animation:clipper-run 5s linear forwards;filter:drop-shadow(0 0 12px #e6a82199)}.clipper-track .hair{position:absolute;left:0;right:0;bottom:-5px;width:auto;height:7px;animation:hair-cut 5s linear forwards;transform-origin:right center}@keyframes clipper-run{0%{transform:translate(0) rotate(-10deg)}to{transform:translate(calc(min(84vw,520px) + 78px)) rotate(-10deg)}}@keyframes hair-cut{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.brand>img,.hero:before{mix-blend-mode:normal}.brand>img{-webkit-mask-image:radial-gradient(ellipse at center,#000 62%,transparent 96%);mask-image:radial-gradient(ellipse at center,#000 62%,transparent 96%)}.hero:before{-webkit-mask-image:radial-gradient(ellipse at center,#000 62%,transparent 98%);mask-image:radial-gradient(ellipse at center,#000 62%,transparent 98%)}@keyframes clipper-run{0%{transform:translate(0) scaleX(-1) rotate(-10deg)}to{transform:translate(calc(min(84vw,520px) + 78px)) scaleX(-1) rotate(-10deg)}}body,.splash,.login,.barber,.barber .admin-body{background:#000;background-image:none}.barber{min-height:100dvh}.password-form{max-width:480px}.password-form label small{color:#9e938c;font-weight:400}.success{padding:12px 16px;background:#102a19;color:#75d894;border:1px solid #285c38;border-radius:10px;text-align:center}.finance-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-bottom:18px}.biometric-option{display:grid;gap:7px;margin-top:10px}.biometric-option button{width:100%}.biometric-option small{color:#c8b892;text-align:center}.login .biometric-option{margin-bottom:16px}.splash{padding:max(24px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));animation:splash-exit 5s ease-in-out forwards}.splash-content{width:min(100%,480px);min-height:min(82dvh,720px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.splash-content .brand{opacity:0;animation:splash-in .7s ease-out forwards}.splash-content .brand>img{width:min(82vw,390px);height:auto;max-height:300px}.splash-content blockquote{margin:34px 0 12px;max-width:430px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.15rem,5.2vw,1.55rem);line-height:1.5;color:#f5efe3;opacity:0;animation:splash-in .8s .7s ease-out forwards}.splash-content cite{font-style:normal;color:var(--gold-light);font-weight:700;letter-spacing:.08em;opacity:0;animation:splash-in .8s 1.05s ease-out forwards}.splash-content>small{margin-top:auto;padding-top:32px;color:#bcae91;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;opacity:0;animation:splash-in .8s 1.5s ease-out forwards}.splash-content>small i{color:var(--gold);font-style:normal;padding:0 .35em}@keyframes splash-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-exit{0%,84%{opacity:1}to{opacity:0}}