:root{--ink:#152a40;--muted:#66788a;--blue:#1664d8;--line:#e3eaf1;--green:#0b8265;--red:#be4651}*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:var(--ink);font:15px/1.5 "Segoe UI",Arial,sans-serif}a{color:var(--blue);text-decoration:none}.header{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:19px}.mark{background:var(--blue);color:white;border-radius:12px;padding:8px 11px;font-weight:800;margin-right:5px}nav{display:flex;align-items:center;gap:24px}nav form{margin:0}main{max-width:1320px;margin:0 auto;padding:36px 28px}footer{text-align:center;color:var(--muted);font-size:12px;padding:20px}h1{font-size:32px;line-height:1.2;margin:10px 0}h2{font-size:20px;margin:0 0 14px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--blue);font-weight:800}.muted,small{color:var(--muted)}small{display:block;font-size:12px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:22px;box-shadow:0 4px 18px #14263b04}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.kpis strong{display:block;font-size:28px;letter-spacing:-1px;margin:10px 0}.income{color:var(--green)}.expense{color:var(--red)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.inline{display:flex;align-items:end;gap:12px}.inline label{flex:1}label{display:block;font-weight:600;margin:10px 0}input,select{width:100%;padding:11px 12px;background:#fff;border:1px solid #cbd6e2;border-radius:8px;color:var(--ink);font:inherit;margin-top:6px}input:focus,select:focus{outline:2px solid #8ab9fb;outline-offset:1px}button{padding:11px 16px;border:1px solid #cbd6e2;border-radius:8px;color:var(--ink);background:white;font:600 14px "Segoe UI",sans-serif;cursor:pointer;white-space:nowrap}.primary{background:var(--blue);border-color:var(--blue);color:white}.danger{color:var(--red)}.link{border:0;padding:0;color:var(--blue)}.full{width:100%;margin-top:20px}.form-end{display:flex;align-items:end;padding-bottom:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:#f7f9fc}td,th{padding:13px 12px;border-bottom:1px solid var(--line)}td{font-size:14px}.badge{font-size:11px;font-weight:700;background:#edf2f8;border-radius:6px;padding:5px 7px}.empty{text-align:center;padding:36px;color:var(--muted)}summary{font-weight:700;cursor:pointer;margin-bottom:12px}.notice,.error{padding:15px 18px;border-radius:10px;margin-bottom:20px}.notice{background:#e5f5ed;color:#186247}.error{background:#fcebed;color:#a6303c}.check{display:flex;gap:10px;align-items:center}.check input{width:auto}.auth-layout{display:grid;grid-template-columns:1fr 430px;align-items:center;gap:80px;min-height:70vh}.intro h1{font-size:48px;letter-spacing:-2px}.intro p{max-width:450px;font-size:18px;color:var(--muted)}.feature{padding:8px 0;color:var(--green)}.login{padding:32px}.login p:last-child{text-align:center}hr{border:0;border-top:1px solid var(--line);margin:24px 0}@media(max-width:1000px){.kpis{grid-template-columns:1fr 1fr}.auth-layout{gap:32px;grid-template-columns:1fr 380px}.intro h1{font-size:36px}.grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){main{padding:24px 16px}.header{height:auto;min-height:74px;flex-wrap:wrap;padding:16px;gap:12px}nav{gap:16px;font-size:13px}.brand{font-size:16px}.auth-layout{grid-template-columns:1fr;gap:20px}.intro h1{font-size:32px}.intro .feature{display:none}.columns,.grid{grid-template-columns:1fr}.page-heading{align-items:start;flex-direction:column}.kpis{gap:10px}.kpis .card{padding:16px}.kpis strong{font-size:23px}.card{padding:18px}.inline{flex-wrap:wrap}.inline label{min-width:160px}}

/* Insight Finanças identity */
:root{--blue:#0a218f}
body{min-height:100vh;background:#050e2c url('img/finance-background.svg') center/cover fixed;color:#e8eeff}
.header{height:92px;background:rgba(255,255,255,.98);padding:0 5%;border-bottom:0}
.brand{gap:16px;color:#0a1840;font-size:23px}.brand-logo{width:70px;height:70px;object-fit:contain;display:block}
main{max-width:1380px;padding:46px 32px}.auth-layout{min-height:calc(100vh - 225px);gap:90px;grid-template-columns:1fr 430px}
.intro{padding:28px 0}.eyebrow{display:inline-block;color:#c5d3ff;font-size:11px;letter-spacing:1.6px;border:1px solid #8da5ff40;border-radius:30px;background:#294cb52b;padding:10px 16px}
.intro h1{font-size:54px;line-height:1.12;letter-spacing:-1.8px;color:#fff;margin:24px 0}
.intro p{color:#c0cce9;font-size:18px;line-height:1.7;max-width:490px;margin-bottom:28px}
.feature{color:#e0e8ff;font-size:15px;padding:10px 0}
.login{position:relative;color:#152a40;border:1px solid #fff;border-radius:22px;padding:36px;background:#fff;box-shadow:0 25px 75px #0005}
.login:before{content:'';position:absolute;left:36px;right:36px;top:0;height:4px;background:linear-gradient(90deg,#081680,#5276ff);border-radius:0 0 8px 8px}
.login h2{font-size:24px;color:#101b3e}.login input{border-color:#d5dded;background:#f8faff;border-radius:10px;padding:13px}.login .primary{background:linear-gradient(110deg,#081680,#1745c6);min-height:48px;border:0;border-radius:10px;box-shadow:0 6px 16px #0a218f20}.login .primary:hover{filter:brightness(1.12)}
.login .muted{color:#63718a}footer{color:#acbce0;padding:20px}
@media(max-width:1000px){.auth-layout{gap:36px;grid-template-columns:1fr 380px}.intro h1{font-size:42px}}
@media(max-width:700px){.header{min-height:82px;height:auto}.brand-logo{width:54px;height:54px}.brand{font-size:20px}.auth-layout{grid-template-columns:1fr;gap:16px;min-height:0}.intro{padding:0}.intro h1{font-size:36px;margin:20px 0}.intro p{font-size:15px;margin-bottom:8px}.login{padding:28px;margin-bottom:8px}.eyebrow{font-size:9px;letter-spacing:1px}main{padding:26px 20px}body{background-attachment:scroll}}

/* Header integrated into the financial background. */
.header{background:transparent;border-bottom:1px solid rgba(184,203,255,.12);height:96px;max-width:1380px;margin:0 auto;padding:0 32px}
.brand{color:#f1f5ff;gap:14px}.brand strong{color:#fff}
.brand-logo{width:64px;height:64px;padding:5px;background:#fff;border-radius:14px;box-shadow:0 6px 24px #0002}
.header nav a,.header nav .link{color:#dbe5ff}
@media(max-width:700px){.header{height:84px;min-height:84px;padding:12px 20px}.brand-logo{width:54px;height:54px;border-radius:12px}.brand{font-size:20px}}