:root{--color-primary: #EC407A;--color-primary-95: #ED4A81;--color-primary-85: #EF5D8E;--color-primary-75: #F1709B;--color-primary-65: #F383A9;--color-primary-55: #F596B6;--color-secondary: #FFEB1F;--color-bg: #F9FBFA;--color-surface: #FFFFFF;--color-surface-muted: #F5F7F6;--color-border: #E0E5E3;--color-text: #1A1A1A;--color-text-muted: #5F6368;--color-success: #34A853;--color-error: #D93025;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;background-color:var(--color-bg);color:var(--color-text)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,rgba(236,64,122,.1),transparent 55%),radial-gradient(circle at bottom left,rgba(255,235,31,.08),transparent 60%),var(--color-bg);color:var(--color-text);overflow-x:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app{min-height:100vh;display:flex;flex-direction:column;background:transparent;width:100%;overflow-x:hidden}.app-header{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 6px 16px #1a1a1a14;position:sticky;top:0;z-index:40}.header-main{display:flex;align-items:center;gap:1rem}.header-main .brand{flex:1}.burger-button{display:inline-flex;flex-direction:column;justify-content:center;gap:.3rem;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 4px 12px #1a1a1a1a;padding:.6rem}.burger-button span{display:block;width:100%;height:2px;border-radius:999px;background:var(--color-text)}.brand{display:flex;flex-direction:column;gap:.35rem}.brand-logo{width:min(220px,60vw);height:auto}.brand p{margin:.1rem 0 0;color:var(--color-text-muted);font-size:.95rem}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:999px;border:1px solid transparent;font-weight:600;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.btn.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-85));color:#fff;box-shadow:0 8px 18px #ec407a40}.btn.primary:active{transform:translateY(1px);box-shadow:0 4px 12px #ec407a40}.btn.ghost{background:#ec407a14;border-color:#ec407a40;color:var(--color-primary)}.btn.ghost:hover{background:#ec407a1f}.btn-small{padding:.4rem .75rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.layout{flex:1;display:flex;min-height:0;position:relative}.app-drawer{position:fixed;z-index:30;inset:0 auto 0 0;width:min(320px,100vw);background:var(--color-surface);border-right:1px solid var(--color-border);transform:translate(-100%);transition:transform .3s ease;box-shadow:6px 0 18px #1a1a1a14;display:flex;flex-direction:column}.app-drawer.open{transform:translate(0)}.drawer-scroll{flex:1;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.2rem 1.4rem}.drawer-header-mobile{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.drawer-title{font-size:1.2rem;font-weight:600}.drawer-nav{display:flex;flex-direction:column;gap:.6rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.drawer-nav .menu-item{width:100%;justify-content:flex-start;padding:.55rem 1rem}.drawer-conversations{display:flex;flex-direction:column;gap:1rem}.drawer-conversations-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.drawer-conversations-header h2{margin:0;font-size:1.15rem}.drawer-conversations-body{flex:1;overflow-y:auto;padding-right:.35rem}.conversations-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.conversation-item{width:100%;padding:.8rem 1rem;border-radius:14px;background:var(--color-surface-muted);border:1px solid transparent;display:flex;flex-direction:column;gap:.35rem;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.conversation-item:hover{border-color:#ec407a40;box-shadow:0 4px 12px #1a1a1a14}.conversation-item.active{border-color:var(--color-primary);background:#ec407a1f;box-shadow:0 6px 16px #ec407a2e}.conversation-item:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.conversation-title{font-weight:600}.conversation-remote-id{font-size:.78rem;color:var(--color-text-muted);word-break:break-word}.conversation-remote-id.muted{opacity:.65}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a59;z-index:20}.workspace{flex:1;display:flex;flex-direction:column;min-height:0;background:transparent}.management-menu{display:flex;gap:.65rem;padding:.9rem 1.4rem;overflow-x:auto;border-bottom:1px solid var(--color-border);background:var(--color-surface);max-width:100%}.management-menu .menu-item{padding:.45rem 1rem;border-radius:999px;border:1px solid rgba(236,64,122,.22);background:#ec407a14;font-weight:600;color:var(--color-primary);transition:background .2s ease,border-color .2s ease}.management-menu .menu-item.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff;box-shadow:0 8px 18px #ec407a2e}.view-container{flex:1;overflow-y:auto;padding:1.4rem;display:flex;flex-direction:column;gap:1.25rem;width:100%;box-sizing:border-box}.view-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:1.3rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 12px 28px #1a1a1a14}.view-header{display:flex;flex-direction:column;gap:.35rem}.view-header h2{margin:0;font-size:1.35rem}.view-subtitle{margin:0;color:var(--color-text-muted);font-size:.95rem}.view-header .btn{align-self:flex-start}.chat-view{min-height:420px}.chat-header h2{margin:0;font-size:1.2rem}.chat-subtitle{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.9rem}.chat-messages{flex:1;min-height:0}.chat-messages ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem;max-height:420px;overflow-y:auto;padding-right:.35rem}.message{display:flex;flex-direction:column;gap:.45rem;padding:.95rem;border-radius:16px;background:var(--color-surface-muted);border:1px solid rgba(236,64,122,.12);color:var(--color-text);box-shadow:0 6px 14px #1a1a1a0d}.message.user{align-self:flex-end;background:#ec407a1f;border-color:#ec407a52}.message .role{font-weight:600;font-size:.9rem;color:var(--color-primary)}.message .content{white-space:pre-wrap}.chat-composer{display:grid;gap:.8rem}.chat-composer textarea{width:100%;resize:vertical;padding:.95rem;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface-muted);transition:border-color .2s ease,box-shadow .2s ease}.chat-composer textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ec407a2e}.status{text-align:center;color:var(--color-text-muted);margin:0}.error{margin:0;color:var(--color-error);font-weight:500}.success{margin:0;color:var(--color-success);font-weight:500}.calendar-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.calendar-cell{background:var(--color-surface-muted);border-radius:18px;border:1px solid rgba(236,64,122,.14);padding:.95rem;display:flex;flex-direction:column;gap:.75rem}.calendar-cell-header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.calendar-weekday{text-transform:capitalize;font-weight:600;color:var(--color-primary)}.calendar-date{color:var(--color-text-muted);font-size:.9rem}.calendar-cell ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.calendar-item{display:flex;flex-direction:column;gap:.35rem;padding:.8rem;border-radius:14px;background:#fff;border:1px solid rgba(236,64,122,.18);box-shadow:0 6px 14px #1a1a1a0f}.calendar-item-service{font-weight:600}.calendar-item-time{font-size:.92rem;color:var(--color-text-muted)}.calendar-item-customer{font-size:.85rem;color:var(--color-primary)}.calendar-item-status{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary)}.calendar-empty{padding:.5rem 0;color:var(--color-text-muted);font-size:.9rem}.calendar-hint{margin:0;font-size:.85rem;color:var(--color-text-muted);text-align:center}.status-confirmed{color:var(--color-primary)}.status-cancelled{color:var(--color-error)}.bookings-cards{display:grid;gap:1rem}.booking-card{background:var(--color-surface-muted);border-radius:18px;border:1px solid rgba(236,64,122,.14);padding:1rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 10px 24px #1a1a1a14}.booking-card header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.booking-card h3{margin:0;font-size:1rem}.booking-status{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary)}.booking-meta,.booking-customer,.booking-reference{margin:0;font-size:.92rem;color:var(--color-text-muted)}.booking-customer{color:var(--color-primary)}.booking-reference{font-size:.85rem}.table-wrapper{display:none;overflow-x:auto}.bookings-table{width:100%;border-collapse:collapse;min-width:640px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden}.bookings-table th,.bookings-table td{padding:.85rem;text-align:left;border-bottom:1px solid var(--color-border)}.bookings-table th{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:#ec407a14}.services-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.service-card{background:var(--color-surface-muted);border-radius:18px;border:1px solid rgba(236,64,122,.12);padding:1rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 10px 24px #1a1a1a14}.service-card header{display:flex;justify-content:space-between;align-items:center}.service-card h3{margin:0;font-size:1rem}.service-duration{font-size:.85rem;color:var(--color-primary)}.service-meta{margin:0;font-size:.92rem;color:var(--color-text-muted)}.service-description{margin:0;font-size:.92rem}.service-slug{margin:0;font-size:.85rem;color:var(--color-text-muted)}.service-form{margin-top:1.2rem;display:flex;flex-direction:column;gap:1.1rem;padding-top:1.1rem;border-top:1px solid var(--color-border)}.service-form h3{margin:0;font-size:1.1rem}.form-grid{display:grid;gap:.8rem;grid-template-columns:1fr}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field label{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.form-field input,.form-field textarea,.form-field select{padding:.8rem;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface);transition:border-color .2s ease,box-shadow .2s ease}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ec407a2e}.form-field textarea{resize:vertical}@media (min-width: 640px){.chat-composer{grid-template-columns:1fr auto;align-items:end}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (min-width: 768px){.bookings-cards{display:none}.table-wrapper{display:block}}@media (max-width: 959px){.management-menu{display:none}}@media (max-width: 640px){.header-actions{display:none}}@media (min-width: 960px){.app-header{flex-direction:row;align-items:center;justify-content:space-between}.burger-button{display:none}.brand-logo{width:240px}.app-drawer{position:static;transform:none;width:300px;box-shadow:none}.app-drawer.open{transform:none}.drawer-scroll{padding:1.2rem 1rem}.drawer-header-mobile,.drawer-nav,.drawer-close,.overlay{display:none}.layout{display:grid;grid-template-columns:300px 1fr}.management-menu{display:flex}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
