:root{--bg: #f0f3f6;--bg-elev: #ffffff;--ink: #12202e;--muted: #5b6b7a;--line: #d5dde5;--brand: #0b3d5c;--brand-mid: #164e73;--brand-soft: #e3eef5;--accent: #2a9d8f;--accent-soft: #e4f5f2;--danger: #b42318;--danger-soft: #fdeceb;--warning: #b54708;--ok: #1f6b4a;--ok-soft: #e8f5ef;--shadow: 0 1px 2px rgba(18, 32, 46, .04);--radius: 12px;--radius-sm: 8px;--font: "Plus Jakarta Sans", system-ui, sans-serif;--display: "Fraunces", Georgia, serif;--sidebar-w: 260px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(900px 420px at 0% -5%,rgba(42,157,143,.12) 0%,transparent 55%),radial-gradient(800px 380px at 100% 0%,rgba(11,61,92,.1) 0%,transparent 50%),linear-gradient(180deg,#e8eef3 0%,var(--bg) 40%);background-attachment:fixed;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--display);font-weight:650;letter-spacing:-.02em;margin:0 0 .4rem;color:var(--brand)}h1{font-size:1.85rem}h2{font-size:1.25rem}h3{font-size:1.05rem;font-family:var(--font);font-weight:650;color:var(--ink)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;width:100%}.sidebar{background:linear-gradient(185deg,var(--brand) 0%,#082f47 100%);color:#f4f8fb;padding:1.35rem 1rem 1.1rem;display:flex;flex-direction:column;gap:1.1rem;position:sticky;top:0;height:100vh;overflow:auto;z-index:40}.brand{display:flex;align-items:center;gap:.75rem;padding:.25rem .4rem .5rem}.brand-mark{width:42px;height:42px;border-radius:10px;background:#fffffff2;object-fit:contain;flex-shrink:0}.brand-text{font-family:var(--display);font-size:1.35rem;line-height:1.15;letter-spacing:-.02em}.brand-text small{display:block;font-family:var(--font);opacity:.72;font-size:.72rem;font-weight:500;margin-top:.2rem;letter-spacing:0}.nav{display:flex;flex-direction:column;gap:.15rem;flex:1}.nav a{display:block;padding:.58rem .8rem;border-radius:var(--radius-sm);color:#f4f8fbc7;font-size:.92rem;font-weight:500;transition:background .15s ease,color .15s ease}.nav a.active,.nav a:hover{background:#2a9d8f38;color:#fff}.nav a.active{box-shadow:inset 3px 0 0 var(--accent)}.content-column{display:flex;flex-direction:column;min-width:0;min-height:100vh}.app-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#ffffffeb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-topbar-left{display:flex;align-items:center;gap:.65rem;min-width:0}.app-topbar-title{display:flex;flex-direction:column;line-height:1.15}.app-topbar-title .eyebrow{font-size:.68rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.app-topbar-title strong{font-family:var(--display);font-size:1.15rem;color:var(--brand);font-weight:650}.app-topbar-right{display:flex;align-items:center;gap:.75rem;margin-left:auto}.user-chip{display:flex;align-items:center;gap:.65rem}.user-chip-text{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;font-size:.82rem}.user-chip-text strong{font-size:.88rem;color:var(--ink)}.user-chip-text span{color:var(--muted);font-size:.75rem}.icon-btn{position:relative;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--brand);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.icon-btn .badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;display:grid;place-items:center}.menu-toggle{display:none}.nav-scrim{display:none;border:none;padding:0;background:#081e2d73}.main{flex:1;width:100%;max-width:none;padding:1.35rem 1.75rem 2.5rem}.page-header{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap}.page-header h1{margin-bottom:.15rem}.topbar{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap}.toolbar{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-bottom:.85rem}.toolbar .grow{flex:1;min-width:180px}.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.55rem .75rem;background:#fff}.muted{color:var(--muted)}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.15rem;box-shadow:var(--shadow)}.grid{display:grid;gap:1rem}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.grid.two{grid-template-columns:1.15fr 1fr}.stat-value{font-family:var(--display);font-size:1.85rem;color:var(--brand);line-height:1.1}.stat-label{font-size:.84rem;color:var(--muted);margin-top:.2rem}.btn{border:1px solid transparent;background:var(--brand);color:#fff;border-radius:var(--radius-sm);padding:.58rem 1rem;cursor:pointer;font-weight:600;font-size:.92rem;transition:filter .15s ease,background .15s ease}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.btn.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn.secondary:hover{border-color:var(--accent);color:var(--brand)}.btn.ghost{background:transparent;color:inherit;border:none;padding:.35rem .5rem;font-weight:500}.btn.danger{background:var(--danger)}.field{display:flex;flex-direction:column;gap:.32rem;margin-bottom:.75rem}.field label{font-size:.78rem;color:var(--muted);font-weight:600;letter-spacing:.01em}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.6rem .75rem;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2a9d8f2e}.field textarea{min-height:90px;resize:vertical}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table-wrap{overflow:auto;max-height:min(70vh,820px);border-radius:var(--radius)}.table th,.table td{text-align:left;padding:.75rem .85rem;border-bottom:1px solid var(--line);vertical-align:middle}.table th{position:sticky;top:0;z-index:1;background:#f7fafc;color:var(--muted);font-weight:650;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line)}.table tbody tr:nth-child(2n) td{background:#0b3d5c05}.table tr:hover td{background:#2a9d8f0f}.table td.actions{text-align:right;white-space:nowrap}.table .cell-ellipsis{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn.sm{padding:.35rem .65rem;font-size:.8rem}.pill{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:999px;font-size:.74rem;font-weight:600;background:var(--brand-soft);color:var(--brand)}.pill.gold{background:#fff4e5;color:var(--warning)}.pill.danger{background:#fdeceb;color:var(--danger)}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.teal{background:var(--accent-soft);color:#1a6f66}.tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem}.tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.4rem .85rem;cursor:pointer;font-size:.86rem;font-weight:550;color:var(--muted)}.tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(700px 400px at 15% 20%,rgba(42,157,143,.18),transparent 60%),radial-gradient(600px 360px at 90% 10%,rgba(11,61,92,.2),transparent 55%),linear-gradient(160deg,#0b3d5c,#0a4a5c 45%,#1a6b65)}.login-card{width:min(420px,100%);background:#fffffff7;border:1px solid rgba(255,255,255,.5);border-radius:18px;padding:1.85rem 1.75rem;box-shadow:0 20px 50px #081e2d40}.login-brand{display:flex;align-items:center;gap:.85rem;margin-bottom:.35rem}.login-brand img{width:52px;height:52px;border-radius:12px;background:#fff}.login-card h1{font-size:1.9rem;margin:0}.error{background:#fdeceb;color:var(--danger);padding:.65rem .8rem;border-radius:var(--radius-sm);margin-bottom:.75rem;font-size:.9rem}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.list-muted{color:var(--muted);font-size:.9rem}.payload-dl{margin:.4rem 0 0}.payload-row{display:grid;grid-template-columns:minmax(110px,38%) 1fr;gap:.35rem .75rem;padding:.35rem 0;border-bottom:1px solid var(--line);font-size:.92rem}.payload-row:last-child{border-bottom:none}.payload-row dt{color:var(--muted);font-weight:600}.payload-row dd{margin:0}.record-card{padding-bottom:.85rem;margin-bottom:.85rem;border-bottom:1px solid var(--line)}.record-card:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1rem}.chart-card h3{font-size:1rem;margin-bottom:.75rem}.chart-svg,.donut-svg{width:100%;height:auto;max-height:220px}.chart-val{font-size:10px;fill:var(--ink);font-family:var(--font)}.chart-label{font-size:9px;fill:var(--muted);font-family:var(--font)}.donut-wrap{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.donut-svg{width:140px;flex:0 0 auto}.donut-total{font-size:18px;font-weight:700;fill:var(--brand);font-family:var(--display)}.donut-sub{font-size:10px;fill:var(--muted);font-family:var(--font)}.chart-legend{list-style:none;margin:0;padding:0;font-size:.85rem}.chart-legend li{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.alert-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;margin-bottom:1rem}.alert-chip{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem .95rem;display:flex;flex-direction:column;gap:.15rem;box-shadow:var(--shadow)}.alert-chip strong{font-family:var(--display);font-size:1.55rem;color:var(--brand)}.alert-chip span{font-size:.78rem;color:var(--muted);font-weight:500}.alert-chip.critical strong{color:var(--danger)}.alert-chip.warning strong{color:var(--warning)}.alert-chip.info strong{color:var(--accent)}.alert-row{display:flex;justify-content:space-between;align-items:start;gap:.75rem;padding:.7rem .15rem .7rem 0;border-bottom:1px solid var(--line)}.alert-row:last-child{border-bottom:none}.alert-row.critical{border-left:3px solid var(--danger);padding-left:.7rem}.alert-row.warning{border-left:3px solid var(--warning);padding-left:.7rem}.alert-row.info{border-left:3px solid var(--accent);padding-left:.7rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem 1rem}.form-grid .field{margin-bottom:0}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.menu-toggle{display:inline-flex}.nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;opacity:0;pointer-events:none;transition:opacity .2s ease}.app-shell.nav-open .nav-scrim{opacity:1;pointer-events:auto}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(280px,86vw);height:100vh;transform:translate(-105%);transition:transform .22s ease;z-index:50;box-shadow:8px 0 30px #081e2d40}.app-shell.nav-open .sidebar{transform:translate(0)}.grid.two,.payload-row{grid-template-columns:1fr}.main{padding:1rem .9rem 2rem}.app-topbar{padding:.65rem .85rem;flex-wrap:wrap}.global-search{order:3;flex:1 1 100%;max-width:none}.user-chip-text{display:none}.charts-grid{grid-template-columns:1fr}}.global-search{position:relative;flex:1;max-width:420px}.global-search input{width:100%;border:1px solid var(--line);border-radius:999px;padding:.55rem 1rem;background:#fff}.global-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2a9d8f2e}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;margin:0;padding:.35rem 0;list-style:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 32px #12202e1f;max-height:320px;overflow:auto;z-index:60}.search-results li a{display:grid;grid-template-columns:1fr auto;gap:.15rem .75rem;padding:.55rem .9rem}.search-results li a:hover{background:var(--accent-soft)}.search-results strong{grid-column:1}.search-results .list-muted{grid-column:1;font-size:.8rem}.search-results em{grid-column:2;grid-row:1 / span 2;align-self:center;font-style:normal;font-size:.72rem;color:var(--muted);font-weight:650;text-transform:uppercase}.alerts-bell{position:relative}.alerts-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(380px,92vw);background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 40px #12202e29;z-index:70;overflow:hidden}.alerts-panel-head{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--line);background:#f7fafc}.alerts-list{list-style:none;margin:0;padding:0;max-height:420px;overflow:auto}.alerts-list .alert-row{padding:.75rem 1rem;border-bottom:1px solid var(--line)}.alerts-list .alert-row:last-child{border-bottom:none}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;justify-content:flex-end}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#081e2d66;cursor:pointer}.drawer-panel{position:relative;width:min(440px,100%);height:100%;background:#fff;box-shadow:-12px 0 40px #081e2d2e;display:flex;flex-direction:column;animation:slideIn .2s ease}.drawer-panel.wide{width:min(560px,100%)}@keyframes slideIn{0%{transform:translate(24px);opacity:.6}to{transform:translate(0);opacity:1}}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.15rem;border-bottom:1px solid var(--line)}.drawer-head h2{margin:0;font-size:1.15rem}.drawer-body{padding:1.15rem;overflow:auto;flex:1}.empty-state{padding:2.5rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.empty-state strong{font-family:var(--display);font-size:1.2rem;color:var(--brand)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.85rem 1rem;border-top:1px solid var(--line)}.alert-chip-link{text-decoration:none;transition:border-color .15s ease,transform .15s ease}.alert-chip-link:hover{border-color:var(--accent);transform:translateY(-1px)}.case-sticky{position:sticky;top:64px;z-index:20;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;justify-content:space-between;padding:.85rem 1rem;margin-bottom:1rem;background:#fffffff5;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.case-sticky-meta{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.case-sticky-actions{display:flex;flex-wrap:wrap;gap:.4rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;flex-wrap:wrap}.section-head h2{margin:0}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{position:relative;padding:.85rem 0 .85rem 1.25rem;border-left:2px solid var(--line);margin-left:.5rem}.timeline-item:before{content:"";position:absolute;left:-5px;top:1.15rem;width:8px;height:8px;border-radius:50%;background:var(--accent)}.btn:focus-visible,.icon-btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-help{margin-bottom:1rem}.page-help-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.help-toggle{display:inline-flex;align-items:center;gap:.4rem}.help-icon{width:18px;height:18px;border-radius:50%;background:var(--brand);color:#fff;font-size:.72rem;font-weight:700;display:inline-grid;place-items:center}.help-teaser{flex:1;min-width:180px;font-size:.86rem}.page-help-panel{margin-top:.65rem}.help-steps,.help-tips{margin:.5rem 0 0;padding-left:1.2rem;color:var(--ink);font-size:.92rem;line-height:1.45}.help-steps li,.help-tips li{margin-bottom:.35rem}.export-btns{display:inline-flex;gap:.35rem}.view-toggle{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:#fff}.view-toggle button{border:none;background:transparent;padding:.45rem .85rem;cursor:pointer;font:inherit;font-weight:600;font-size:.86rem;color:var(--muted)}.view-toggle button.active{background:var(--brand);color:#fff}.calendar-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:1rem;align-items:start}.calendar-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.calendar-month{font-family:var(--display);font-size:1.15rem;color:var(--brand);text-transform:capitalize;margin-right:auto}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-weekday{text-align:center;font-size:.72rem;font-weight:650;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:.35rem 0}.cal-day{min-height:88px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:.35rem .4rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;font:inherit;color:inherit;transition:border-color .15s ease,background .15s ease}.cal-day:hover{border-color:var(--accent)}.cal-day.outside{opacity:.45;background:#f7fafc}.cal-day.today{box-shadow:inset 0 0 0 2px var(--accent)}.cal-day.selected{background:var(--accent-soft);border-color:var(--accent)}.cal-day-num{font-weight:700;font-size:.86rem;color:var(--brand)}.cal-dots{display:flex;gap:3px;flex-wrap:wrap;align-items:center}.cal-dot{width:7px;height:7px;border-radius:50%;background:var(--brand)}.cal-dot.type-plazo{background:var(--warning)}.cal-dot.type-alerta{background:var(--danger)}.cal-dot.overdue{outline:1px solid var(--danger)}.cal-more{font-size:.68rem;color:var(--muted);font-weight:650}.cal-event-labels{list-style:none;margin:0;padding:0;font-size:.68rem;color:var(--muted);line-height:1.25}.cal-event-labels li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-event-labels li.overdue{color:var(--danger);font-weight:600}@media(max-width:960px){.calendar-layout{grid-template-columns:1fr}.cal-day{min-height:64px}.cal-event-labels{display:none}}.chart-stage{position:relative}.chart-tooltip{position:absolute;z-index:5;pointer-events:none;background:var(--brand);color:#fff;padding:.4rem .65rem;border-radius:8px;font-size:.8rem;box-shadow:0 8px 20px #081e2d40;display:flex;flex-direction:column;gap:.1rem;max-width:200px;transform:translateY(-100%)}.chart-tooltip strong{font-size:.78rem}.chart-hint{margin:.45rem 0 0;font-size:.75rem;color:var(--muted)}.chart-card.interactive .chart-hit rect,.chart-card.interactive circle{transition:opacity .15s ease,stroke-width .15s ease,r .15s ease}.legend-hit.clickable{cursor:pointer;border-radius:6px;padding:.15rem .25rem}.legend-hit.clickable:hover,.legend-hit.active{background:var(--accent-soft)}