:root{--azul:#071b33;--azul2:#0d2b4e;--dorado:#c69b3c;--gris:#f3f5f8;--texto:#243244}*{box-sizing:border-box}body{margin:0;background:var(--gris);color:var(--texto);font-family:Inter,Segoe UI,Arial,sans-serif}.app{min-height:100vh;display:flex}.sidebar{width:250px;background:linear-gradient(180deg,var(--azul),#0a2544);color:#fff;position:fixed;inset:0 auto 0 0;padding:22px 15px;overflow:auto}.marca{display:flex;align-items:center;gap:11px;padding:4px 7px 24px;border-bottom:1px solid #ffffff20}.marca img{width:42px}.marca strong{color:var(--dorado);letter-spacing:1.5px}.marca small{display:block;color:#d9e2ec;font-size:9px}.nav-link{color:#dce6f0;border-radius:9px;margin:5px 0;padding:10px 12px}.nav-link:hover,.nav-link.active{background:#ffffff15;color:#fff}.contenido{margin-left:250px;width:calc(100% - 250px)}.topbar{height:68px;background:#fff;border-bottom:1px solid #e2e7ee;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:9}.principal{padding:26px}.tarjeta{background:#fff;border-radius:14px;border:1px solid #e6eaf0;box-shadow:0 5px 18px #071b330d}.kpi{padding:20px;border-left:4px solid var(--dorado)}.kpi .valor{font-size:28px;font-weight:750;color:var(--azul)}.btn-primary{background:var(--azul2);border-color:var(--azul2)}.btn-primary:hover{background:var(--azul);border-color:var(--azul)}.btn-gold{background:var(--dorado);border-color:var(--dorado);color:#071b33;font-weight:700}.table thead th{background:#edf1f5;color:#415064;font-size:12px;text-transform:uppercase}.estado{font-size:11px;border-radius:99px;padding:5px 9px;background:#e8edf2;font-weight:700}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#173f6e,var(--azul) 65%)}.login-card{width:min(430px,92vw);background:#fff;border-radius:18px;padding:34px;box-shadow:0 25px 70px #0006}.login-logo{width:min(320px,100%);height:auto;display:block;margin:0 auto 26px}.campo-error{color:#a82424;font-size:12px}.concepto-row{display:grid;grid-template-columns:1fr 2.4fr .6fr .8fr .6fr .6fr auto;gap:8px;align-items:end;margin-bottom:9px}.footer{color:#78879a;text-align:center;padding:20px}.mobile-menu{display:none}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s;z-index:20}.sidebar.abierta{transform:none}.contenido{margin:0;width:100%}.mobile-menu{display:inline-flex}.principal{padding:15px}.concepto-row{grid-template-columns:1fr 1fr}.concepto-row .descripcion{grid-column:1/-1}}