:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#17334d;background:#f2f6f9}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:30px auto;padding:0 20px}header,.hero,.head{display:flex;justify-content:space-between;align-items:center;gap:15px}header{margin-bottom:35px}.brand{font-size:23px;letter-spacing:2px}a{color:#175177}h1{font-size:32px;margin:0 0 8px}h2{font-size:20px;margin:0 0 20px}.hero{margin-bottom:25px}.hero p{color:#5d7488}#identity{font-weight:600}#msg{min-height:24px;color:#9e4026;margin:12px 0}.pane{background:white;border:1px solid #d8e3ed;border-radius:15px;padding:25px;margin:20px 0;box-shadow:0 5px 18px #17334d0a}form{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:15px;align-items:end}label{font-size:14px;color:#4f6a7e;display:flex;flex-direction:column;gap:8px}input,select{padding:12px;border:1px solid #b9cbd8;border-radius:9px;font-size:16px;width:100%}button{border:0;border-radius:9px;padding:13px 17px;font-weight:700;background:#175177;color:white;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e8f0f6;color:#175177}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:15px 10px;border-bottom:1px solid #e3eaf0}th{font-size:13px;color:#48647a}td{font-size:14px}.pill{font-size:12px;border-radius:20px;padding:5px 9px;background:#e5f2e7;color:#236139}.off{background:#f8ebe6;color:#9e4026}footer{text-align:center;color:#71899a;font-size:12px;margin:30px 0}@media(max-width:720px){main{margin:18px auto;padding:0 12px}header,.hero{align-items:start;flex-direction:column;gap:10px}form{grid-template-columns:1fr}h1{font-size:25px}.pane{padding:16px}}

/* Navegación lateral Frames Repair V0.4 */
:root{--side-width:258px}
body{min-height:100vh}
.app-main{max-width:none;margin:0 0 0 var(--side-width);padding:30px clamp(16px,3vw,52px)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side-width);z-index:50;background:#123955;color:#fff;display:flex;flex-direction:column;padding:30px 15px;box-shadow:4px 0 16px #0e2c3a16}
.side-brand{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:1px;padding:6px 10px 4px;white-space:nowrap}
.side-logo{background:#28688e;padding:8px;border-radius:9px}.side-subtitle{padding:0 10px 26px;color:#bcd1df;font-size:12px}.side-nav{display:grid;gap:5px}.side-link{color:#e7f2f8;text-decoration:none;padding:12px 13px;border-radius:9px;font-size:14px;display:flex;align-items:center;gap:12px}.side-link.active{background:#28688e;font-weight:750}.side-link:not(.inactive):hover{background:#225571}.side-link.inactive{opacity:.5;cursor:not-allowed}.side-label{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#aac4d5;margin:19px 11px 5px}.side-footer{margin-top:auto;font-size:11px;color:#aac4d5;padding:12px}.nav-toggle{display:none}.nav-backdrop[hidden]{display:none}
@media(max-width:900px){.app-main{margin-left:0;padding:68px 15px 20px}.sidebar{transform:translateX(-105%);transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.nav-toggle{position:fixed;left:12px;top:11px;z-index:40;display:block;border-radius:9px;box-shadow:0 3px 12px #17334d33}.nav-backdrop:not([hidden]){position:fixed;inset:0;z-index:45;background:#0616229c;display:block}}
@media(min-width:901px){.nav-backdrop{display:none!important}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}