:root{--scuba-900:#0a2e4d;--scuba-700:#0e4c7a;--scuba-500:#1478a8;--scuba-100:#e2eef6;--bbz-amarillo:#ffd200;--bbz-amarillo-logo:#fff000;--bbz-rojo:#c31023;--bbz-grafito:#1a1a1a;--sla-ok:#1b7a4b;--sla-ok-bg:#e6f2eb;--sla-alerta:#b8730b;--sla-alerta-bg:#fbf0dc;--sla-vencido:#c1121f;--sla-vencido-bg:#fbe7e8;--sla-pausa:#6b4fa8;--sla-pausa-bg:#eeeaf7;--sla-nulo:#8896a2;--sla-nulo-bg:#edf1f5;--fila-bloqueada:#fdf8ec;--bg-app:#f4f6f8;--surface:#fff;--surface-alt:#edf1f5;--row-zebra:#fafbfc;--border:#dce3e9;--border-input:#c6d0d8;--text:#0e1a24;--text-2:#4a5a68;--text-3:#7e8c99;--font-display:"Archivo", system-ui, sans-serif;--font-ui:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--h1:700 28px/34px var(--font-display);--h2:600 18px/24px var(--font-display);--h3:600 15px/20px var(--font-ui);--kpi:700 32px/36px var(--font-display);--kpi-sm:700 20px/22px var(--font-display);--body:400 14px/21px var(--font-ui);--cell:400 14px/18px var(--font-ui);--cell-strong:500 14px/18px var(--font-ui);--label:600 11px/14px var(--font-ui);--thead:600 11px/14px var(--font-ui);--badge:600 12px/1 var(--font-ui);--mono-sm:500 13px/18px var(--font-mono);--mono-xs:500 12px/16px var(--font-mono);--radius-card:4px;--radius-control:3px;--row-h:40px;--control-h:36px;--control-h-sm:30px;--badge-h:22px;--sidebar-w:216px;--page-pad:28px 32px 32px;--shadow-overlay:0 12px 40px #0e1a2433;--focus-ring:0 0 0 2px #c7dfef}*{box-sizing:border-box}body{font:var(--body);background:var(--bg-app);color:var(--text);margin:0}#root{min-height:100vh;display:flex}a{color:inherit}h1,h2,h3{font-family:var(--font-display);margin:0}.app-shell{width:100%;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--scuba-900);color:#fff;flex-direction:column;flex-shrink:0;padding:20px 0 16px;display:flex}.sidebar-header{border-bottom:1px solid #1c4467;align-items:center;gap:10px;margin-bottom:16px;padding:0 16px 16px;display:flex}.sidebar-header img{object-fit:contain;flex-shrink:0;width:28px;height:28px}.sidebar-header .title{font:600 14px/17px var(--font-display);color:#fff}.sidebar-header .sub{font:400 11px/13px var(--font-ui);color:#7fb2d4}.sidebar-nav{flex-direction:column;gap:2px;padding:0 10px;display:flex}.sidebar-nav a{border-radius:var(--radius-control);color:#c4d8e7;height:38px;font:400 14px var(--font-ui);justify-content:space-between;align-items:center;padding:0 12px;text-decoration:none;transition:background 80ms ease-out;display:flex}.sidebar-nav a.active{box-shadow:inset 3px 0 0 var(--bbz-amarillo);color:#fff;background:#14446b;font-weight:600}.sidebar-nav a:hover:not(.active){background:#103a5c}.sidebar-count{background:var(--sla-vencido);color:#fff;min-width:19px;height:19px;font:600 11px var(--font-mono);border-radius:10px;justify-content:center;align-items:center;padding:0 7px;display:inline-flex}.sidebar-user{border-top:1px solid #1c4467;min-width:0;margin-top:auto;padding:16px 14px 0}.sidebar-user-email{font:400 12px/16px var(--font-ui);color:#7fb2d4;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;overflow:hidden}.main{background:var(--bg-app);padding:var(--page-pad);flex:1;overflow-x:auto}.page-title{font:var(--h1);letter-spacing:-.01em;color:var(--text);margin:0 0 4px}.page-sub{font:var(--body);color:var(--text-2);margin:0 0 20px}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;gap:3px;padding:14px 16px;display:flex}.kpi-card .label{font:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.kpi-card .value{font:var(--kpi);font-variant-numeric:tabular-nums;color:var(--text)}.kpi-card .note{font:400 12px/16px var(--font-ui);color:var(--text-3)}.kpi-card.accionable{border-left:3px solid var(--sla-vencido)}.kpi-card.accionable .label,.kpi-card.accionable .value{color:var(--sla-vencido)}.kpi-card.contexto{flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px;padding:12px 16px}.kpi-card.contexto .value{font:var(--kpi-sm)}.kpi-card.en-cero{background:var(--surface-alt)}.kpi-card.en-cero .value{color:var(--sla-nulo)}.kpi-card.pausa .value{color:var(--sla-pausa)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:20px;padding:18px 20px}.card h3{font:var(--h2);color:var(--text);margin-bottom:12px;font-size:15px}.estado-stack{border-radius:2px;height:20px;margin-bottom:14px;display:flex;overflow:hidden}.estado-list{flex-direction:column;display:flex}.estado-list-row{border-bottom:1px solid var(--surface-alt);align-items:center;gap:8px;padding:7px 0;display:flex}.estado-list-row:last-child{border-bottom:none}.estado-list-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.estado-list-name{font:400 13px var(--font-ui);color:var(--text-2);flex:1}.estado-list-count{font:var(--mono-sm);color:var(--text)}.estado-list-pct{font:400 13px var(--font-mono);color:var(--text-3);text-align:right;width:44px}.chart-footnote{border-top:1px solid var(--surface-alt);font:400 12px/17px var(--font-ui);color:var(--text-3);margin:12px 0 0;padding-top:12px}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}@media (width<=900px){.grid-2,.grid-3{grid-template-columns:1fr}}table{border-collapse:collapse;width:100%;font:var(--cell)}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}th{color:#fff;background:var(--scuba-900);font:var(--thead);letter-spacing:.08em;text-transform:uppercase;position:sticky;top:0}tbody tr:hover{background:var(--surface-alt);cursor:pointer;transition:background 80ms ease-out}tbody tr:nth-child(2n){background:var(--row-zebra)}.badge{height:var(--badge-h);border-radius:var(--radius-control);font:var(--badge);align-items:center;gap:6px;padding:0 9px;display:inline-flex}.badge-estado-neutro{background:var(--surface-alt);color:var(--text-2)}.badge-estado-curso{background:var(--scuba-100);color:var(--scuba-700)}.badge-estado-terceros{background:var(--sla-pausa-bg);color:var(--sla-pausa)}.badge-estado-ok{background:var(--sla-ok-bg);color:var(--sla-ok)}.badge-estado-descartado{background:var(--surface-alt);color:var(--text-3)}.badge-prioridad-urgente{background:var(--sla-vencido-bg);color:var(--sla-vencido)}.badge-prioridad-normal{background:var(--sla-alerta-bg);color:var(--sla-alerta)}.badge-prioridad-baja{background:var(--surface-alt);color:var(--text-2)}.badge-prioridad-vacia{border:1px dashed var(--border-input);color:var(--text-3);background:0 0;font-size:12px;font-weight:500}.badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-gray{background:var(--surface-alt);color:var(--text-2)}.toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.toolbar-divider{background:var(--border);width:1px;height:24px}.chip{height:var(--control-h);border-radius:var(--radius-control);border:1px solid var(--border-input);background:var(--surface);color:var(--text-2);font:600 13px var(--font-ui);cursor:pointer;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.chip.active{background:var(--scuba-100);color:var(--scuba-700);border-color:#0000}.chip input{margin:0}select,input[type=text],input[type=date],input[type=number],input[type=password],input[type=email],textarea{height:var(--control-h);border:1px solid var(--border-input);border-radius:var(--radius-control);font:400 14px var(--font-ui);color:var(--text);background:#fff;padding:0 11px;font-family:inherit}textarea{resize:vertical;height:auto;padding:10px 11px}select{padding:0 9px}input:focus,select:focus,textarea:focus{border-color:var(--scuba-700);box-shadow:var(--focus-ring);outline:none}input:disabled,select:disabled,textarea:disabled{border-color:var(--border);background:var(--bg-app);color:var(--sla-nulo)}label{font:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin-bottom:6px;display:block}.field{margin-bottom:12px}.btn{height:var(--control-h);background:var(--scuba-700);color:#fff;border-radius:var(--radius-control);font:600 14px var(--font-ui);cursor:pointer;border:none;padding:0 16px;transition:background 80ms ease-out}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn:hover{background:#0b3f66}.btn-secondary{color:var(--text);border:1px solid var(--border-input);background:#fff}.btn-secondary:hover{border-color:var(--text-3);background:var(--surface-alt)}.btn-danger{color:var(--bbz-rojo);background:#fff;border:1px solid #e7b8bd}.btn-danger:hover{background:var(--sla-vencido-bg)}.btn-primary-amarillo{background:var(--bbz-amarillo);color:var(--text);border:none}.btn-primary-amarillo:hover{background:#f0c500}.btn-sm{height:var(--control-h-sm);padding:0 12px;font-size:13px}.modal-overlay{z-index:50;background:#0e1a248c;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-overlay);width:100%;max-width:880px}.modal h2{font:var(--h2);color:var(--text);margin-bottom:4px;font-size:22px}.modal-grid{grid-template-columns:1fr 1fr;gap:12px 20px;display:grid}.modal-actions{justify-content:space-between;display:flex}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.modal-header-line1{align-items:center;gap:10px;margin-bottom:6px;display:flex}.modal-header-line1 .cell-mono{color:var(--text-2)}.modal-divider{background:var(--border-input);width:1px;height:13px}.modal-header-meta{font:400 13px/18px var(--font-ui);color:var(--text-2);margin-top:4px}.modal-header-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.modal-close{cursor:pointer;width:24px;height:24px;color:var(--sla-nulo);background:0 0;border:none;font-size:16px;line-height:1}.modal-body{grid-template-columns:1fr 300px;gap:28px;padding:22px 24px;display:grid}.modal-body-right h3{font:var(--h3);margin-bottom:12px}.modal-footer{border-top:1px solid var(--border);background:var(--row-zebra);margin-top:0;padding:16px 24px}.readonly-block{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-control);font:400 14px/21px var(--font-ui);white-space:pre-wrap;padding:12px 13px}.login-screen{grid-template-columns:1fr 460px;width:100%;min-height:100vh;display:grid}.login-photo{background-blend-mode:normal, luminosity;background-color:#0a2e4d;background-image:linear-gradient(160deg,#0a2e4d9e 0%,#082036cc 55%,#061626f0 100%),url(/login-obra.jpg);background-position:50%,50% 42%;background-size:cover,cover;position:relative}.login-photo:before{content:"";background:linear-gradient(#d80018 0 20%,#fff000 20% 40%,#1a1a1a 40% 100%);flex-direction:column;width:6px;display:flex;position:absolute;top:0;bottom:0;left:0}.login-photo-text{flex-direction:column;gap:14px;display:flex;position:absolute;bottom:44px;left:48px;right:56px}.login-photo-rule{background:var(--bbz-amarillo);width:40px;height:2px}.login-photo-phrase{font:600 26px/33px var(--font-display);color:#fff;text-wrap:pretty;max-width:380px;margin:0}.login-photo-signature{font:400 13px/19px var(--font-ui);color:#b6cfe2;letter-spacing:.02em;margin:0}.login-box{background:var(--surface);flex-direction:column;justify-content:center;gap:22px;padding:0 56px;display:flex}.login-box .login-logo{align-self:flex-start;width:auto;height:40px}.login-box h1{font:700 24px/29px var(--font-display);color:var(--text);margin:0}.login-box .login-sub{color:var(--text-2);font:400 14px/20px var(--font-ui);margin:6px 0 0}.login-box .field{margin-bottom:0}.login-box .btn{width:100%;height:42px;font-size:15px}.login-error{color:var(--bbz-rojo);font-size:12px}@media (width<=900px){.login-screen{grid-template-columns:1fr}.login-photo{display:none}.login-box{width:100%;max-width:460px;margin:0 auto}}.empty-state{text-align:center;color:var(--text-3);padding:60px 20px}.alert-banner{background:var(--sla-alerta-bg);color:var(--sla-alerta);border-radius:var(--radius-card);font:var(--body);border:1px solid #f0dbae;margin-bottom:16px;padding:10px 14px;font-size:13px}.sla-block{border-left:1px solid var(--border);grid-template-columns:1fr 1fr;align-self:stretch;display:grid}.sla-half{border-left:1px solid var(--border);justify-content:center;align-items:center;gap:6px;display:flex}.sla-half:first-child{border-left:none}.sla-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:10px;height:10px}.sla-num{font:var(--mono-sm)}.sla-num.pausa{font-weight:500}.sla-ok-color{color:var(--sla-ok)}.sla-alerta-color{color:var(--sla-alerta)}.sla-vencido-color{color:var(--sla-vencido)}.sla-pausa-color{color:var(--sla-pausa)}.sla-nulo-color{color:var(--sla-nulo)}.thead-sla{border-left:1px solid #2c5c82;flex-direction:column;display:flex}.thead-sla-label{text-align:center;font:var(--label);letter-spacing:.12em;color:var(--bbz-amarillo);padding:9px 14px 3px}.thead-sla-sub{display:flex}.thead-sla-sub span{text-align:center;font:500 11px/14px var(--font-ui);color:#b6cfe2;border-left:1px solid #2c5c82;flex:1}.thead-sla-sub span:first-child{border-left:none}.sla-compact{border:1px solid var(--border);border-radius:var(--radius-control);display:flex;overflow:hidden}.sla-compact-half{border-left:1px solid var(--border);flex-direction:column;flex:1;align-items:center;gap:4px;padding:7px 14px;display:flex}.sla-compact-half:first-child{border-left:none}.sla-compact-label{font:500 10px/12px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.grid-row{min-height:var(--row-h);border-bottom:1px solid var(--surface-alt);white-space:nowrap;align-items:center;display:grid}.grid-row>*{text-overflow:ellipsis;padding:0 14px;overflow:hidden}.grid-body .grid-row{cursor:pointer;transition:background 80ms ease-out}.grid-body .grid-row:nth-child(2n){background:var(--row-zebra)}.grid-body .grid-row:hover{background:var(--surface-alt)}.grid-row.grid-thead{background:var(--scuba-900);color:#fff;font:var(--thead);letter-spacing:.08em;text-transform:uppercase;cursor:default;z-index:1;border-bottom:none;align-items:flex-end;min-height:0;position:sticky;top:0}.grid-table-scroll{max-height:820px;overflow-y:auto}.grid-table-footer{font:400 13px var(--font-ui);color:var(--text-3);border-top:1px solid var(--surface-alt);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.grid-row.grid-thead>*{padding:14px 14px 12px}.grid-row.grid-thead:hover{background:var(--scuba-900)}.cell-mono{font:var(--mono-sm);color:var(--scuba-700)}.grid-row>.sla-block{align-self:stretch;height:100%;padding:0}.grid-row.fila-bloqueada .sla-half{border-left-color:var(--border-input)}.grid-row.fila-bloqueada{box-shadow:inset 3px 0 0 var(--sla-alerta);color:var(--text-2);background:var(--fila-bloqueada)!important}.alerta-box{border-radius:var(--radius-control);justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;display:inline-flex;position:relative}.alerta-box.candado{background:var(--sla-alerta-bg);color:var(--sla-alerta)}.alerta-box.sin-accion{background:var(--sla-vencido-bg);color:var(--sla-vencido)}.alerta-box.reincidencia{background:var(--scuba-100);color:var(--scuba-700)}.alerta-box.duplicado{background:var(--surface-alt);color:var(--text-2)}.tooltip-lock{background:var(--text);color:#fff;border-radius:var(--radius-card);white-space:nowrap;font-family:var(--font-ui);z-index:10;opacity:0;pointer-events:none;padding:9px 12px;transition:opacity 80ms ease-out;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 4px 14px #0e1a2438}.alerta-box.candado:hover .tooltip-lock{opacity:1;transition-delay:.12s}.tooltip-lock .line1{font:600 12px/16px var(--font-ui)}.tooltip-lock .line2{font:400 12px/16px var(--font-ui);color:#a9b7c2}.timeline{flex-direction:column;display:flex}.timeline-item{grid-template-columns:12px 1fr;gap:10px;display:grid}.timeline-item .rail{flex-direction:column;align-items:center;display:flex}.timeline-item .dot{background:var(--border-input);border-radius:50%;width:9px;height:9px;margin-top:4px}.timeline-item:first-child .dot{background:var(--scuba-700)}.timeline-item .line{background:var(--border);flex:1;width:1px;margin-top:2px}.timeline-item .title{font:500 13px/18px var(--font-ui);color:var(--text)}.timeline-item .meta{font:400 12px/16px var(--font-ui);color:var(--text-3)}.timeline-item{padding-bottom:14px}