:root{--bg:#f4f5f7;--panel:#fff;--text:#1d2330;--muted:#6a7385;--border:#e1e4ea;--accent:#2557d6;--side:#14213d;--side-text:#cfd7ea;--warn:#b26a00;--bad:#b3261e;--ok:#1b7a43;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161b;--panel:#1d2028;--text:#e8eaf0;--muted:#9aa3b5;--border:#2c303b;--accent:#6b8cff;--side:#0d1220;--warn:#f0b04a;--bad:#ff8a80;--ok:#5ad08a}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 -apple-system,Segoe UI,system-ui,sans-serif}h1{margin:0;font-size:22px}h2{margin:0 0 10px;font-size:15px}.muted{color:var(--muted);margin:2px 0 0}a{color:var(--accent)}.app{height:100%;display:flex}.sidebar{background:var(--side);width:220px;color:var(--side-text);flex:none;padding:12px 10px;overflow-y:auto}.mac .sidebar{-webkit-app-region:drag;padding-top:38px}.mac .sidebar nav{-webkit-app-region:no-drag}.brand{color:#fff;padding:4px 8px 12px;font-size:17px;font-weight:700}.nav-group{text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin:14px 8px 4px;font-size:11px}.nav-link{color:inherit;border-radius:6px;align-items:center;gap:10px;padding:7px 8px;text-decoration:none;display:flex}.nav-link:hover{background:#ffffff14}.nav-link.active{background:var(--accent);color:#fff}.nav-icon{text-align:center;width:18px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.demo-banner{color:#6b4e00;text-align:center;background:#fff3cd;border-bottom:1px solid #ecd48a;padding:5px 10px;font-size:12px;font-weight:600}@media (prefers-color-scheme:dark){.demo-banner{color:#f3d98a;background:#3a2f0b;border-color:#5c4a14}}.content{flex:1;padding:20px 24px;overflow:auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn,select,input,.tab{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:6px 12px}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.search{width:100%;max-width:420px;margin-bottom:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:0;margin-bottom:16px;padding:14px 16px}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;padding:12px 14px;display:flex}.kpi strong{font-size:22px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.table-wrap{scrollbar-width:thin;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow-x:auto}.card .table-wrap{border:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:8px 10px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--panel);font-size:11px;position:sticky;top:0}tbody tr:last-child td{border-bottom:0}.badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-ok{color:var(--ok)}.badge-warn{color:var(--warn)}.badge-bad{color:var(--bad)}.badge-info{color:var(--accent)}.badge-neutral{color:var(--muted)}.bars{align-items:flex-end;gap:14px;height:160px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.bar{background:var(--accent);border-radius:4px 4px 0 0;width:100%;max-width:40px}.form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;gap:12px;display:grid}.form label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}td:first-child{white-space:nowrap}@media (width<=960px){th,td{padding:6px 7px;font-size:13px}.sidebar{width:56px;padding-left:6px;padding-right:6px}.nav-text,.nav-group,.brand{display:none}.nav-link{justify-content:center}.content{padding:14px}}.card th,.card td{padding-left:8px;padding-right:8px}.table-wrap table{min-width:0}a.btn{text-decoration:none;display:inline-block}.btn:hover:not(:disabled){border-color:var(--accent)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.toolbar .search{flex:260px;margin:0}.th-btn{all:unset;cursor:pointer;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;white-space:nowrap}.th-btn:hover,.th-btn:focus-visible{color:var(--accent)}.notice{background:color-mix(in srgb, var(--accent) 10%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.alert-error{background:color-mix(in srgb, var(--bad) 12%, var(--panel));border:1px solid var(--bad);color:var(--bad);border-radius:8px;margin-bottom:12px;padding:8px 12px;font-weight:600}.form-card fieldset{border:0;border-top:1px solid var(--border);min-width:0;margin:0;padding:12px 0 4px}.form-card fieldset:first-of-type{border-top:0;padding-top:0}legend{padding:0 0 8px;font-weight:700}.fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px 16px;display:grid}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field-wide{grid-column:1/-1}.field label{color:var(--muted);font-size:12px;font-weight:600}.field input,.field select,.field textarea{width:100%;font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:6px 10px}.field input:disabled,.field select:disabled{opacity:.6;cursor:not-allowed;background:var(--bg)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.btn:focus-visible,.tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field.has-error input,.field.has-error select{border-color:var(--bad)}.field.check{justify-content:flex-end}.field.check input{width:auto}.field.check label{color:var(--text);font-size:14px}.req{color:var(--bad)}.hint{color:var(--muted);font-size:12px}.error-text{color:var(--bad);font-size:12px;font-weight:600}.form-actions{align-items:center;margin-top:14px}.inline-form{margin-top:16px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.section-head p{flex:320px;margin:0}.datos{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px 24px;margin:0;display:grid}.dato dt{color:var(--muted);font-size:12px;font-weight:600}.dato dd{overflow-wrap:anywhere;margin:2px 0 0}td a{white-space:nowrap}.kpi-warn{border-color:var(--bad)}.kpi-warn strong{color:var(--bad)}.badge-alt{color:#b0408f}@media (prefers-color-scheme:dark){.badge-alt{color:#f08ad0}}.kpi-key{border-color:var(--accent)}.servidor-banner{background:color-mix(in srgb, var(--accent) 10%, var(--panel));color:var(--text);border-bottom:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));justify-content:space-between;align-items:center;gap:12px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.btn-sm{padding:2px 8px;font-size:12px}.acceso{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.acceso-card{width:min(100%,420px)}.acceso-card h1{margin:0 0 4px;font-size:22px}.row-actions{flex-wrap:wrap;gap:4px;display:flex}.space-top{margin-top:16px}.detail-list{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0 0 12px;display:grid}.detail-list dt{color:var(--muted,#667085)}.detail-list dd{margin:0}