:root{--navy:#111b36;--gold:#c7a45a;--cream:#f7f4ed;--ink:#243049;--line:#e5e7ec}*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:var(--ink);font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}header{height:72px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1240px)/2));box-shadow:0 3px 14px #1115}header div{display:flex;align-items:center;gap:14px}header b{letter-spacing:.16em;color:#e8d29c}header span{border-left:1px solid #ffffff55;padding-left:14px}header a{color:white;text-decoration:none}.btn,button{background:var(--gold);border:0;border-radius:8px;color:#111b36;padding:11px 16px;font-weight:700;cursor:pointer}.hdr-actions{display:flex;gap:10px;align-items:center}.btn.ghost{background:transparent;border:1px solid #ffffff55;color:#fff}main{max-width:1240px;margin:0 auto;padding:32px 22px 60px}.hero{background:linear-gradient(125deg,#101b37,#253354);color:white;border-radius:18px;padding:34px 38px;display:flex;justify-content:space-between;align-items:end;box-shadow:0 15px 38px #1b284020}.hero h1{font-size:32px;margin:7px 0}.hero p{color:#d5dbe7}.hero small{color:#d9bd7e;letter-spacing:.15em}.stamp{background:#ffffff12;border:1px solid #ffffff22;padding:12px 16px;border-radius:10px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:18px 0}.kpis div,.panel,article,.detail{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 5px 18px #22304a0b}.kpis b{font-size:29px;color:var(--navy);display:block}.kpis span,.muted,small{color:#788196}.panel{margin:18px 0}.filters{display:grid;grid-template-columns:1fr 230px auto;gap:10px;margin-bottom:18px}input,select{border:1px solid #d9dde5;border-radius:8px;padding:12px;background:#fff;font:inherit}.table{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#70798c;font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:#f7f8fa}th,td{padding:13px 12px;border-bottom:1px solid #eceef2}td a{color:#17274d;font-weight:700;text-decoration:none}.tag{padding:5px 9px;border-radius:30px;background:#edf0f5;font-size:12px}.tag.paga{background:#ddf6e7;color:#167447}.tag.cortesia{background:#fff2cd;color:#8b6511}.tag.invalida{background:#fee4e4;color:#a32424}.login{max-width:420px;margin:11vh auto;background:white;border-radius:18px;padding:35px;box-shadow:0 20px 60px #14213c20}.login .brand{color:var(--gold);letter-spacing:.16em;font-weight:800}.login form{display:grid;gap:12px;margin-top:25px}.err{color:#b42318}.detail{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}article{margin:12px 0}article b,article small{display:block}pre{white-space:pre-wrap;word-break:break-word;background:#f7f8fa;padding:15px;border-radius:8px;max-height:420px;overflow:auto}@media(max-width:820px){.kpis{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.hero{display:block}.stamp{margin-top:20px;display:inline-block}.detail{grid-template-columns:1fr}header{padding:0 18px}.hero h1{font-size:25px}.login{margin:8vh 16px}}