:root{--navy:#081526;--navy-2:#102947;--gold:#c89b3c;--bg:#f4f7fb;--card:#fff;--text:#142033;--muted:#667085;--border:#dce3ee;--danger:#b42318;--success:#027a48}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{grid-template-columns:270px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--navy), var(--navy-2));color:#fff;flex-direction:column;align-self:start;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{border:1px solid #ffffff26;border-radius:18px;margin-bottom:24px;padding:18px}.brand-row{align-items:center;gap:14px;display:flex}.brand-logo{background:#fff;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;padding:3px;display:flex;overflow:hidden;box-shadow:0 12px 28px #00000038}.brand-logo img{object-fit:contain;width:100%;height:100%;transform:scale(1.3)}.brand .mark{color:var(--gold);letter-spacing:1px;font-size:24px;font-weight:800}.brand .sub{color:#c6d2e1;margin-top:6px;font-size:13px}.nav{gap:6px;display:grid}.nav a{color:#d9e4f2;border-radius:12px;padding:12px 14px;font-weight:600;transition:background .15s,color .15s}.nav a:hover{color:#fff;background:#ffffff17}.nav a.active{color:#fff;box-shadow:inset 3px 0 0 var(--gold);background:#ffffff1f}.sidebar-footer{margin-top:auto;padding-top:24px}.btn.logout{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;width:100%;padding:12px 14px}.btn.logout:hover{background:#ffffff24}.main{padding:28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}h1{margin:4px 0 8px;font-size:32px}p{line-height:1.5}.muted{color:var(--muted)}.grid{gap:16px;display:grid}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 10px 30px #1029470f}.kpi-label{color:var(--muted);font-size:13px}.kpi-value{margin-top:8px;font-size:25px;font-weight:800}.kpi-trend{margin-top:8px;font-size:12px;font-weight:700}.kpi-trend.up{color:var(--success)}.kpi-trend.down{color:var(--danger)}.kpi-trend.flat{color:var(--muted)}.table-wrap{border:1px solid var(--border);background:#fff;border-radius:16px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 14px}th{color:#344054;background:#f8fafc;font-size:13px}tr:last-child td{border-bottom:0}.badge{color:#344054;background:#edf2f7;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.CERRADO,.badge.PAGADO,.badge.ACTIVO{color:var(--success);background:#ecfdf3}.badge.BORRADOR{color:#936200;background:#fff7e6}.badge.REVISION{color:#3538cd;background:#eef4ff}.btn{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn.secondary{color:var(--navy);border:1px solid var(--border);background:#fff}.btn.secondary:hover{filter:none;background:#f8fafc}.btn.gold{background:var(--gold);color:var(--navy)}.btn.btn-sm{border-radius:10px;min-width:86px;height:32px;padding:0 10px;font-size:13px}.form{gap:14px;max-width:900px;display:grid}.field{gap:6px;display:grid}.field label{color:#344054;font-size:13px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;padding:11px 12px}.actions{flex-wrap:wrap;gap:10px;display:flex}.login-page{background:linear-gradient(135deg, var(--navy), #1f3b5c);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(430px,100%)}.notice{border-left:4px solid var(--gold);background:#fffbeb;border-radius:12px;padding:14px 16px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;padding:16px;position:static}.brand{margin-bottom:16px;padding:14px}.brand-logo{border-radius:16px;width:56px;height:56px}.brand .mark{font-size:20px}.nav{-webkit-overflow-scrolling:touch;grid-auto-columns:max-content;grid-auto-flow:column;gap:8px;padding-bottom:4px;overflow-x:auto}.nav a{white-space:nowrap;padding:10px 14px}.nav a.active{box-shadow:inset 0 -3px 0 var(--gold)}.sidebar-footer{padding-top:16px}.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}.main{padding:18px}h1{font-size:26px}}@media (min-width:560px) and (max-width:900px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}