:root{--bg: #f4f6fa;--surface: #ffffff;--surface-alt: #f8fafc;--border: #e3e7ee;--text: #1c2431;--muted: #6b7686;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #e8efff;--danger: #dc2626;--verde: #22c55e;--amarillo: #f5c518;--rojo: #ef4444;--pendiente: #94a3b8;--radio: 10px;--sombra: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button{font:inherit;cursor:pointer}.pagina{max-width:1200px;margin:0 auto;padding:24px 16px 48px}.pagina-estrecha{max-width:720px}.btn{border:1px solid transparent;border-radius:8px;padding:8px 16px;font-weight:500;transition:background .15s}.btn-primario{background:var(--primary);color:#fff}.btn-primario:hover:not(:disabled){background:var(--primary-hover)}.btn-secundario{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-secundario:hover:not(:disabled){background:#f1f4f9}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-bloque{width:100%;padding:12px;font-size:15px}.btn-icon{background:none;border:1px solid var(--border);border-radius:8px;width:36px;height:36px;font-size:22px;line-height:1;color:var(--text);display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:#f1f4f9}.calendario{background:var(--surface);border:1px solid var(--border);border-radius:var(--radio);box-shadow:var(--sombra);overflow:hidden}.calendario-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--border)}.calendario-nav{display:flex;align-items:center;gap:12px}.calendario-nav h1{margin:0;font-size:20px;min-width:200px;text-align:center}.calendario-nav h1 span{color:var(--muted);font-weight:400}.calendario-semana{display:grid;grid-template-columns:repeat(7,1fr);background:var(--surface-alt);border-bottom:1px solid var(--border)}.calendario-semana div{padding:8px;text-align:center;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.calendario-grid{display:grid;grid-template-columns:repeat(7,1fr);transition:opacity .15s}.calendario-grid.cargando{opacity:.6;pointer-events:none}.dia{min-height:112px;padding:6px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:background .1s}.dia:nth-child(7n){border-right:none}.dia:nth-last-child(-n+7){border-bottom:none}.dia:not(.dia-solo-lectura):hover{background:var(--surface-alt)}.dia-solo-lectura{cursor:default}.dia:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.dia-otro-mes{background:#fafbfd}.dia-otro-mes .dia-numero{color:#b6bfcc}.dia-numero{font-size:13px;font-weight:500;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.dia-hoy .dia-numero{background:var(--primary);color:#fff;font-weight:600}.dia-tarjetas{display:flex;flex-direction:column;gap:3px}.tarjeta{width:100%;text-align:left;border:none;border-left:3px solid var(--pendiente);border-radius:5px;padding:4px 6px;font-size:12px;font-weight:500;background:#eef2f7;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:filter .1s}.tarjeta:hover{filter:brightness(.95)}.tarjeta-verde{border-left-color:var(--verde);background:#dcfce7}.tarjeta-amarillo{border-left-color:var(--amarillo);background:#fef3c7}.tarjeta-rojo{border-left-color:var(--rojo);background:#fee2e2}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--surface);border-radius:12px;width:100%;box-shadow:0 20px 50px #00000040;animation:modal-in .15s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-cerrar{border:none;flex-shrink:0}.modal-body{padding:20px}.modal-fecha{margin:0 0 16px;color:var(--muted)}.modal-acciones{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.form{display:flex;flex-direction:column;gap:12px}.campo{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}.campo select,.campo input{font:inherit;font-weight:400;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text)}.campo select:focus,.campo input:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.error{margin:0;color:var(--danger);font-size:13px}.aviso{margin:0;color:var(--muted);font-size:13px}.detalle{margin:0 0 20px;display:grid;gap:10px}.detalle div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.detalle dt{color:var(--muted)}.detalle dd{margin:0;font-weight:500;text-align:right}.opciones{display:flex;flex-direction:column;gap:8px}.estado{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.estado-pendiente{background:#e2e8f0;color:#334155}.estado-en_progreso{background:#dbeafe;color:#1e40af}.estado-terminada{background:#dcfce7;color:#166534}.banner-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.banner-error button{background:none;border:none;color:inherit;font-size:18px;line-height:1}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radio);box-shadow:var(--sombra);padding:24px;margin-top:16px}.panel h1{margin:0 0 4px;font-size:22px}.texto-suave{color:var(--muted);margin:0 0 20px}.enlace{color:var(--primary);text-decoration:none;font-size:14px}.enlace:hover{text-decoration:underline}.aviso-fase{background:var(--primary-soft);color:#1e3a8a;border-radius:8px;padding:12px 14px;font-size:14px}.btn-sm{padding:5px 10px;font-size:13px}.btn-peligro{background:var(--danger);color:#fff}.btn-peligro:hover:not(:disabled){background:#b91c1c}.btn-peligro-suave{background:#fee2e2;color:#991b1b;border-color:#fecaca}.btn-peligro-suave:hover:not(:disabled){background:#fecaca}.topbar{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar-inner{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:20px}.marca{font-weight:700;font-size:17px;color:var(--text);text-decoration:none}.topbar-nav{display:flex;gap:4px;flex:1}.topbar-nav a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:6px;font-size:14px;font-weight:500}.topbar-nav a:hover{background:var(--surface-alt);color:var(--text)}.topbar-nav a.active{background:var(--primary-soft);color:var(--primary)}.topbar-usuario{display:flex;align-items:center;gap:12px}.topbar-usuario-texto{display:flex;flex-direction:column;text-align:right;line-height:1.25}.topbar-usuario-texto strong{font-size:14px}.topbar-usuario-texto span{font-size:12px;color:var(--muted)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--sombra);padding:32px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.login-card h1{margin:0;font-size:24px}.login-card .texto-suave{margin:-8px 0 4px}.pagina-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.pagina-cabecera h1{margin:0;font-size:22px}.panel-tabla{padding:0;margin-top:0;overflow-x:auto}.tabla{width:100%;border-collapse:collapse;font-size:14px}.tabla th,.tabla td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.tabla th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-alt)}.tabla tbody tr:last-child td{border-bottom:none}.tabla .acciones{text-align:right}.tabla .acciones .btn+.btn{margin-left:6px}.tabla .vacio{text-align:center;color:var(--muted);padding:24px}.fila-inactiva td{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge-ADMIN{background:#ede9fe;color:#5b21b6}.badge-AUDITOR{background:#dbeafe;color:#1e40af}.badge-ADMIN_UNIDAD{background:#ffedd5;color:#9a3412}.pantalla-cargando{min-height:60vh;display:flex;align-items:center;justify-content:center;color:var(--muted)}.aviso-peligro{margin:0;background:#fee2e2;color:#991b1b;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.45}.nota{margin:0 0 12px;color:var(--muted);font-size:14px}.campo-check{flex-direction:row;align-items:center;gap:8px}.campo-check input{width:16px;height:16px;margin:0}@media(max-width:640px){.topbar-usuario-texto span{display:none}.dia{min-height:80px;padding:4px}.tarjeta{font-size:11px;padding:3px 4px}.calendario-nav h1{min-width:0;font-size:17px}}