.booking-form{display:flex;flex-direction:column;gap:1.5rem}.field{display:flex;flex-direction:column;gap:.5rem}.field input{width:100%}.duration-options,.slot-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:480px){.slot-options{grid-template-columns:repeat(3,1fr)}}.duration-options button.selected,.slot-options button.selected{background-color:var(--color-selected);font-weight:700}.contact-form{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:2px solid var(--color-border)}.error-message{color:var(--color-error);font-weight:600}:root{--color-background: #FAF3E8;--color-surface: #FFFFFF;--color-selected: #C9A227;--color-primary: #A85C32;--color-primary-dark: #8B4513;--color-text: #3E2723;--color-text-secondary: #6D4C41;--color-border: #D7B99A;--color-error: #B33A3A;--font-size-base: 1.125rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background-color:var(--color-background);color:var(--color-text);font-size:var(--font-size-base);line-height:1.5}h1,h2,h3{color:var(--color-primary-dark)}button{font-size:1rem;padding:.75rem 1.25rem;border-radius:8px;border:none;background-color:var(--color-primary);color:#fff;cursor:pointer;min-height:44px}button:hover{background-color:var(--color-primary-dark)}button:disabled{background-color:var(--color-border);cursor:not-allowed}input{font-size:1rem;padding:.6rem;border:2px solid var(--color-border);border-radius:6px;min-height:44px}input:focus{outline:2px solid var(--color-primary)}.page{max-width:600px;margin:0 auto;padding:2rem 1.5rem}label{display:flex;flex-direction:column;gap:.4rem}.admin-nav{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.login-form{max-width:360px;margin:3rem auto;display:flex;flex-direction:column;gap:1rem;padding:2rem;background-color:var(--color-surface);border-radius:12px;border:2px solid var(--color-border)}.agenda{display:flex;flex-direction:column;gap:1.5rem}.appointment-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.appointment-card{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:10px}.appointment-card.status-cancelled{opacity:.5;text-decoration:line-through}.time-range{font-weight:700;min-width:130px}.client-name{flex:1}.status-badge{font-size:.85rem;padding:.25rem .6rem;border-radius:999px;background-color:var(--color-border)}.appointment-card button{background-color:var(--color-error)}.appointment-card button:hover{background-color:#8f2020}.block-form{display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;border-top:2px solid var(--color-border)}.time-fields{display:flex;gap:1rem}.agenda-header{display:flex;justify-content:space-between;align-items:center}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.stat-card{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;padding:1.25rem}.stat-card ul{list-style:none;display:flex;flex-direction:column;gap:.4rem}.big-number{font-size:2.5rem;font-weight:700;color:var(--color-primary-dark)}