:root{--bg: #f5f6f8;--surface: #ffffff;--border: #e6e8ec;--text: #1f2430;--muted: #6b7280;--brand: #1b2e15;--brand-text: #ffffff;--primary: #68a936;--accent: #68a936;--accent-hover: #558a2b;--accent-soft: rgba(104, 169, 54, .14);--primary-text: #ffffff;--danger: #dc2626;--ok: #16a34a;--surface-2: #f1f2f4;--topbar-bg: rgba(255,255,255,.85);--radius: 12px}[data-theme=dark]{--bg: #0f1115;--surface: #171a21;--surface-2: #1f2530;--border: #2a2f3a;--text: #e8eaed;--muted: #9aa0aa;--topbar-bg: rgba(18,20,26,.85);--accent-soft: rgba(104, 169, 54, .2)}[data-theme=dark] .login2{background:var(--bg)}[data-theme=dark] .cal-cita{color:#c7ee9b;border-color:#68a93680}[data-theme=dark] .cal-cita.ATENDIDA{color:#74e6a4;background:#16a34a38;border-color:#16a34a80}[data-theme=dark] .cal-cita.CANCELADA{color:#f6a9a9;background:#dc262633;border-color:#dc262673}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,.brand-name{font-family:Bricolage Grotesque,Manrope,system-ui,sans-serif}a{color:var(--accent);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:9px 15px;border-radius:10px;font-size:14px;font-weight:600;min-height:42px;transition:background .15s,border-color .15s}.btn:hover{background:var(--surface-2)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--surface);color:var(--danger);border-color:#f1c4c4}.btn-danger:hover{background:#fdf0f0}.btn:disabled{opacity:.55;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 1px 2px #1018280a;margin-bottom:16px}.input,.select{width:100%;padding:11px 12px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;font-size:15px;min-height:42px;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;color:var(--text);font-weight:600}.row .field{margin-bottom:0}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.badge-ok{color:var(--ok);background:#16a34a1a;border-color:#16a34a4d}.badge-off{color:var(--muted)}.page-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.page-header h1{font-size:24px;margin:0}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}tbody tr:last-child td{border-bottom:none}.empty{text-align:center;color:var(--muted);padding:40px 20px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:flex;align-items:center;justify-content:center;padding:16px;z-index:60}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:100%;max-width:480px;box-shadow:0 20px 50px #1018282e;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch}@media (max-width: 640px){.modal-overlay{padding:10px;align-items:flex-start}.modal{padding:18px;max-width:100%;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}}@media (max-width: 640px){.row.bar-stack{flex-direction:column;align-items:stretch}.row.bar-stack>*{width:100%;min-width:0;margin-left:0}.row.bar-stack .field{min-width:0}.row.bar-stack .input,.row.bar-stack .select{min-width:0;max-width:100%}}.input[type=date],.input[type=month],.input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:100%}.row{display:flex;gap:10px;flex-wrap:wrap}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--brand);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:50;transition:transform .2s ease}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-logo,.brand-logo-img{width:44px;height:44px;border-radius:12px;flex:none}.brand-logo{background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px}.brand-logo-img{object-fit:contain;background:#fff;padding:3px}.sidebar .brand-name{font-weight:800;font-size:18px;line-height:1.1;color:#fff}.brand-name{font-weight:800;font-size:18px;line-height:1.1}.brand-sub{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}.nav{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:14px}.nav-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#fff6;padding:0 10px 4px;font-weight:700}.nav-link{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#ffffffb8;font-weight:600;font-size:14px;cursor:pointer}.nav-link:hover{background:#ffffff14;color:#fff}.nav-link.active{background:#68a93638;color:#aee06e}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:22px;border-radius:0 4px 4px 0;background:var(--accent)}.nav-link svg{flex:none}.sidebar-user{border-top:1px solid rgba(255,255,255,.1);padding:12px;position:relative}.user-card{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;cursor:pointer;padding:8px;border-radius:10px;text-align:left;color:#fff}.user-card:hover{background:#ffffff14}.avatar{width:36px;height:36px;border-radius:50%;background:#68a93640;color:#aee06e;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none}.user-meta{flex:1;overflow:hidden}.user-meta .n{font-weight:700;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta .r{font-size:12px;color:#ffffff80}.user-menu{position:absolute;bottom:100%;left:12px;right:12px;margin-bottom:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #10182826;overflow:hidden}.user-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;border:none;cursor:pointer;color:var(--text);font-size:14px}.user-menu button:hover{background:#fdf0f0;color:var(--danger)}.main-area{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.topbar2{height:60px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:20}.topbar2 .ttl{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:16px}.menu-btn{display:none;background:none;border:1px solid var(--border);border-radius:8px;padding:7px;cursor:pointer;color:var(--text)}.content{padding:24px;max-width:1200px;width:100%;margin:0 auto}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182866;z-index:40}@media (max-width: 900px){.sidebar{transform:translate(-100%);box-shadow:0 0 40px #0003}.sidebar.open{transform:translate(0)}.main-area{margin-left:0}.menu-btn{display:inline-flex}}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.login-brand{position:relative;overflow:hidden;background:var(--brand);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px}.login-brand .glow{position:absolute;border-radius:50%;filter:blur(120px);background:#68a93666;width:360px;height:360px}.login-brand .glow.a{top:-120px;right:-100px}.login-brand .glow.b{bottom:-140px;left:-90px;background:#68a93638}.login-brand .lb-logo{display:flex;align-items:center;gap:12px;position:relative}.login-brand .lb-logo .brand-logo-img{width:56px;height:56px;border-radius:14px}.login-brand h2{position:relative;font-size:40px;line-height:1.1;margin:0}.login-brand h2 .acc{color:var(--accent)}.login-brand p.lead{position:relative;color:#ffffffb8;max-width:380px;margin-top:18px}.login-brand ul{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-direction:column;gap:14px;position:relative}.login-brand li{display:flex;align-items:center;gap:14px;color:#ffffffe0;font-weight:500;font-size:14px}.login-brand li .ic{width:36px;height:36px;border-radius:10px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:var(--accent);flex:none}.login-brand .foot{position:relative;color:#fff6;font-size:12px}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px 24px}.login-form{width:100%;max-width:360px}.login-form h1{font-size:30px;margin:0}.login-form .sub{color:var(--muted);margin:8px 0 26px;font-size:14px}.input-icon{position:relative}.input-icon>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted)}.input-icon .input{padding-left:42px}.input-icon .toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--muted);padding:4px}@media (max-width: 900px){.login{grid-template-columns:1fr}.login-brand{display:none}}.login2{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:48px;padding:24px;background:radial-gradient(1100px 600px at 50% -10%,#eef4ea,#e6ece3)}.login-card{width:384px;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:38px 32px;box-shadow:0 18px 45px #10182824;text-align:center}.login-card .logo{width:88px;height:88px;object-fit:contain;margin:0 auto 12px;display:block}.login-card h1{font-size:26px;margin:0}.login-card .sub{color:var(--muted);font-size:13.5px;margin:6px 0 24px}.login-card form{text-align:left}.login-card .pwrap{position:relative}.login-card .pwrap .toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--muted);padding:4px}.barber-pole{width:32px;height:300px;position:relative;flex:none;filter:drop-shadow(0 12px 26px rgba(0,0,0,.22))}.barber-pole .tube{position:absolute;left:0;right:0;top:12px;bottom:12px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:inset -6px 0 10px #0000002e,inset 6px 0 8px #fff9}.barber-pole .tube:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,#e11d2a 0,#e11d2a 14px,#fff 14px,#fff 28px,#1d4ed8 28px,#1d4ed8 42px,#fff 42px,#fff 56px);animation:barber 1.4s linear infinite}.barber-pole .cap{position:absolute;left:-3px;right:-3px;height:16px;border-radius:9px;background:linear-gradient(#f8fafc,#c7ccd2);box-shadow:0 2px 5px #00000040}.barber-pole .cap.top{top:0}.barber-pole .cap.bot{bottom:0}@keyframes barber{0%{background-position:0 0}to{background-position:0 79.2px}}@media (max-width: 760px){.barber-pole{display:none}.login2{gap:0}}@media (max-width: 640px){.stack-mobile thead{display:none}.stack-mobile tr{display:block;border-bottom:1px solid var(--border);padding:8px 0}.stack-mobile td{display:flex;justify-content:space-between;gap:12px;border:none;padding:8px 14px}.stack-mobile td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:600}}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-dow{color:var(--muted);font-size:12px;font-weight:600;text-align:center;padding:4px 0}.cal-cell{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-height:96px;padding:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.cal-cell:hover{border-color:var(--accent)}.cal-cell.fuera{opacity:.45}.cal-cell.hoy{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cal-num{font-size:12px;color:var(--muted)}.cal-cita{font-size:11px;padding:2px 6px;border-radius:6px;background:var(--accent-soft);border:1px solid rgba(104,169,54,.4);color:#2f5314;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-cita.ATENDIDA{background:#16a34a1f;border-color:#16a34a66;color:#15803d}.cal-cita.CANCELADA{background:#dc26261a;border-color:#dc262659;color:var(--danger);text-decoration:line-through}@media (max-width: 640px){.cal-cell{min-height:64px;padding:3px}.cal-cita{font-size:9px;padding:1px 3px}}.day-cols{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}.day-col{min-width:200px;flex:1;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.day-col h4{margin:0;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px;background:var(--surface-2)}.slot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border);font-size:13px;cursor:pointer}.slot:last-child{border-bottom:none}.slot .h{font-weight:700;color:var(--text)}.slot.libre{color:var(--muted)}.slot.libre:hover{background:var(--accent-soft);color:var(--accent)}.slot.ocupada{background:#68a9361a}.day-descanso{padding:16px 12px;color:var(--muted);font-size:13px;text-align:center}.slot-btns{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.slot-btn{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;font-size:13px;font-weight:600}.slot-btn:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.slot-btn.sel{background:var(--accent);color:#fff;border-color:var(--accent)}.dias-check{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.dias-check label{display:flex;align-items:center;gap:5px;font-size:13px;background:var(--surface-2);padding:6px 10px;border-radius:8px;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:20px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.metric .label{color:var(--muted);font-size:13px}.metric .value{font-size:24px;font-weight:800;margin-top:4px;font-family:Bricolage Grotesque,sans-serif}.pos-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 820px){.pos-cols{grid-template-columns:1fr}}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px}.tabs button{background:none;border:none;padding:10px 16px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.row-click{cursor:pointer}.row-click:hover{background:#c0892e0f}.theme-toggle{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:8px;padding:7px;cursor:pointer;color:var(--text)}.theme-toggle:hover{background:var(--surface-2)}.kpi-top{display:flex;align-items:center;gap:8px}.kpi-icono{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--accent-soft);color:var(--accent);flex:none}.kpi-destacada{border-color:#68a93673;background:linear-gradient(180deg,var(--accent-soft),var(--surface) 72%)}.kpi-destacada .value{font-size:32px}.kpi-delta{margin-top:6px;font-size:12.5px;font-weight:700}.kpi-delta.up{color:var(--ok)}.kpi-delta.down{color:var(--danger)}.kpi-delta span{color:var(--muted);font-weight:500}.kpi-hint{margin-top:4px;color:var(--muted);font-size:12px}.badge-warn{color:#b45309;background:#d977061f;border-color:#d9770659}.badge-danger{color:var(--danger);background:#dc26261a;border-color:#dc26264d}[data-theme=dark] .badge-warn{color:#fbbf24}[data-theme=dark] .badge-danger{color:#f87171}.chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.chart-sub{color:var(--muted);font-size:13px;margin-top:2px}.chart-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;box-shadow:0 8px 24px #10182824;font-size:13px}.chart-tooltip .t-label{font-weight:700;margin-bottom:6px}.chart-tooltip .t-fila,.dona-leyenda li{display:flex;align-items:center;gap:8px}.chart-tooltip .t-fila+.t-fila{margin-top:4px}.t-dot{width:10px;height:10px;border-radius:3px;flex:none}.t-nombre{color:var(--muted)}.dona-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.dona-grafica{width:55%;min-width:170px;position:relative;flex:1}.dona-centro{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.dona-total{font-size:20px;font-weight:800;font-family:Bricolage Grotesque,sans-serif}.dona-sub{color:var(--muted);font-size:12px}.dona-leyenda{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13.5px;min-width:180px;flex:1}.dona-leyenda strong{margin-left:auto}