:root{--azul:#0d4d8c;--azul2:#0a3c6e;--gris:#f4f6f9;--borde:#dfe3e8;--verde:#146c2e;--rojo:#b00020;--txt:#233}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--gris);color:var(--txt);font-size:15px}a{color:var(--azul);text-decoration:none}a:hover{text-decoration:underline}.topbar{display:flex;align-items:center;gap:12px 16px;background:var(--azul);color:#fff;padding:8px 18px;min-height:56px;flex-wrap:wrap}.brand{font-weight:700;font-size:18px;color:#fff}.menu{display:flex;gap:2px;flex:1;flex-wrap:wrap;align-items:center}.menu a{color:#dbe7f5;padding:7px 10px;border-radius:6px;white-space:nowrap}.menu a.active,.menu a:hover{background:var(--azul2);color:#fff;text-decoration:none}.userbox{display:flex;align-items:center;gap:12px;font-size:13px;color:#e6eef8}.logout{background:#fff2;color:#fff;padding:6px 12px;border-radius:6px;border:0;cursor:pointer;font:inherit}.wrap{max-width:1150px;margin:22px auto;padding:0 16px}h1{font-size:24px;margin:0 0 4px}h2{font-size:19px;margin:24px 0 10px}.card{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:18px;margin-bottom:18px;box-shadow:0 1px 2px #0000000a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.kpi{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:16px}.kpi .n{font-size:26px;font-weight:700;color:var(--azul)}.kpi .l{color:#6b7785;font-size:13px}table.data{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--borde);border-radius:8px;overflow:hidden}table.data th,table.data td{padding:8px 10px;border-bottom:1px solid var(--borde);text-align:left;font-size:14px}table.data th{background:#eef3f9;color:#274b72;font-weight:600}table.data tr:hover td{background:#f8fbff}.tag{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:600}.tag.ok{background:#e3f5e9;color:var(--verde)}.tag.pend{background:#fdeecf;color:#8a5b00}.tag.pagado{background:#e3f5e9;color:var(--verde)}.tag.nopagado,.tag.bajo{background:#fde3e3;color:var(--rojo)}input,select,textarea{font:inherit;padding:8px 10px;border:1px solid #c7cdd4;border-radius:7px;width:100%;background:#fff}label{display:block;font-size:13px;color:#556;margin:10px 0 4px;font-weight:600}.row{display:flex;gap:14px;flex-wrap:wrap}.row>div{flex:1;min-width:140px}.btn{display:inline-block;background:var(--azul);color:#fff;border:0;padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer;font:inherit}.btn:hover{background:var(--azul2)}.btn.sec{background:#e7ecf2;color:#2a4c73}.btn.green{background:var(--verde)}.btn.red{background:var(--rojo)}.btn.sm{padding:6px 12px;font-size:13px}.flash{background:#e3f5e9;border:1px solid #9fd6b1;color:#146c2e;padding:12px 16px;border-radius:8px;margin-bottom:16px}.err{background:#fde3e3;border:1px solid #e0a0a0;color:#b00020;padding:12px 16px;border-radius:8px;margin-bottom:16px}.muted{color:#7a8794}.right{text-align:right}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:14px}.login-wrap{max-width:360px;margin:8vh auto}.itemrow{display:grid;grid-template-columns:2fr 1fr .8fr 1.4fr 1fr auto;gap:8px;margin-bottom:8px;align-items:center}@media (max-width:700px){.itemrow{grid-template-columns:1fr 1fr}}