:root{--color-blue:#2563eb;--color-blue-dark:#1d4ed8;--color-blue-bg:#eff6ff;--color-border:#e2e8f0;--color-bg-soft:#f8fafc;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-faint:#94a3b8;--color-warn-bg:#fffbeb;--color-warn-border:#fde68a;--color-warn-text:#92400e}*{box-sizing:border-box}body{color:var(--color-text);background:#fff;margin:0;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}.mono{font-family:IBM Plex Mono,monospace}table{border-collapse:collapse;width:100%}select,input,button{border:1px solid var(--color-border);border-radius:8px;padding:6px 10px;font-family:Inter,sans-serif;font-size:13px}.text-muted{color:var(--color-text-muted)}.text-faint{color:var(--color-text-faint)}.text-right{text-align:right}.text-center{text-align:center}.data td.text-nivel-ok{color:#166534}.data td.text-nivel-cerca{color:var(--color-warn-text);font-weight:500}.data td.text-nivel-vencido{color:#991b1b;font-weight:500}.app-shell{height:100vh;display:flex}.sidebar{border-right:.5px solid var(--color-border);background:#fff;flex-direction:column;flex-shrink:0;width:230px;padding:20px 0;display:flex}.sidebar-logout{margin-top:auto}.sidebar-brand{color:var(--color-text);border-bottom:.5px solid var(--color-border);margin-bottom:12px;padding:0 20px 20px;font-size:15px;font-weight:500}.sidebar-logo{width:100%;height:auto;display:block}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-link{color:var(--color-text-muted);align-items:center;gap:10px;padding:9px 20px 9px 23px;font-size:14px;display:flex}.sidebar-link i{font-size:17px}.sidebar-link.active{color:var(--color-blue);background:var(--color-blue-bg);border-left:3px solid var(--color-blue);padding-left:20px}.main-col{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.topbar{border-bottom:.5px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.topbar-title{color:var(--color-text);font-size:15px;font-weight:500}.topbar-icon-btn{width:30px;height:30px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.topbar-icon-btn:hover{background:var(--color-bg-soft);color:var(--color-text)}.topbar-icon-btn i{font-size:17px}.topbar-icon-dot{background:#dc2626;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:5px}.avatar{background:var(--color-blue-bg);width:30px;height:30px;color:var(--color-blue);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex}.content{flex-direction:column;flex:1;min-height:0;padding:24px;display:flex;overflow-y:auto}.card{border:.5px solid var(--color-border);background:#fff;border-radius:12px;padding:20px 24px}.card-fill{flex-direction:column;min-height:0;display:flex}.card-fill .table-wrap{min-height:0;max-height:none}.card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.card-title{color:var(--color-text);margin:0;font-size:15px;font-weight:500}.section-title{color:var(--color-text);margin:0 0 10px;font-size:13px;font-weight:500}.btn-primary{background:var(--color-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn-secondary{border:1px solid var(--color-border);cursor:pointer;color:var(--color-text);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;display:inline-flex}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-danger{cursor:pointer;color:#991b1b;background:#fff;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;display:inline-flex}.filters{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.table-wrap{border:.5px solid var(--color-border);border-radius:8px;max-height:60vh;overflow:auto}.content>.table-wrap{flex-shrink:0}table.data{font-size:13px}table.data thead th{z-index:1;position:sticky;top:0}table.data th{text-align:left;color:var(--color-text-muted);background:var(--color-bg-soft);padding:8px 14px;font-size:12px;font-weight:500}table.data th.th-sortable{padding:0}table.data th.th-sortable .th-sort{color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:8px 14px;text-decoration:none;display:flex}table.data th.th-sortable.text-right .th-sort{justify-content:flex-end}table.data th.th-sortable .th-sort:hover,table.data th.th-sortable .th-sort.is-active{color:var(--color-text)}table.data th.th-sortable .th-sort i{font-size:13px}table.data td{border-top:.5px solid var(--color-border);color:var(--color-text);padding:9px 14px}table.data tr.row-warn{background:var(--color-warn-bg)}table.data tr.row-warn td{color:var(--color-warn-text)}table.data tr.row-inactive{opacity:.6}.paginador{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:12px;display:flex}.paginador-resumen{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.paginador-info{color:var(--color-text-muted);margin:0}.paginador-nav{align-items:center;gap:4px;display:flex}.pager-btn{border:.5px solid var(--color-border);min-width:26px;height:26px;color:var(--color-text-muted);background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;display:inline-flex}.pager-btn:hover{border-color:var(--color-blue);color:var(--color-blue)}.pager-btn.is-active{background:var(--color-blue);border-color:var(--color-blue);color:#fff}.pager-btn.is-disabled{pointer-events:none;opacity:.4}.pager-ellipsis{color:var(--color-text-faint);padding:0 2px}.selector-por-pagina{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;font-weight:400;display:flex}.selector-por-pagina select{padding:6px 8px}.badge{border-radius:4px;padding:3px 8px;font-size:11px;display:inline-block}.badge-blue{background:var(--color-blue-bg);color:var(--color-blue-dark)}.badge-green{color:#166534;background:#f0fdf4}.badge-gray{background:var(--color-bg-soft);color:#475569}.badge-red{color:#991b1b;background:#fef2f2}.badge-amber{background:var(--color-warn-bg);color:var(--color-warn-text)}.badge-purple{color:#6d28d9;background:#f5f3ff}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--color-bg-soft);border-radius:8px;padding:14px 16px}.stat-card.warn{background:var(--color-warn-bg);border:.5px solid var(--color-warn-border)}.stat-label{color:var(--color-text-muted);margin:0 0 6px;font-size:12px}.stat-label.warn{color:var(--color-warn-text)}.stat-value{color:var(--color-text);margin:0;font-size:22px;font-weight:500}.stat-value.warn{color:var(--color-warn-text)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.form-field label{color:var(--color-text-muted);margin-bottom:5px;font-size:12px;display:block}.form-field select,.form-field input{box-sizing:border-box;width:100%}.form-field .field-error{display:block}.field-error{color:#991b1b;margin:4px 0 0;font-size:11px}.chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px;display:grid}.chip{color:var(--color-text-muted);border:.5px solid var(--color-border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:flex}.chip input{width:auto}.chip.active{color:var(--color-text);border-color:var(--color-blue);background:var(--color-blue-bg)}.field-invalid{border-color:#991b1b!important}.obs-lista{border:.5px solid var(--color-border);border-radius:8px;margin-top:10px}.obs-row{align-items:flex-start;gap:10px;padding:9px 12px;display:flex}.obs-checkbox,.obs-delete-btn{margin-top:2px}.obs-row:not(:first-child){border-top:.5px solid var(--color-border)}.obs-checkbox{flex-shrink:0;width:auto}.obs-text{color:var(--color-text);white-space:normal;overflow-wrap:break-word;flex:1;min-width:0;font-size:13px}.obs-text.obs-completed{color:var(--color-text-faint);text-decoration:line-through}.obs-delete-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;display:flex}.obs-fecha{color:var(--color-text-faint);text-align:right;flex-shrink:0;width:62px;font-size:11px}.obs-dias{color:var(--color-text-faint);text-align:right;flex-shrink:0;width:78px;font-size:11px}.alert-error{color:#991b1b;background:#fef2f2;border-radius:8px;margin:0 0 14px;padding:8px 10px;font-size:12px}.alert-success{color:#166534;background:#f0fdf4;border-radius:8px;margin:0 0 14px;padding:8px 10px;font-size:12px}.meta-grid{background:var(--color-bg-soft);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px;padding:16px 18px;display:grid}.meta-label{color:var(--color-text-muted);margin:0 0 3px;font-size:11px}.meta-value{color:var(--color-text);margin:0;font-size:13px}table.rows-table th{padding:7px 12px;font-size:11px}table.rows-table td{vertical-align:bottom;padding:6px 12px}.total-row{border-top:.5px solid var(--color-border);justify-content:flex-end;align-items:center;gap:10px;padding-top:14px;display:flex}.form-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.tab-group{gap:8px;margin-bottom:20px;display:flex}.tab{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 0;font-size:13px;font-weight:500;display:flex}.tab.active{border-color:var(--color-blue);background:var(--color-blue-bg);color:var(--color-blue-dark)}.info-note{background:var(--color-bg-soft);color:var(--color-text-muted);border-radius:8px;margin-bottom:20px;padding:10px 14px;font-size:12px}textarea{border:1px solid var(--color-border);resize:vertical;border-radius:8px;padding:6px 10px;font-family:Inter,sans-serif;font-size:13px}select:disabled{background:var(--color-bg-soft);color:var(--color-text-faint)}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{border:.5px solid var(--color-border);border-radius:12px;width:320px;padding:32px 28px}.login-header{text-align:center;margin-bottom:28px}.login-icon{background:var(--color-blue-bg);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 12px;display:flex}.login-icon i{color:var(--color-blue);font-size:20px}.modal-overlay{z-index:100;background:#0f172a59;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.is-open{display:flex}.modal-box{background:#fff;border-radius:12px;width:400px;max-width:calc(100vw - 32px);padding:24px 26px;box-shadow:0 20px 40px #0f172a26}.modal-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.modal-icon.danger{background:#fef2f2}.modal-icon.danger i{color:#991b1b}.modal-icon.blue{background:var(--color-blue-bg)}.modal-icon.blue i{color:var(--color-blue)}.modal-icon.green{background:#f0fdf4}.modal-icon.green i{color:#166534}.modal-icon.purple{background:#f5f3ff}.modal-icon.purple i{color:#6d28d9}.btn-danger-solid{color:#fff;cursor:pointer;background:#991b1b;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500}.btn-success-solid{color:#fff;cursor:pointer;background:#166534;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500}.btn-purple-solid{color:#fff;cursor:pointer;background:#6d28d9;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500}.notif-list{flex-direction:column;display:flex}.notif{border-top:.5px solid var(--color-border);cursor:pointer;grid-template-columns:20px 1fr auto;gap:14px;padding:14px 12px;display:grid}.notif:first-child{border-top:none}.notif:hover{background:var(--color-bg-soft)}.notif.unread{background:var(--color-blue-bg)}.notif.unread:hover{background:#e5effe}.notif-dot-col{justify-content:center;align-items:flex-start;padding-top:4px;display:flex}.notif-dot{background:var(--color-blue);border-radius:999px;width:7px;height:7px}.notif-body{min-width:0}.notif-top{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.notif-name{color:var(--color-text);font-size:13px;font-weight:500}.notif.unread .notif-name{font-weight:600}.notif-action-text{color:var(--color-text-muted);font-size:13px}.notif-contact{color:var(--color-text-muted);gap:10px;margin-top:2px;font-size:12px;display:flex}.notif-contact span{font-family:IBM Plex Mono,monospace;font-size:11.5px}.notif-preview{color:var(--color-text-muted);text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:6px;font-size:12.5px;display:-webkit-box;overflow:hidden}.notif-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.notif-date{color:var(--color-text-faint);white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:11.5px}.notif-mark{color:var(--color-blue);cursor:pointer;white-space:nowrap;opacity:0;background:0 0;border:none;padding:0;font-size:11px;transition:opacity .1s}.notif:hover .notif-mark{opacity:1}.notif-mark:hover{text-decoration:underline}.empty-state{text-align:center;color:var(--color-text-muted);flex-direction:column;align-items:center;padding:64px 24px;display:flex}.empty-state i{color:var(--color-text-faint);margin-bottom:12px;font-size:32px}.empty-state-title{color:var(--color-text);margin-bottom:4px;font-size:13px;font-weight:500}.empty-state-sub{color:var(--color-text-faint);font-size:12px}.modal-field{margin-bottom:14px}.modal-field:last-child{margin-bottom:0}.modal-label{color:var(--color-text-muted);margin-bottom:4px;font-size:11px;display:block}.modal-value{color:var(--color-text);font-size:13px}.modal-message{color:var(--color-text);background:var(--color-bg-soft);white-space:pre-wrap;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.6}.settings-shell{border:.5px solid var(--color-border);background:#fff;border-radius:12px;min-height:0;display:flex;overflow:hidden}.settings-nav{border-right:.5px solid var(--color-border);flex-shrink:0;width:200px;padding:20px 12px}.settings-nav-label{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em;padding:0 8px 8px;font-size:11px;font-weight:500}.settings-nav-item{color:var(--color-text-muted);border-radius:6px;align-items:center;gap:9px;margin-bottom:2px;padding:8px;font-size:13px;display:flex}.settings-nav-item i{flex-shrink:0;font-size:16px}.settings-nav-item.active{background:var(--color-bg-soft);color:var(--color-text);font-weight:500}.settings-panel{flex-direction:column;flex:1;min-width:0;min-height:0;padding:24px 28px;display:flex;overflow-y:auto}.user-cell{align-items:center;gap:10px;display:flex}.user-avatar{background:var(--color-bg-soft);border:.5px solid var(--color-border);width:28px;height:28px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.user-name{font-weight:500}.user-email{color:var(--color-text-muted);font-size:12px}.row-actions{gap:6px;display:flex}.icon-btn{border:.5px solid var(--color-border);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--color-bg-soft);color:var(--color-text)}.icon-btn i{font-size:14px}