:root{--navy:#001923;--navy-700:#0a2630;--navy-600:#15323d;--cyan:#00b0bd;--cyan-600:#008c97;--cyan-050:#e6f7f9;--bg:#f5f7f8;--surface:#fff;--surface-2:#f0f4f6;--border:#e2e8ec;--border-strong:#cdd7dc;--text:#001923;--text-2:#5a6b72;--text-muted:#8a99a0;--alta:#b02418;--alta-bg:#fbeae8;--media:#b26b00;--media-bg:#fbf1e0;--baja:#2c7a47;--baja-bg:#e7f4ec;--info:#008c97;--info-bg:#e6f7f9;--neutral:#5a6b72;--neutral-bg:#eef2f4;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-pill:999px;--sh-sm:0 1px 2px rgba(0,25,35,.06);--sh-md:0 2px 8px rgba(0,25,35,.08);--sh-lg:0 8px 28px rgba(0,25,35,.14);--font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--sidebar-w:232px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--cyan-600);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:22px;font-weight:700;letter-spacing:-.01em}h2{font-size:17px}h2,h3{font-weight:600}h3{font-size:15px}.muted{color:var(--text-muted)}.text-2{color:var(--text-2)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row,.row-between{display:flex;gap:var(--s3);align-items:center}.row-between{justify-content:space-between}.wrap{flex-wrap:wrap}.spacer{flex:1 1}.stack{display:flex;flex-direction:column;gap:var(--s3)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:var(--r-sm)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#cdd9dd;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar__brand{display:flex;align-items:center;gap:var(--s2);padding:var(--s4) var(--s4) var(--s5);color:#fff;font-weight:700;letter-spacing:.02em}.sidebar__brand .dot{width:10px;height:10px;border-radius:50%;background:var(--cyan)}.sidebar__nav{display:flex;flex-direction:column;gap:2px;padding:0 var(--s2)}.nav-item{display:flex;align-items:center;gap:var(--s3);padding:10px var(--s3);border-radius:var(--r-sm);color:#aebec4;font-weight:500;cursor:pointer;border-left:3px solid transparent}.nav-item:hover{text-decoration:none}.nav-item.is-active,.nav-item:hover{background:var(--navy-600);color:#fff}.nav-item.is-active{border-left-color:var(--cyan)}.nav-item svg{width:18px;height:18px;flex:none}.sidebar__foot{margin-top:auto;padding:var(--s4);border-top:1px solid hsla(0,0%,100%,.08);font-size:13px}.sidebar__foot .who{color:#cdd9dd;margin-bottom:var(--s2);word-break:break-all}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s5);min-height:56px}.topbar .crumb{color:var(--text-muted);font-size:13px}.topbar .crumb b{color:var(--text);font-weight:600}.content{padding:var(--s5);max-width:1320px;width:100%}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s5)}.page-header .sub{color:var(--text-2);margin-top:2px;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font:inherit;font-weight:600;font-size:13px;padding:8px 14px;border-radius:var(--r-sm);border:1px solid transparent;cursor:pointer;white-space:nowrap;min-height:36px;transition:background .12s,border-color .12s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--cyan-600);color:#fff}.btn--primary:hover:not(:disabled){background:#00757f}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface-2)}.btn--ghost{background:transparent;color:var(--text-2)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn--danger{background:var(--alta);color:#fff}.btn--danger:hover:not(:disabled){background:#8f1d13}.btn--sm{min-height:30px;padding:5px 10px;font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s5);margin-bottom:var(--s4);box-shadow:var(--sh-sm)}.card--flush{padding:0;overflow:hidden}.card__title{font-size:14px;font-weight:600;margin-bottom:var(--s3)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--s3);gap:var(--s3);margin-bottom:var(--s4)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s4);box-shadow:var(--sh-sm)}.stat__label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.stat__value{font-size:24px;font-weight:700;margin-top:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat__sub{font-size:12px;color:var(--text-2);margin-top:2px}.stat--accent{border-left:3px solid var(--cyan)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;line-height:1.6;white-space:nowrap;border:1px solid transparent}.badge--danger{color:var(--alta);background:var(--alta-bg);border-color:#f0cfca}.badge--warning{color:var(--media);background:var(--media-bg);border-color:#efd9b0}.badge--success{color:var(--baja);background:var(--baja-bg);border-color:#c2e2cd}.badge--info{color:var(--info);background:var(--info-bg);border-color:#b8e6ea}.badge--cyan{color:#fff;background:var(--cyan-600)}.badge--navy{color:#fff;background:var(--navy)}.badge--neutral{color:var(--neutral);background:var(--neutral-bg);border-color:var(--border-strong)}.badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.toolbar{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s3)}.chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);padding:5px 11px;border-radius:var(--r-pill);font-size:12.5px;font-weight:600;cursor:pointer}.chip:hover{background:var(--surface-2)}.chip.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}.search{position:relative;min-width:220px}.search input{padding-left:32px}.search svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted)}input,select,textarea{font:inherit;width:100%;padding:8px 11px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text)}input:hover,select:hover,textarea:hover{border-color:var(--text-muted)}input[type=color]{height:38px;padding:3px;cursor:pointer}input[type=checkbox]{width:auto}.field{margin-bottom:var(--s4)}.field>label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:6px}.fieldset{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s4);margin-bottom:var(--s4)}.fieldset>legend{padding:0 var(--s2);color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.grid2{grid-template-columns:1fr 1fr;grid-gap:var(--s3)}.grid2,.grid3{display:grid;gap:var(--s3)}.grid3{grid-template-columns:1fr 1fr 1fr;grid-gap:var(--s3)}.checkbox{display:flex;align-items:center;gap:var(--s2);font-size:14px}.error{color:var(--alta);font-size:13px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:var(--surface-2);color:var(--text-2);text-align:left;font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em}table.data tbody td,table.data thead th{padding:9px 12px;border-bottom:1px solid var(--border)}table.data tbody td{vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:var(--cyan-050)}table.data tr.clickable{cursor:pointer}table.data .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table.data .col-actions{text-align:right;white-space:nowrap}.empty{padding:var(--s6);text-align:center;color:var(--text-muted)}.tabs{display:flex;gap:var(--s1);border-bottom:1px solid var(--border);margin-bottom:var(--s5)}.tab{padding:10px var(--s3);font-weight:600;font-size:13.5px;color:var(--text-2);border-bottom:2px solid transparent;cursor:pointer}.tab:hover{color:var(--text);text-decoration:none}.tab.is-active{color:var(--navy);border-bottom-color:var(--cyan)}.drawer-overlay{position:fixed;inset:0;background:rgba(0,25,35,.35);z-index:40;display:flex;justify-content:flex-end}.drawer{width:min(560px,94vw);background:var(--surface);height:100%;box-shadow:var(--sh-lg);display:flex;flex-direction:column;animation:drawer-in .16s ease-out}@keyframes drawer-in{0%{transform:translateX(24px);opacity:.6}to{transform:none;opacity:1}}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s5);border-bottom:1px solid var(--border)}.drawer__body{padding:var(--s5);overflow:auto}.drawer__body img{width:100%;border:1px solid var(--border);border-radius:var(--r-sm)}.toast-wrap{position:fixed;right:var(--s5);bottom:var(--s5);z-index:60;display:flex;flex-direction:column;gap:var(--s2)}.toast{background:var(--navy);color:#fff;padding:11px var(--s4);border-radius:var(--r-md);box-shadow:var(--sh-lg);font-size:13px;max-width:360px;border-left:3px solid var(--cyan)}.toast--success{border-left-color:var(--baja)}.toast--error{border-left-color:var(--alta)}.modal-overlay{position:fixed;inset:0;background:rgba(0,25,35,.35);z-index:50;display:flex;align-items:center;justify-content:center}.modal{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-lg);padding:var(--s5);width:min(420px,92vw)}.modal h3{margin-bottom:var(--s2)}.modal p{color:var(--text-2);margin-bottom:var(--s4)}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy);padding:var(--s4)}.auth__card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:var(--s6);width:min(380px,94vw)}.auth__brand{display:flex;align-items:center;gap:var(--s2);font-weight:700;font-size:18px;margin-bottom:var(--s5)}.auth__brand .dot{width:11px;height:11px;border-radius:50%;background:var(--cyan)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn svg{width:16px;height:16px}.icon-btn--primary{border-color:transparent;background:var(--cyan-600);color:#fff}.icon-btn--primary:hover{background:#00757f;color:#fff}.icon-btn--danger:hover{border-color:var(--alta);color:var(--alta)}.skel{background:linear-gradient(90deg,var(--surface-2) 25%,#e8eef0 37%,var(--surface-2) 63%);background-size:400% 100%;border-radius:6px;animation:skel 1.2s ease-in-out infinite;display:inline-block}@keyframes skel{0%{background-position:100% 50%}to{background-position:0 50%}}.health-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.health-dot--ok{background:var(--baja)}.health-dot--bad{background:var(--alta)}@media (max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-100%;z-index:30;transition:left .2s}.sidebar.is-open{left:0}.grid2,.grid3{grid-template-columns:1fr}}