:root{--orange:#ff6b00;--orange2:#ff8a1d;--dark:#111827;--muted:#64748b;--bg:#f5f7fb;--card:#fff;--green:#138a55;--red:#c83c3c;--blue:#3164d6;--border:#e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--dark)}.topbar{background:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;gap:20px;position:sticky;top:0;z-index:5;box-shadow:0 2px 14px #0002}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--orange),var(--orange2));display:grid;place-items:center;font-weight:900}.brand small{display:block;color:#b8c0ce}.topbar nav{display:flex;gap:7px;flex-wrap:wrap}.topbar nav a{color:#dfe5ee;text-decoration:none;padding:9px 12px;border-radius:9px}.topbar nav a:hover,.topbar nav a.active{background:#ffffff17;color:#fff}.container{width:min(1180px,92vw);margin:28px auto}.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.hero h1{margin:0 0 5px;font-size:clamp(25px,4vw,38px)}.hero p{margin:0;color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 8px 24px #0f172a0b}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.kpi small{color:var(--muted);font-weight:700}.kpi strong{display:block;font-size:29px;margin-top:8px}.kpi.income strong{color:var(--green)}.kpi.expense strong{color:var(--red)}.kpi.balance strong{color:var(--blue)}.two{grid-template-columns:1.1fr .9fr}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn,button{border:0;border-radius:10px;background:var(--orange);color:#fff;padding:10px 14px;font-weight:750;text-decoration:none;cursor:pointer}.btn.secondary{background:#eef2f7;color:#253047}.btn.danger{background:#fee2e2;color:#991b1b}.btn.green{background:#158355}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.badge.income{background:#dcfce7;color:#166534}.badge.expense{background:#fee2e2;color:#991b1b}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd6e3;border-radius:10px;padding:11px;background:#fff}.field textarea{min-height:90px;resize:vertical}.span2{grid-column:span 2}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px}.alert-ok{background:#dcfce7;color:#166534}.alert-error{background:#fee2e2;color:#991b1b}.progress{height:12px;border-radius:999px;background:#edf0f5;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--orange2));border-radius:inherit}.stack{display:grid;gap:12px}.row{display:flex;justify-content:space-between;gap:10px;align-items:center}.muted{color:var(--muted)}.amount.income{color:var(--green);font-weight:800}.amount.expense{color:var(--red);font-weight:800}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#ff7a1820,transparent 30%),#0e1420}.login-card{width:min(440px,92vw);background:#fff;border-radius:20px;padding:28px}.login-card h1{margin-top:0}.login-card .brand-mark{color:#fff;margin-bottom:18px}.chart-bars{display:flex;align-items:flex-end;gap:6px;height:180px;border-bottom:1px solid var(--border);padding-top:10px}.bar{flex:1;min-width:8px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--orange2),var(--orange));position:relative}.bar.exp{background:linear-gradient(180deg,#ef7777,#c83c3c)}footer{text-align:center;color:#94a3b8;padding:32px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-title h2{margin:0}.pill{background:#fff3e8;color:#a64000;padding:5px 9px;border-radius:99px;font-size:12px;font-weight:800}@media(max-width:850px){.kpis,.two,.form-grid{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start;flex-direction:column}.span2{grid-column:span 2}}@media(max-width:560px){.kpis,.two,.form-grid{grid-template-columns:1fr}.span2{grid-column:span 1}.hero{align-items:flex-start;flex-direction:column}.topbar nav a{padding:7px 8px}}
.kpis.five{grid-template-columns:repeat(5,1fr)}.kpi.warning strong{color:#a16207}.kpi.invest strong{color:#7c3aed}.badge.pending{background:#fef3c7;color:#92400e}.badge.paid{background:#dcfce7;color:#166534}.badge.investment{background:#ede9fe;color:#6d28d9}.badge.operating{background:#e0f2fe;color:#075985}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{padding:12px;border:1px solid var(--border);border-radius:12px;background:#fafbfc}.metric small{display:block;color:var(--muted)}.metric strong{font-size:20px}.right{text-align:right}.nowrap{white-space:nowrap}@media(max-width:980px){.kpis.five{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.mini-grid{grid-template-columns:1fr}}