@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #f1f5f9;--card: #ffffff;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--primary: #2563eb;--primary-hover: #1d4ed8;--sidebar: #1e293b;--error: #dc2626;--ok: #059669}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.nav ::-webkit-scrollbar-thumb{background:#475569}h1{font-size:20px;font-weight:700;margin:0 0 16px}h2{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:18px 0 10px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:var(--card);border-bottom:1px solid var(--border)}.brand{font-weight:700;font-size:1.1rem;color:var(--primary)}.tenant{color:var(--muted);font-size:.85rem}.content{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:2.5rem 1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 3px #0f172a0f;padding:20px;width:100%;max-width:400px}.card.wide{max-width:920px}label{display:block;margin-bottom:14px;font-size:11px;font-weight:600;color:#475569;letter-spacing:.03em;text-transform:uppercase}input,textarea{display:block;width:100%;margin-top:5px;height:38px;padding:0 12px;border:1.5px solid #cbd5e1;border-radius:8px;background:#fff;color:var(--text);font-size:14px;font-family:inherit;transition:border-color .14s,box-shadow .14s}textarea{height:auto;padding:8px 12px}input::placeholder,textarea::placeholder{color:#94a3b8;text-transform:none;font-weight:400}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}input:disabled,textarea:disabled,select:disabled{background:#f1f5f9;color:#475569;cursor:not-allowed;border-color:#e2e8f0}select{display:block;-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-top:5px;height:38px;padding:0 32px 0 12px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:14px;color:var(--text);background-color:#fff;cursor:pointer;min-width:150px;max-width:100%;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:18px}.form-grid select{width:100%}.row>label{margin-bottom:0}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border:1px solid var(--primary);border-radius:6px;background:var(--primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .14s,border-color .14s,opacity .14s;white-space:nowrap}button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#fff;color:#374151;border-color:#d1d5db}button.secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}button.link{background:none;color:var(--primary);border-color:transparent;height:auto;padding:4px 6px;font-weight:500;font-size:13px}button.link:hover:not(:disabled){background:#eff6ff}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}.row.between{justify-content:space-between}.muted{color:var(--muted);font-size:13px}.center{text-align:center}.error{color:var(--error);font-size:13px;font-weight:500;margin:4px 0 10px}.ok{color:var(--ok);font-size:13px;font-weight:500}hr{border:none;border-top:1px solid var(--border);margin:18px 0}.placeholder{background:#f8fafc;border:1px dashed var(--border);border-radius:8px;padding:1.25rem;color:var(--muted);font-size:13px;margin:1rem 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 520px){.grid2{grid-template-columns:1fr}}.qr{width:200px;height:200px;border:1px solid var(--border);border-radius:8px}.setup p{font-size:13px;margin:.8rem 0 .4rem}.recovery ul{list-style:none;padding:1rem;background:#f8fafc;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.recovery code{font-size:14px;letter-spacing:.5px}.tabla{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}.tabla th{background:#f8fafc;color:#475569;font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.tabla td{padding:9px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.tabla tbody tr:hover td{background:#f8fafc}.tabla .acciones{text-align:right;white-space:nowrap}.subtabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}.subtab{height:auto;padding:8px 14px;background:none;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:13px;font-weight:600;border-radius:0}.subtab:hover{color:var(--text);background:#f8fafc}.subtab.on{color:var(--primary);border-bottom-color:var(--primary)}.check-inline{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:13px}.check-inline input{width:auto;margin:0}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.02em;background:#f1f5f9;color:#475569}.badge.activo{background:#d1fae5;color:#065f46}.badge.suspendido{background:#fef9c3;color:#854d0e}.badge.baja{background:#fee2e2;color:#991b1b}.badge.info{background:#dbeafe;color:#1e40af}.timeline{display:flex;flex-direction:column;gap:10px}.tl-item{border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:8px;padding:10px 14px;background:#fff}.tl-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tl-fecha{font-size:12px;font-weight:700;color:#475569;font-variant-numeric:tabular-nums}.tl-desc{margin:6px 0 0;font-size:13px;color:#1e293b;white-space:pre-wrap}.aviso{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:14px 16px;margin-bottom:16px;font-size:13px;color:#1e40af}.aviso ul{margin:8px 0;padding-left:1.1rem}.aviso code{background:#fff;padding:1px 6px;border-radius:4px}.shell{display:flex;height:100vh;overflow:hidden}.nav{width:260px;background:var(--sidebar);display:flex;flex-direction:column;padding:16px 12px;flex-shrink:0;height:100vh}.nav nav{overflow-y:auto}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff;font-size:1.2rem;padding:0 8px;letter-spacing:-.02em}.nav-logo{width:34px;height:34px;border-radius:9px;flex-shrink:0}.auth-logo{display:block;width:260px;max-width:80%;height:auto;margin:0 auto 8px}.nav-tenant{color:#94a3b8;font-size:11px;padding:2px 8px 16px;text-transform:uppercase;letter-spacing:.04em}.nav nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav nav button{background:none;color:#cbd5e1;text-align:left;justify-content:flex-start;font-weight:500;font-size:13px;padding:8px 10px;border-radius:7px;border:none;height:auto}.nav nav button:hover{background:#ffffff12;color:#fff}.nav nav button.on{background:var(--primary);color:#fff;font-weight:600}.nav-user{color:#e2e8f0;font-size:12px;font-weight:600;padding:8px 10px 2px;border-top:1px solid rgba(255,255,255,.08)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:.5rem 0 1.4rem}.stat{border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem;background:#fff}.stat-alert{border-color:#fecaca;background:#fef2f2}.stat-value{font-size:1.8rem;font-weight:800;line-height:1;letter-spacing:-.02em}.stat-label{color:var(--muted);font-size:.82rem;margin-top:.35rem}.stat-hint{color:#94a3b8;font-size:.72rem;margin-top:.15rem}@media (max-width: 640px){.stats{grid-template-columns:repeat(2,1fr)}}.charts{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.4rem}@media (max-width: 760px){.charts{grid-template-columns:1fr}}.chart-card{border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem;background:#fff}.chart-card h3{margin:0 0 .8rem;font-size:.82rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.donut{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}.donut-total{font-size:26px;font-weight:800;fill:var(--text)}.donut-cap{font-size:10px;fill:var(--muted);text-transform:uppercase;letter-spacing:.06em}.donut-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;font-size:.82rem}.donut-legend li{display:flex;align-items:center;gap:.5rem;color:var(--text)}.donut-legend .dot{width:11px;height:11px;border-radius:3px;flex-shrink:0}.donut-legend strong{margin-left:auto;padding-left:.6rem;font-variant-numeric:tabular-nums}.barras{display:flex;flex-direction:column;gap:.55rem}.barra-row{display:flex;align-items:center;gap:.6rem;font-size:.82rem}.barra-label{width:130px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.barra-track{flex:1;height:14px;background:#eef2f7;border-radius:99px;overflow:hidden}.barra-fill{height:100%;border-radius:99px;min-width:2px;transition:width .24s}.barra-val{width:34px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.nav-logout{background:none;color:#94a3b8;text-align:left;justify-content:flex-start;padding:8px 10px;border:none;height:auto;font-weight:500}.nav-logout:hover{background:#ffffff12;color:#fca5a5}.shell-main{flex:1;display:flex;flex-direction:column;min-width:0}.shell-content{flex:1;padding:20px;overflow:auto;min-width:0}.nav-search{padding:0 4px 10px}.nav-search input{margin-top:0;height:32px;font-size:13px;text-transform:none}.nav-group{display:flex;align-items:center;gap:6px;width:100%;height:auto;background:none;border:none;cursor:pointer;color:#64748b;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:12px 10px 4px;text-align:left}.nav-group:hover:not(:disabled){color:#cbd5e1;background:none}.nav-group:disabled{cursor:default;opacity:1}.nav-group-chevron{font-size:8px;width:9px;display:inline-block}.hamburger{height:auto;padding:4px 10px;background:none;border:none;color:#475569;font-size:18px;line-height:1;align-self:center}.hamburger:hover:not(:disabled){background:#e2e8f0;color:var(--text)}.nav nav button.soon{color:#64748b;cursor:default}.nav nav button.soon:hover{background:none}.nav-soon{font-size:9px;background:#334155;color:#94a3b8;border-radius:4px;padding:1px 5px;margin-left:auto}.topbar2{display:flex;align-items:center;gap:10px;height:52px;flex-shrink:0;padding:0 16px;background:#fff;border-bottom:1px solid var(--border)}.topbar2 .hamburger{font-size:20px;padding:6px 10px;border-radius:7px}.crumbs{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px}.crumb-root{color:#64748b;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}.crumb-sep{color:#cbd5e1}.crumb-actual{color:var(--text);font-weight:700;white-space:nowrap}.userbox{display:flex;align-items:center;gap:10px;margin-left:auto;height:auto;padding:4px 6px 4px 12px;background:none;border:1px solid transparent;border-radius:999px;cursor:pointer}.userbox:hover{background:#f1f5f9;border-color:var(--border)}.userbox-text{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.userbox-name{font-size:13px;font-weight:700;color:var(--text)}.userbox-rol{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8}.avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:13px;font-weight:700}.avatar-lg{width:64px;height:64px;font-size:22px}.profile-head{display:flex;align-items:center;gap:16px}.profile-id h1{margin:0 0 4px}.profile-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-user{font-size:13px;color:#64748b;font-weight:600}.tabbar{display:flex;align-items:stretch;gap:8px;background:var(--bg);border-bottom:1px solid var(--border);padding:6px 8px 0}.tabbar-tabs{display:flex;gap:2px;overflow-x:auto;flex:1;min-width:0}.tabbar-actions{display:flex;gap:4px;align-items:center;flex-shrink:0;padding-bottom:6px}.tab-action{height:auto;padding:4px 10px;font-size:12px;font-weight:600;color:#475569;background:#e9eef5;border:1px solid var(--border);border-radius:6px;white-space:nowrap}.tab-action:hover{background:#f1f5f9;color:var(--text)}.tabbar .tab{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid transparent;border-bottom:none;border-radius:7px 7px 0 0;background:#e9eef5;color:#475569;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;margin-bottom:-1px}.tabbar .tab:hover{background:#f1f5f9;color:var(--text)}.tabbar .tab.active{background:#fff;color:var(--primary);border-color:var(--border);border-bottom-color:#fff;font-weight:600}.tab-close{height:auto;padding:0 3px;border:none;background:none;color:#94a3b8;font-size:15px;line-height:1;border-radius:4px}.tab-close:hover{background:#e2e8f0;color:var(--error)}.modulo{display:flex;gap:16px;height:calc(100vh - 150px)}.lista-lateral{width:300px;flex-shrink:0;background:var(--card);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 3px #0f172a0f}.lista-header{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--border)}.lista-header input{margin:0}.nuevo-btn{margin:10px 12px}.lista-items{list-style:none;margin:0;padding:0;overflow:auto;flex:1}.lista-items li{padding:9px 12px;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;flex-direction:column;gap:1px;font-size:13px;color:#1e293b}.lista-items li:hover{background:#f8fafc}.lista-items li.sel{background:#eff6ff;color:#1d4ed8}.lista-items li span{font-size:11px;color:#94a3b8}.lista-items li.sel span{color:#60a5fa}.detalle{flex:1;min-width:0;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px;overflow:auto;box-shadow:0 1px 3px #0f172a0f}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}.tabs button{background:none;color:var(--muted);border:none;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;padding:8px 14px;font-weight:500;font-size:13px;height:auto;margin-bottom:-1px}.tabs button:hover{color:var(--text);background:#f1f5f9}.tabs button.on{color:var(--primary);font-weight:600;border-bottom-color:var(--primary);background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.form-grid .full{grid-column:1 / -1}.form-grid textarea{width:100%}.acciones-form{display:flex;gap:8px;margin-top:18px}.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.chips li,.chip-sel{background:#dbeafe;color:#1e40af;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.chips li button{padding:0;height:auto;background:none;border:none;color:#1e40af}.chips li button:hover{background:none}.foto-carnet{max-width:260px}.foto-preview{width:200px;height:250px;border:1px solid var(--border);border-radius:8px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;margin-bottom:.6rem}.foto-preview img{width:100%;height:100%;object-fit:cover}.foto-vacia{color:var(--muted);font-size:13px}.foto-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd9;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--primary)}.ficha-header{display:flex;align-items:center;gap:14px;margin-bottom:18px;background:linear-gradient(135deg,#1e40af,#2563eb);padding:16px 20px;border-radius:10px;color:#fff}.ficha-header strong{color:#fff;font-size:16px;font-weight:700}.ficha-header .muted{color:#ffffffd1;font-size:12px}.foto-mini{width:56px;height:70px;object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.6);flex-shrink:0}.foto-mini.vacia{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fffc;font-size:10px;text-align:center}.foto-mini.clickable{cursor:zoom-in}.foto-fam{width:40px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--border);display:block}.foto-fam.vacia{background:#f1f5f9}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172acc;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox img{max-width:90vw;max-height:90vh;border-radius:10px;cursor:default;box-shadow:0 10px 40px #00000080}.lightbox-cerrar{position:absolute;top:1rem;right:1.25rem;background:#ffffff26;color:#fff;font-size:1.6rem;line-height:1;width:2.4rem;height:2.4rem;border-radius:999px;border:none}.lightbox-cerrar:hover{background:#ffffff4d}.panel{background:#fff;border-radius:12px;padding:1.5rem;max-width:820px;width:92vw;max-height:88vh;overflow:auto;cursor:default}.panel.panel-lg{max-width:1040px}.dialog{background:#fff;border-radius:12px;padding:1.4rem 1.5rem;width:92vw;max-width:420px;cursor:default;box-shadow:0 20px 50px #00000059}.dialog h3{margin:0 0 .5rem;font-size:1.05rem}.dialog p{margin:0 0 1rem;color:var(--text)}.dialog input{width:100%;padding:.6rem;border:1px solid var(--border);border-radius:8px;margin-bottom:1rem}.dialog-acciones{display:flex;gap:.6rem;justify-content:flex-end}button.danger{background:#dc2626;border-color:#dc2626}button.danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.check-item{display:flex;align-items:center;gap:10px;margin:0;padding:11px 14px;border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text);font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;-webkit-user-select:none;user-select:none}.check-item:hover{background:#f8fafc}.check-item.on{background:#eff6ff;border-color:var(--primary)}.check-item input{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:var(--primary)}.check-item span{margin-top:0}@media (max-width: 560px){.check-grid{grid-template-columns:1fr}}@media (max-width: 700px){.modulo{flex-direction:column;height:auto}.lista-lateral{width:100%}.form-grid{grid-template-columns:1fr}}