:root{--bg-primary:#0c0a08;--surface:#151311;--surface-low:#1e1b19;--surface-container:#221f1d;--surface-high:#2c2927;--surface-highest:#373431;--bg-secondary:#1a1610;--bg-elevated:#231e16;--bg-leather:#3d2b1f;--accent-gold:#c9a96e;--accent-gold-light:#d4b88a;--primary:#e6c487;--primary-container:#c9a96e;--on-primary:#412d00;--accent-cream:#f5e6cc;--text-primary:#e8e1dd;--text-secondary:#d0c5b5;--text-muted:#998f81;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#6aa9d8;--border:#c9a96e33;--border-strong:#c9a96e66;--outline-variant:#4d463a;--radius-sm:.125rem;--radius:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--font-logo:"Cinzel Decorative", serif;--font-heading:"Playfair Display", serif;--font-body:"Inter", sans-serif;--font-accent:"Cormorant Garamond", serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}.text-gold{color:var(--accent-gold)}.text-primary-gold{color:var(--primary)}.text-cream{color:var(--accent-cream)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.font-logo{font-family:var(--font-logo)}.font-heading{font-family:var(--font-heading)}.font-accent{font-family:var(--font-accent)}.label{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.bg-secondary{background-color:var(--bg-secondary)}.bg-elevated{background-color:var(--bg-elevated)}.bg-leather{background-color:var(--bg-leather)}.border-gold{border:1px solid var(--border)}.gold-glow{transition:box-shadow .3s;box-shadow:0 0 15px #c9a96e40}.gold-glow:hover{box-shadow:0 0 28px #c9a96e73}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);background:#221f1d99}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}@media (min-width:1024px){.container{padding:0 80px}}.btn{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.8125rem;font-weight:600;transition:all .25s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:var(--on-primary);border:1px solid var(--primary);box-shadow:0 0 18px #c9a96e33}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn-outline{color:var(--primary);border:1px solid var(--border-strong);background-color:#0000}.btn-outline:hover:not(:disabled){border-color:var(--primary);background-color:#c9a96e14}.btn-ghost{color:var(--text-secondary);background-color:#0000;border:1px solid #0000}.btn-ghost:hover:not(:disabled){color:var(--primary);background-color:#ffffff08}.btn-danger{color:var(--danger);background-color:#0000;border:1px solid #ef444466}.btn-danger:hover:not(:disabled){background-color:#ef44441a}.btn-sm{padding:.45rem .9rem;font-size:.7rem}.btn-lg{padding:.9rem 2rem;font-size:.875rem}.btn-block{width:100%}.card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);background:#221f1d99;padding:1.5rem;transition:transform .3s,border-color .3s;position:relative}.card-hover:hover{border-color:var(--border-strong);transform:translateY(-4px)}.card-framed:after{content:"";border:.5px solid var(--border);border-radius:var(--radius-sm);pointer-events:none;position:absolute;inset:4px}.field{flex-direction:column;gap:.4rem;display:flex}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-cream);font-size:.75rem;font-weight:600}.input,.select,.textarea{border:none;border-bottom:1px solid var(--outline-variant);width:100%;color:var(--text-primary);background:0 0;padding:.6rem .1rem;font-size:.95rem;transition:border-color .25s}.input:focus,.select:focus,.textarea:focus{border-bottom-color:var(--primary);outline:none}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.select{cursor:pointer}.select option{background:var(--surface-high);color:var(--text-primary)}.field-error{color:var(--danger);font-size:.75rem}.badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-gold{color:var(--primary);border-color:var(--border);background:#c9a96e1f}.badge-success{color:var(--success);background:#10b9811f;border-color:#10b9814d}.badge-danger{color:var(--danger);background:#ef44441f;border-color:#ef44444d}.badge-warning{color:var(--warning);background:#f59e0b1f;border-color:#f59e0b4d}.badge-muted{color:var(--text-muted);border-color:var(--border);background:#ffffff0a}.signature{color:var(--primary);justify-content:center;align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.signature:before,.signature:after{content:"";background:linear-gradient(to right, transparent, var(--border-strong), transparent);flex:1;max-width:120px;height:1px}.signature-mark{font-family:var(--font-logo);letter-spacing:.1em;font-size:.9rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface-high);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;max-width:480px;padding:1.75rem;box-shadow:0 20px 60px #0009}.shell{min-height:100vh;display:flex}.shell-sidebar{background:var(--surface-low);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:.25rem;width:248px;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.shell-topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#151311cc;justify-content:space-between;align-items:center;height:68px;padding:0 1.5rem;display:flex;position:sticky;top:0}.shell-content{flex:1;padding:1.5rem}.nav-link{border-radius:var(--radius);color:var(--text-secondary);align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.9rem;transition:all .2s;display:flex}.nav-link:hover{color:var(--text-primary);background:#ffffff0a}.nav-link-active{color:var(--primary);background:#c9a96e1f}@media (max-width:768px){.shell-sidebar{display:none}}.section{padding:80px 0}@media (min-width:1024px){.section{padding:120px 0}}.booking-stepper{justify-content:space-between;align-items:flex-start;gap:.5rem;list-style:none;display:flex}.booking-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex;position:relative}.booking-step:before{content:"";background:var(--border);height:1px;position:absolute;top:16px;left:calc(16px - 50%);right:calc(50% + 16px)}.booking-step:first-child:before{display:none}.booking-step-dot{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-low);width:32px;height:32px;color:var(--text-muted);z-index:1;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;transition:all .25s;display:inline-flex;position:relative}.booking-step-dot.is-active{border-color:var(--primary);color:var(--on-primary);background:var(--primary);box-shadow:0 0 14px #c9a96e59}.booking-step-dot.is-done{border-color:var(--border-strong);color:var(--primary);background:#c9a96e1f}.booking-step-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:600}.booking-step-label.is-active{color:var(--primary)}.booking-step-label.is-done{color:var(--text-secondary)}.booking-title{margin-bottom:1.25rem;font-size:1.5rem}.booking-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.booking-option{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:#221f1d99;gap:1rem;padding:1.25rem;transition:all .25s;display:flex}.booking-option:hover{border-color:var(--border-strong);transform:translateY(-2px)}.booking-option.is-selected{border-color:var(--primary);box-shadow:0 0 18px #c9a96e33}.booking-option-icon{border-radius:var(--radius);border:1px solid var(--border);width:40px;height:40px;color:var(--primary);background:#c9a96e14;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.booking-option-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.booking-option-title{color:var(--accent-cream);font-size:1.1rem}.booking-price{white-space:nowrap;font-size:1.2rem}.booking-option-desc{margin-top:.35rem;font-size:.85rem;line-height:1.5}.booking-slots{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:.6rem;display:grid}.booking-slot{text-align:center;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);letter-spacing:.04em;background:#221f1d99;padding:.65rem .5rem;font-size:.9rem;font-weight:500;transition:all .2s}.booking-slot:hover{border-color:var(--border-strong);color:var(--text-primary)}.booking-slot.is-selected{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.booking-daypicker{--rdp-day-width:40px;--rdp-day-height:40px;--rdp-day_button-width:38px;--rdp-day_button-height:38px;--rdp-day_button-border-radius:var(--radius);--rdp-selected-border:1px solid var(--primary);--rdp-disabled-opacity:.3;color:var(--text-primary);font-family:var(--font-body)}.booking-daypicker .rdp-caption_label,.booking-daypicker .rdp-month_caption{color:var(--accent-cream);font-family:var(--font-heading)}.booking-daypicker .rdp-weekday{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:600}.booking-daypicker .rdp-day_button:hover:not([disabled]){background:#c9a96e1f}.booking-daypicker .rdp-selected .rdp-day_button{background:var(--primary);color:var(--on-primary);font-weight:700}.booking-daypicker .rdp-chevron{fill:var(--primary)}@keyframes booking-spin{to{transform:rotate(360deg)}}.booking-spin{animation:.8s linear infinite booking-spin}@media (max-width:560px){.booking-step-label{display:none}.booking-stepper{justify-content:space-around}}.pub-nav-desktop{display:none}.pub-nav-toggle{display:inline-flex}.pub-nav-link{transition:color .2s}.pub-nav-link:hover{color:var(--primary)}@media (min-width:768px){.pub-nav-desktop{display:flex}.pub-nav-toggle,.pub-nav-mobile{display:none}}.menu-row{border-bottom:1px solid var(--border);align-items:baseline;gap:.75rem;padding:.85rem 0;display:flex}.menu-row-name{color:var(--text-primary);white-space:nowrap;font-weight:500}.menu-leader{border-bottom:1px dotted var(--outline-variant);flex:1;transform:translateY(-.2rem)}.menu-row-price{color:var(--primary);font-family:var(--font-heading);white-space:nowrap;font-size:1.15rem}.grid-auto{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.grid-auto-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-auto-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.grid-auto-2-md{grid-template-columns:repeat(2,1fr)}}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;display:grid}.kpi{border:1px solid var(--border);border-radius:var(--radius);border-left:2px solid var(--primary);background:#221f1d99;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;position:relative}.kpi-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.kpi-icon{border-radius:var(--radius);border:1px solid var(--border);width:34px;height:34px;color:var(--primary);background:#c9a96e14;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kpi-value{color:var(--accent-cream);font-size:2rem;line-height:1.1}.kpi-hint{font-size:.78rem}.admin-table-wrap{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table thead th{text-align:left;font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:.85rem 1.25rem;font-size:.7rem;font-weight:600}.admin-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-primary);padding:1rem 1.25rem}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr{transition:background .2s}.admin-table tbody tr:hover{background:#ffffff05}.icon-btn{border-radius:var(--radius);border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);background:0 0;justify-content:center;align-items:center;margin-left:.4rem;transition:all .2s;display:inline-flex}.icon-btn:hover{color:var(--primary);border-color:var(--border-strong)}.icon-btn-danger:hover{color:var(--danger);border-color:#ef444466}.toggle{border-radius:var(--radius-full);background:var(--surface-highest);border:1px solid var(--outline-variant);align-items:center;width:44px;height:24px;transition:all .25s;display:inline-flex;position:relative}.toggle:disabled{opacity:.5;cursor:not-allowed}.toggle-knob{border-radius:var(--radius-full);background:var(--text-muted);width:16px;height:16px;transition:all .25s;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.toggle-on{border-color:var(--primary);background:#c9a96e40}.toggle-on .toggle-knob{background:var(--primary);left:calc(100% - 19px)}.agenda-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.agenda-daynav{align-items:center;gap:.6rem;display:flex}.agenda-dateinput{border:1px solid var(--outline-variant);border-radius:var(--radius);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:auto;padding:.45rem .7rem}.agenda-barbersel{border:1px solid var(--outline-variant);border-radius:var(--radius);width:auto;min-width:200px;padding:.5rem .7rem}.agenda-card{flex-wrap:wrap;align-items:flex-start;gap:1.25rem;display:flex}.agenda-card-time{align-items:center;gap:.4rem;min-width:86px;padding-top:.1rem;font-size:1.1rem;display:inline-flex}.agenda-card-body{flex:1;min-width:200px}.appt-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.client-search{width:100%;max-width:420px;position:relative}.client-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}.barber-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.barber-card{flex-direction:column;display:flex}.barber-avatar{border-radius:var(--radius-full);border:1px solid var(--border);width:52px;height:52px;color:var(--primary);background:#c9a96e14;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.barber-avatar img{object-fit:cover;width:100%;height:100%}@media (max-width:560px){.agenda-controls{flex-direction:column;align-items:stretch}.agenda-barbersel{width:100%;min-width:0}}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.file-upload{flex-direction:column;gap:.4rem;display:flex}.file-upload-trigger{border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--primary);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.file-upload-trigger:hover:not(:disabled){border-color:var(--primary);background:#c9a96e14}.file-upload-trigger:disabled{opacity:.6;cursor:progress}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.gallery-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-container);position:relative;overflow:hidden}.gallery-item img{aspect-ratio:1;object-fit:cover;cursor:zoom-in;width:100%;display:block}.gallery-item figcaption{color:var(--text-secondary);padding:.4rem .5rem;font-size:.75rem}.gallery-file{aspect-ratio:1;color:var(--primary);text-align:center;word-break:break-word;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.5rem;font-size:.7rem;display:flex}.gallery-actions{gap:4px;display:flex;position:absolute;top:6px;right:6px}.gallery-actions button{border-radius:var(--radius);border:1px solid var(--border);width:28px;height:28px;color:var(--text-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0a08b3;justify-content:center;align-items:center;display:inline-flex}.gallery-actions button:hover:not(:disabled){color:var(--primary);border-color:var(--primary)}.image-preview{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);width:96px;height:96px}