*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.layout{height:100vh;font-family:system-ui,sans-serif;display:flex}.sidebar{color:#fff;background:#1a1a2e;flex-direction:column;flex-shrink:0;width:220px;display:flex}.sidebar-brand{border-bottom:1px solid #fff2;padding:24px 20px;font-size:1.2rem;font-weight:700}.sidebar nav{flex-direction:column;flex:1;padding:12px 0;display:flex}.nav-item{color:#fffa;padding:12px 20px;font-size:.95rem;text-decoration:none;transition:background .15s,color .15s}.nav-item:hover{color:#fff;background:#fff1}.nav-item.active{color:#fff;background:#ffffff18;border-left:3px solid #6c63ff}.sidebar-footer{color:#fff7;border-top:1px solid #fff2;flex-direction:column;gap:8px;padding:16px 20px;font-size:.8rem;display:flex}.sidebar-footer button{color:#fffa;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;padding:6px;font-size:.85rem}.sidebar-footer button:hover{color:#fff;background:#fff1}.main-content{background:#f5f5f7;flex:1;padding:32px;overflow-y:auto}.login-page{background:#f5f5f7;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:40px;display:flex;box-shadow:0 4px 24px #0000000f}.login-card h1{color:#1a1a2e;margin:0 0 8px;font-size:1.4rem;font-weight:700}.login-card label{color:#444;flex-direction:column;gap:6px;font-size:.9rem;display:flex}.login-card input{border:1px solid #ddd;border-radius:6px;outline:none;padding:10px 12px;font-size:1rem;transition:border-color .15s}.login-card input:focus{border-color:#6c63ff}.login-card button{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:6px;margin-top:8px;padding:12px;font-size:1rem;transition:background .15s}.login-card button:hover:not(:disabled){background:#5a52d5}.login-card button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#c0392b;background:#fff0f0;border:1px solid #f5c6c6;border-radius:6px;padding:10px 12px;font-size:.9rem}.page-title{color:#1a1a2e;margin-bottom:24px;font-size:1.5rem;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.stat-card{background:#fff;border-radius:10px;padding:24px 20px;box-shadow:0 2px 8px #0000000a}.stat-value{font-size:2.2rem;font-weight:700;line-height:1}.stat-label{color:#888;margin-top:8px;font-size:.85rem}.tabla{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000000a}.tabla th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#888;background:#f8f8fb;border-bottom:1px solid #eee;padding:12px 16px;font-size:.8rem}.tabla td{border-bottom:1px solid #f0f0f0;padding:12px 16px;font-size:.9rem}.tabla tr:last-child td{border-bottom:none}.tabla tr:hover td{background:#fafafa}.row-disabled td{opacity:.45}.text-muted{color:#999}.catalogo-layout{gap:20px;display:flex}.categoria-list{flex-direction:column;gap:4px;min-width:160px;display:flex}.categoria-btn{cursor:pointer;color:#444;text-align:left;background:#fff;border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;transition:all .15s;display:flex}.categoria-btn.active{color:#fff;background:#6c63ff;border-color:#6c63ff}.cat-count{background:#0001;border-radius:99px;padding:2px 7px;font-size:.75rem}.items-panel{flex:1}.toggle-btn{cursor:pointer;border:none;border-radius:99px;padding:4px 12px;font-size:.8rem;font-weight:600}.toggle-btn.on{color:#27ae60;background:#e8f8f0}.toggle-btn.off{color:#c0392b;background:#fdecea}.search-bar{gap:8px;margin-bottom:20px;display:flex}.search-bar input{border:1px solid #ddd;border-radius:6px;outline:none;flex:1;padding:9px 14px;font-size:.95rem}.search-bar input:focus{border-color:#6c63ff}.search-bar button{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:6px;padding:9px 18px;font-size:.9rem}.search-bar button[type=button]{color:#555;background:#eee}.badge{color:#6c63ff;background:#ede9ff;border-radius:99px;margin-right:4px;padding:2px 8px;font-size:.75rem;display:inline-block}.tabs{border-bottom:2px solid #eee;gap:4px;margin-bottom:20px;display:flex}.tab{cursor:pointer;color:#888;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:.9rem}.tab.active{color:#6c63ff;border-bottom-color:#6c63ff;font-weight:600}.form-card{background:#fff;border-radius:10px;flex-direction:column;gap:16px;max-width:640px;padding:24px;display:flex;box-shadow:0 2px 8px #0000000a}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-card label{color:#555;flex-direction:column;gap:6px;font-size:.85rem;display:flex}.form-card input,.form-card textarea{border:1px solid #ddd;border-radius:6px;outline:none;padding:9px 12px;font-family:inherit;font-size:.95rem}.form-card input:focus,.form-card textarea:focus{border-color:#6c63ff}.form-card button[type=submit]{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:6px;align-self:flex-start;padding:10px 24px;font-size:.95rem}.form-msg{border-radius:6px;padding:10px;font-size:.9rem}.form-msg.ok{color:#27ae60;background:#e8f8f0}.form-msg.error{color:#c0392b;background:#fdecea}.horarios-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.horario-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000000a}.horario-dia{color:#1a1a2e;margin-bottom:8px;font-size:.85rem;font-weight:700}.horario-turno{color:#6c63ff;font-size:.85rem}.stat-card.clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.stat-card.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.stat-sub{color:#bbb;margin-top:4px;font-size:.78rem}.pendientes-section{margin-top:32px}.badge-count{color:#fff;background:#ff4757;border-radius:99px;padding:2px 8px;font-size:.8rem}.pendientes-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.pendiente-card{cursor:pointer;background:#fff;border-left:3px solid #eee;border-radius:10px;flex-direction:column;gap:6px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0000000a}.pendiente-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.pendiente-tipo{text-transform:uppercase;letter-spacing:.04em;border-radius:99px;align-self:flex-start;padding:3px 10px;font-size:.75rem;font-weight:700}.pendiente-meta{color:#999;font-size:.82rem}.cfg-tabs{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.cfg-tab{cursor:pointer;color:#555;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 18px;font-size:.88rem;font-weight:500;transition:all .15s}.cfg-tab.active{color:#fff;background:#6c63ff;border-color:#6c63ff}.cfg-flash{border-radius:8px;margin-bottom:16px;padding:10px 18px;font-size:.88rem;font-weight:600}.cfg-flash.ok{color:#27ae60;background:#eafaf1}.cfg-flash.error{color:#c0392b;background:#fdecea}.cfg-section{background:#fff;border-radius:12px;padding:28px 28px 24px;box-shadow:0 2px 10px #0000000a}.cfg-section-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:16px;display:flex}.cfg-section-title{color:#1a1a2e;font-size:1rem;font-weight:700}.cfg-section-actions{gap:10px;display:flex}.btn-cfg-edit{color:#6c63ff;cursor:pointer;background:#f4f3ff;border:1px solid #d8d5ff;border-radius:8px;padding:7px 18px;font-size:.85rem;font-weight:600;transition:all .15s}.btn-cfg-edit:hover{color:#fff;background:#6c63ff;border-color:#6c63ff}.btn-cfg-save{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:8px;padding:7px 20px;font-size:.85rem;font-weight:600;transition:background .15s}.btn-cfg-save:hover:not(:disabled){background:#5a52d5}.btn-cfg-save:disabled{opacity:.6;cursor:default}.btn-cfg-cancel{color:#888;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:7px 16px;font-size:.85rem;font-weight:600}.btn-cfg-cancel:hover{color:#444;border-color:#bbb}.cfg-rows{flex-direction:column;gap:0;display:flex}.cfg-row{border-bottom:1px solid #f5f5f5;align-items:baseline;gap:16px;padding:13px 0;display:flex}.cfg-row:last-child{border-bottom:none}.cfg-row-label{color:#999;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;min-width:180px;font-size:.82rem;font-weight:600}.cfg-row-value{color:#1a1a2e;font-size:.95rem}.cfg-empty{color:#ccc;font-size:.88rem;font-style:normal}.cfg-hint{color:#999;margin-bottom:20px;font-size:.88rem}.cfg-grid{grid-template-columns:1fr 1fr;gap:20px 28px;display:grid}.cfg-field{flex-direction:column;gap:6px;display:flex}.cfg-field textarea,.cfg-field input:not([type=checkbox]),.cfg-field select{background:#fafafa;border:1px solid #ddd;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.cfg-field textarea:focus,.cfg-field input:focus,.cfg-field select:focus{background:#fff;border-color:#6c63ff}.cfg-field textarea{resize:vertical}.cfg-label{color:#666;text-transform:uppercase;letter-spacing:.03em;font-size:.82rem;font-weight:600}.cfg-toggle{align-items:center;gap:10px;padding:9px 0;display:flex}.cfg-toggle label{color:#444;cursor:pointer;font-size:.9rem}.cfg-toggle input[type=checkbox]{cursor:pointer;accent-color:#6c63ff;width:18px;height:18px}.horarios-semana{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.semana-dia{text-align:center;background:#f7f6ff;border:1px solid #e8e6ff;border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-height:90px;padding:14px 10px;display:flex}.semana-dia.cerrado{background:#fafafa;border-color:#eee}.semana-dia-name{color:#6c63ff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.78rem;font-weight:700}.semana-dia.cerrado .semana-dia-name{color:#bbb}.semana-turno{color:#1a1a2e;background:#fff;border-radius:6px;width:100%;padding:4px 8px;font-size:.82rem;font-weight:600;line-height:1.3}.semana-cerrado{color:#ccc;margin-top:4px;font-size:.78rem}.horarios-editor{flex-direction:column;gap:14px;display:flex}.horario-dia-editor{background:#fafafa;border:1px solid #eee;border-radius:8px;grid-template-columns:100px 1fr auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.horario-dia-name{color:#333;font-size:.9rem;font-weight:700}.horario-turnos{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.horario-cerrado{color:#bbb;font-size:.83rem}.horario-turno-row{color:#4a44b5;background:#ebebff;border-radius:20px;align-items:center;gap:6px;padding:3px 10px 3px 12px;font-size:.85rem;font-weight:600;display:flex}.btn-turno-del{cursor:pointer;color:#9994d8;background:0 0;border:none;padding:0;font-size:.75rem;line-height:1}.btn-turno-del:hover{color:#c0392b}.horario-add-row{align-items:center;gap:6px;display:flex}.horario-add-row input[type=time]{background:#fff;border:1px solid #ddd;border-radius:6px;outline:none;padding:5px 8px;font-size:.85rem}.horario-add-row input[type=time]:focus{border-color:#6c63ff}.btn-turno-add{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;line-height:1;display:flex}.btn-turno-add:hover{background:#5a52d5}@media (width<=768px){.horarios-semana{grid-template-columns:repeat(4,1fr)}}@media (width<=640px){.cfg-grid{grid-template-columns:1fr}.cfg-row-label{min-width:120px}.horario-dia-editor{grid-template-columns:1fr}.horarios-semana{grid-template-columns:repeat(3,1fr)}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.date-input{border:1px solid #ddd;border-radius:6px;outline:none;padding:8px 12px;font-size:.9rem}.date-input:focus{border-color:#6c63ff}.filtro-tabs{gap:6px;display:flex}.filtro-btn{cursor:pointer;color:#666;text-transform:capitalize;background:#fff;border:1px solid #ddd;border-radius:6px;padding:7px 14px;font-size:.85rem}.filtro-btn.active{color:#fff;background:#6c63ff;border-color:#6c63ff}.tab-count{background:#0001;border-radius:99px;margin-left:4px;padding:1px 6px;font-size:.75rem}.filtro-btn.active .tab-count{background:#fff3}.pendientes-top{margin-bottom:8px}.section-title{color:#1a1a2e;align-items:center;gap:10px;margin-bottom:14px;font-size:1rem;font-weight:700;display:flex}.badge-count{color:#fff;background:#ff4757;border-radius:99px;padding:2px 8px;font-size:.8rem;font-weight:700}.empty-state{text-align:center;color:#aaa;background:#fff;border-radius:10px;padding:48px;font-size:.95rem;box-shadow:0 2px 8px #0000000a}.cards-list{flex-direction:column;gap:12px;display:flex}.item-card{background:#fff;border-radius:10px;flex-direction:column;gap:10px;padding:18px 20px;display:flex;box-shadow:0 2px 8px #0000000a}.item-card-header{justify-content:space-between;align-items:flex-start;display:flex}.item-card-header strong{font-size:1rem;display:block}.item-meta{color:#999;margin-top:2px;font-size:.82rem;display:block}.hora{color:#1a1a2e;font-size:1.1rem;font-weight:700}.item-notas{color:#888;font-size:.85rem;font-style:italic}.items-list{flex-wrap:wrap;gap:6px;display:flex}.item-pill{color:#444;background:#f0f0f8;border-radius:99px;padding:3px 10px;font-size:.8rem}.item-card-footer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.estado-badge{text-transform:capitalize;border-radius:99px;padding:4px 12px;font-size:.8rem;font-weight:600}.total{margin-left:auto;font-size:1rem;font-weight:700}.acciones{gap:8px;display:flex}.btn-ok,.btn-danger,.btn-warn{cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:600}.btn-ok{color:#27ae60;background:#e8f8f0}.btn-ok:hover{color:#fff;background:#27ae60}.btn-danger{color:#c0392b;background:#fdecea}.btn-danger:hover{color:#fff;background:#c0392b}.btn-warn{color:#f39c12;background:#fef9e7}.btn-warn:hover{color:#fff;background:#f39c12}