@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
.hero{background-size:cover;background-position:center;border-radius:var(--radius)}.barber-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}
.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.media-card{background:var(--surface);padding:12px;border-radius:var(--radius);display:grid;gap:8px}.media-card img{width:100%;aspect-ratio:1.4;object-fit:contain;border-radius:10px;background:var(--bg)}.media-card input[type=file]{width:100%;font-size:.7rem}
.calendar-head,.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-head{text-align:center;color:var(--muted);font-size:.7rem;margin-bottom:7px}.calendar-day{aspect-ratio:.82;min-height:58px;padding:8px;border-radius:12px;color:var(--text);display:flex;flex-direction:column;justify-content:space-between}.calendar-day small{font-size:.55rem}.calendar-day.empty{background:var(--surface)}.calendar-day.partial{background:#294d47}.calendar-day.almost{background:#705628}.calendar-day.full{background:#8b3e3e}.calendar-day.closed{background:#282a2e;opacity:.55}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;font-size:.68rem;color:var(--muted)}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:10px;height:10px;border-radius:50%}.legend .empty{background:var(--surface-2)}.legend .partial{background:#294d47}.legend .almost{background:#705628}.legend .full{background:#8b3e3e}.legend .closed{background:#555}
.stack select,.form-grid select{width:100%;background:var(--surface);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:12px;outline:none}fieldset{border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);display:grid;gap:12px}legend{color:var(--primary);font-weight:700}
:root{--primary:#d6ad60;--secondary:#8f6f38;--bg:#0b0c0e;--surface:#15171b;--surface-2:#1e2126;--text:#f5f3ee;--muted:#9da1a8;--danger:#ef6b6b;--success:#52c98b;--radius:18px;--shadow:0 12px 40px rgba(0,0,0,.28)}[data-theme=light]{--bg:#f4f2ed;--surface:#fff;--surface-2:#ebe8e1;--text:#171717;--muted:#666}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--primary) 12%,transparent),transparent 35%),var(--bg)}a{color:var(--primary);text-decoration:none}button,input,textarea,select{font:inherit}button,a,input{min-height:44px}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);z-index:10}.topbar nav{display:flex;gap:14px;align-items:center}.topbar form{display:inline}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800}.brand img{width:38px;height:38px;object-fit:contain}.container{width:min(100% - 32px,1080px);margin:auto;padding:34px 0 110px}footer{text-align:center;color:var(--muted);padding:30px}.hero{padding:28px 0 18px}.hero h1,h1{font-size:clamp(2rem,10vw,3.8rem);line-height:1.05;margin:.35em 0}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:800;color:var(--primary)}h2{font-size:1.15rem;margin:32px 0 14px}.cards,.stack{display:grid;gap:12px}.card{background:linear-gradient(145deg,var(--surface-2),var(--surface));border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--text)}.card small,.card div{display:block}.card small,.hint{color:var(--muted);margin-top:5px}.service.selected{border-color:var(--primary)}.service>span{text-align:right;font-size:.8rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head h1,.section-head h2{margin-right:auto}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{border-radius:14px;padding:13px 8px;text-align:center;background:var(--surface);color:var(--text);font-weight:700;border:1px solid transparent}.slot small{display:block;font-weight:400;font-size:.65rem;margin-top:3px;color:var(--muted)}.slot.available{border-color:color-mix(in srgb,var(--primary) 45%,transparent)}.slot.occupied{opacity:.45}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:0 20px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#111;font-weight:800;cursor:pointer}.button.full{width:100%}.button.ghost{background:var(--surface-2);color:var(--text)}.whatsapp{background:#25d366;margin:20px 0}.link{background:none;border:0;color:var(--primary);cursor:pointer}.danger{background:none;color:var(--danger);border:1px solid var(--danger);border-radius:10px}.auth-box{max-width:480px;margin:2vh auto}.stack label,.form-grid label{display:grid;gap:7px;color:var(--muted);font-size:.86rem}.stack input,.stack textarea,.form-grid input,.form-grid textarea,.search input,input[type=date],input[type=month]{width:100%;background:var(--surface);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:12px;outline:none}.stack input:focus,.stack textarea:focus{border-color:var(--primary)}.term{grid-template-columns:auto 1fr!important;align-items:start;background:var(--surface);padding:16px;border-radius:var(--radius)}.term input{width:22px;height:22px}.term small{display:block;margin-top:8px;line-height:1.5}.alert{padding:14px;border-radius:12px;margin-bottom:12px}.alert.error{background:rgba(239,107,107,.15);color:#ffaaaa}.alert.success{background:rgba(82,201,139,.14);color:#8eebba}.success-page,.empty{text-align:center;padding:30px}.success-icon{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:var(--success);color:#07130c;font-size:2rem;margin:auto}.actions,.quick-actions,.counts{display:flex;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats article{background:var(--surface);padding:15px;border-radius:var(--radius)}.stats strong{font-size:1.7rem;display:block;color:var(--primary)}.stats span{font-size:.72rem;color:var(--muted)}.timeline{display:grid;gap:10px}.timeline time{font-weight:800;color:var(--primary)}.badge{font-size:.68rem;padding:6px 8px;border-radius:99px;background:var(--surface-2)}.badge.completed{color:var(--success)}.badge.cancelled,.badge.no_show{color:var(--danger)}.blocked{opacity:.6}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;overflow-x:auto;background:color-mix(in srgb,var(--surface) 95%,transparent);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.08);z-index:20;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;min-width:76px;text-align:center;padding:16px 8px;font-size:.7rem;color:var(--muted)}details summary{cursor:pointer;width:100%;display:flex;justify-content:space-between;gap:10px}.form-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.wide{grid-column:1/-1}.check{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr!important}.check input{width:20px}.search{display:flex;margin-bottom:16px}.search button{border:0;background:var(--primary);padding:0 18px}.tabs{display:flex;overflow:auto;gap:8px;margin-bottom:18px}.tabs a{background:var(--surface);padding:12px;border-radius:10px;white-space:nowrap;color:var(--muted)}.tabs a.active{background:var(--primary);color:#111}@media(min-width:720px){.slots{grid-template-columns:repeat(6,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.bottom-nav{left:50%;transform:translateX(-50%);max-width:720px;border-radius:18px 18px 0 0}.container{padding-top:50px}.hero{padding:70px 0 35px}}