@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&display=swap";:root{--bg: #14100c;--panel: rgba(28, 22, 17, .75);--panel-solid: #1c1611;--panel-2: rgba(36, 28, 21, .85);--panel-2-solid: #241c15;--border: rgba(212, 175, 55, .18);--gold: #d4af37;--text: #f3ead9;--muted: #b8a98f;--ok: #3ddc84;--warn: #f0a830;--danger: #ff5a5f;color-scheme:dark;accent-color:var(--gold)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);scrollbar-color:var(--border) var(--bg);scrollbar-width:thin}h1,h2,h3,h4,h5,h6,.login-logo,.brand-logo,.agenda-title,.modal-title,.reporte-subtitulo,.topnav a,.tab{font-family:Outfit,system-ui,sans-serif;letter-spacing:-.019em;text-wrap:balance}.login-subtitle,.login-hint,.empty,.column-empty,.horario-libre,.modal-card p{text-wrap:pretty}code{color:var(--gold)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--panel-2-solid);border:2px solid var(--bg);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.login-wrapper{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,#2a2017,var(--bg));padding:24px}.login-card{width:100%;max-width:380px;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 20px 60px #0006,0 0 40px #d4af3705}.login-logo{margin:0 0 4px;font-size:28px}.login-subtitle{margin:0 0 24px;color:var(--muted);font-size:14px}.login-hint{margin-top:18px;font-size:12px;color:var(--muted);text-align:center}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.form-input{width:100%;padding:11px 13px;background:#241c1580;border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #d4af371f}.form-input:user-invalid{border-color:var(--danger);box-shadow:0 0 0 3px #ff5a5f1f}.btn-primary{width:100%;padding:12px;margin-top:6px;background:var(--gold);color:#1a1208;border:none;border-radius:9px;font-weight:700;font-size:15px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 18px #d4af3759;background:#e2c052}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.99)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted);padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-ghost:hover{color:var(--text);border-color:var(--gold);background:#d4af370a;transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0)}.shake-anim{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--panel);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:baseline;gap:14px}.brand-logo{font-weight:800;letter-spacing:.3px}.brand-tenant{color:var(--muted);font-size:13px}.content{padding:22px 24px;flex:1}.agenda-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.agenda-title{margin:0 0 4px;font-size:20px}.ws-dot{font-size:12px;padding:2px 8px;border-radius:999px}.ws-dot.on{color:var(--ok);background:#3ddc841f}.ws-dot.off{color:var(--danger);background:#ff5a5f1f}.date-input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 12px}.board{display:grid;gap:14px;overflow-x:auto;padding-bottom:8px}.column{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;min-height:200px}.column-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-weight:700}.count{background:var(--gold);color:#1a1208;border-radius:999px;font-size:12px;padding:1px 8px}.column-body{padding:10px;display:flex;flex-direction:column;gap:10px}.column-empty,.empty{color:var(--muted);font-size:13px;text-align:center;padding:12px}.cita{background:#241c1566;border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:9px;padding:10px;transition:all .25s cubic-bezier(.4,0,.2,1)}.cita:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0006,0 0 0 1px #d4af3714;border-left-color:#e2c052}.cita.estado-cancelada,.cita.estado-no_show{opacity:.5;border-left-color:var(--danger)}.cita.estado-completada{border-left-color:var(--ok)}.cita-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cita-cliente{font-weight:600;font-size:14px}.cita-servicio{color:var(--muted);font-size:13px}.badge{font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:2px 7px;border-radius:999px}.badge-confirmada{color:var(--gold);background:#d4af3724}.badge-cancelada{color:var(--danger);background:#ff5a5f24}.badge-no_show{color:var(--warn);background:#f0a83024}.badge-completada{color:var(--ok);background:#3ddc8424}.cita-actions{display:flex;gap:6px;margin-top:9px}.mini{flex:1;font-size:11px;padding:5px 6px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer}.mini.ok:hover{color:var(--ok);border-color:var(--ok)}.mini.warn:hover{color:var(--warn);border-color:var(--warn)}.mini.danger:hover{color:var(--danger);border-color:var(--danger)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1000;padding:20px;opacity:1;transition:opacity .25s ease-out}@starting-style{.modal-overlay{opacity:0}}.modal-card{width:100%;max-width:480px;background:#1c1611f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 20px 80px #0009,0 0 50px #d4af3705;display:flex;flex-direction:column;opacity:1;transform:scale(1);transition:opacity .25s ease-out,transform .25s cubic-bezier(.34,1.56,.64,1)}@starting-style{.modal-card{opacity:0;transform:scale(.95) translateY(10px)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{margin:0;font-size:18px;font-weight:700}.btn-close{background:transparent;border:none;color:var(--muted);font-size:24px;cursor:pointer;padding:0;line-height:1}.btn-close:hover{color:var(--text)}.bloqueo-form h4,.bloqueos-lista-wrapper h4{margin:0 0 12px;font-size:14px;color:var(--gold);text-transform:uppercase;letter-spacing:.5px}.btn-delete{transition:transform .2s;background:transparent;border:none;cursor:pointer;font-size:15px}.btn-delete:hover{transform:scale(1.2)}.topnav{display:flex;gap:6px}.nav-link{color:var(--muted);text-decoration:none;font-size:14px;padding:7px 14px;border-radius:8px;border:1px solid transparent}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--gold);background:#d4af371a;border-color:var(--border)}.tabs{display:flex;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--border)}.tab{background:transparent;border:none;color:var(--muted);padding:10px 16px;cursor:pointer;font-size:14px;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{color:var(--gold);border-bottom-color:var(--gold);font-weight:600}.cat-section{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;padding:16px}.cat-header{display:flex;justify-content:flex-end;margin-bottom:12px}.cat-add{width:auto;padding:9px 16px;margin:0}.cat-table{width:100%;border-collapse:collapse;font-size:14px}.cat-table th{text-align:left;color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px;padding:8px 10px;border-bottom:1px solid var(--border)}.cat-table td{padding:10px;border-bottom:1px solid var(--border)}.cat-table tr:last-child td{border-bottom:none}.cat-table tr.inactivo{opacity:.5}.cat-muted{color:var(--muted);font-size:13px}.cat-actions{display:flex;gap:6px;justify-content:flex-end}.cat-actions .mini{flex:0 0 auto}.horario-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:18px 0}.horario-dia{background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:10px;min-height:90px}.horario-dia-head{font-weight:600;font-size:13px;margin-bottom:8px;color:var(--gold)}.horario-libre{color:var(--muted);font-size:12px;margin:0}.horario-franja{display:flex;align-items:center;justify-content:space-between;font-size:13px;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:4px 8px;margin-bottom:6px}.horario-form{border-top:1px solid var(--border);padding-top:14px;margin-top:6px}.horario-form h4{margin:0 0 12px;font-size:14px;color:var(--gold);text-transform:uppercase;letter-spacing:.5px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}.kpi-card{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:12px;padding:18px;transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.kpi-ok{border-left-color:var(--ok)}.kpi-warn{border-left-color:var(--warn)}.kpi-gold{border-left-color:var(--gold)}.kpi-valor{font-size:26px;font-weight:800}.kpi-titulo{color:var(--muted);font-size:13px;margin-top:4px}.reporte-tablas{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.reporte-subtitulo{margin:0 0 12px;font-size:14px;color:var(--gold);text-transform:uppercase;letter-spacing:.5px}.conv-count{margin-left:8px}.chat{display:grid;grid-template-columns:320px 1fr;gap:14px;height:calc(100vh - 140px)}.chat-inbox{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.chat-inbox-head{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:700}.chat-inbox-list{overflow-y:auto;flex:1}.chat-inbox-item{width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border);padding:12px 16px;cursor:pointer;color:var(--text);display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.chat-inbox-item:hover{background:#241c1566}.chat-inbox-item.active{background:#241c1599;border-left:3px solid var(--gold)}.chat-inbox-top{display:flex;justify-content:space-between;align-items:baseline}.chat-inbox-nombre{font-weight:600;font-size:14px}.chat-inbox-hora{color:var(--muted);font-size:11px}.chat-inbox-prev{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.chat-pausado{color:var(--warn);font-size:11px}.chat-thread{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.chat-empty{margin:auto;color:var(--muted)}.chat-thread-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.chat-thread-tel{color:var(--muted);font-size:12px;margin-left:10px}.chat-pause-btn:hover{color:var(--warn);border-color:var(--warn)}.chat-mensajes{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.chat-burbuja{max-width:70%;padding:8px 12px;border-radius:12px}.chat-burbuja.ajeno{align-self:flex-start;background:var(--panel-2);border:1px solid var(--border)}.chat-burbuja.propio{align-self:flex-end;background:#d4af3724;border:1px solid var(--border)}.chat-burbuja-meta{font-size:10px;color:var(--muted);margin-bottom:3px}.chat-burbuja-texto{font-size:14px;white-space:pre-wrap;word-break:break-word}.chat-input{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--border)}.chat-input .form-input{flex:1}.chat-send{width:auto;margin:0;padding:0 20px}.chat-thread-id{display:flex;align-items:center;gap:10px}.chat-back{display:none;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:8px;font-size:18px;line-height:1;padding:4px 10px;cursor:pointer}@media(max-width:768px){.topbar{flex-wrap:wrap;padding:12px 14px;gap:10px}.brand{gap:8px}.brand-logo{font-size:15px}.topnav{order:2;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-link{white-space:nowrap;padding:7px 12px}.content{padding:14px 12px}.agenda-toolbar{flex-wrap:wrap;gap:12px}.board{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:85vw;scroll-snap-type:x mandatory}.column{scroll-snap-align:start}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap}.cat-section{overflow-x:auto}.cat-table{min-width:460px}.chat{grid-template-columns:1fr;height:calc(100vh - 150px);height:calc(100dvh - 150px)}.chat-thread,.chat.chat-open .chat-inbox{display:none}.chat.chat-open .chat-thread{display:flex}.chat-back{display:inline-flex}.chat-inbox-prev{max-width:70vw}.chat-burbuja{max-width:85%}}@media(max-width:480px){.agenda-title{font-size:18px}.board{grid-auto-columns:90vw}.kpi-valor{font-size:22px}.modal-card{padding:18px}.cita-actions{flex-wrap:wrap}}.agenda,.catalogo,.reportes,.chat,.login-wrapper{opacity:1;transform:translateY(0);transition:opacity .35s ease-out,transform .35s cubic-bezier(.25,1,.5,1)}@starting-style{.agenda,.catalogo,.reportes,.chat,.login-wrapper{opacity:0;transform:translateY(8px)}}.chat-textarea{resize:none;font-family:inherit;field-sizing:content;max-height:120px;overflow-y:auto;line-height:1.4}.tenants-page{opacity:1;transform:translateY(0);transition:opacity .35s ease-out,transform .35s cubic-bezier(.25,1,.5,1)}@starting-style{.tenants-page{opacity:0;transform:translateY(8px)}}.tenants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.tenants-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kpi-title{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}.kpi-val{font-size:28px;font-weight:700;color:var(--gold);margin:0}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-indicator.active{background-color:var(--ok);box-shadow:0 0 8px var(--ok)}.status-indicator.inactive{background-color:var(--danger);box-shadow:0 0 8px var(--danger)}.pass-toggle-btn{background:transparent;border:none;color:var(--gold);cursor:pointer;font-size:12px;margin-left:8px;padding:0}.pass-toggle-btn:hover{text-decoration:underline}.actions-cell{display:flex;gap:8px;align-items:center}.password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-input-wrapper .form-input{padding-right:44px}.password-toggle-btn{position:absolute;right:12px;background:transparent;border:none;cursor:pointer;color:var(--muted);padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:2}.password-toggle-btn:hover{color:var(--gold)}.password-toggle-btn svg{display:block}.login-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:var(--gold);width:15px;height:15px;margin:0}.forgot-password-link{background:transparent;border:none;color:var(--gold);cursor:pointer;padding:0;font-size:13px;font-family:inherit;transition:color .2s ease}.forgot-password-link:hover{text-decoration:underline;color:#e2c052}