:root{--bg:#071011;--panel:#0e1b1d;--panel2:#122528;--line:#21383b;--text:#e9fbf8;--muted:#8fb3ad;--accent:#2de2a6;--teal:#11bfae;--danger:#ff5d6c;--warn:#f7c948;--radius:8px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);letter-spacing:0}a{color:inherit;text-decoration:none}img{max-width:100%}.auth,.mobile{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#071011,#0b2022 55%,#061515)}.auth-card,.mobile-card{width:min(460px,100%);background:rgba(14,27,29,.94);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 20px 80px rgba(0,0,0,.35)}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand-mark,.brand-logo{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--teal));display:grid;place-items:center;color:#001b17;font-weight:900}.brand-logo{object-fit:contain;background:#fff;padding:3px}.hero-logo{width:52px;height:52px}.settings-logo-preview{width:120px;max-height:72px;object-fit:contain;background:#fff;border-radius:8px;padding:8px;border:1px solid var(--line)}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#071314;border-right:1px solid var(--line);padding:20px;position:sticky;top:0;height:100vh}.nav{display:grid;gap:6px;margin-top:28px}.nav a{padding:11px 12px;border-radius:8px;color:var(--muted)}.nav a:hover,.nav a.active{background:var(--panel2);color:var(--text)}.main{padding:24px 28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.metric{color:var(--muted);font-size:13px}.value{font-size:24px;font-weight:800;margin-top:8px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;white-space:nowrap}th{color:var(--muted);font-weight:600;background:#0a1719}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid var(--line);color:var(--muted)}.approved,.paid{color:var(--accent);border-color:#235d4a}.pending{color:var(--warn);border-color:#5e5220}.rejected,.blocked,.overdue{color:var(--danger);border-color:#63303a}.form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:6px;color:var(--muted);font-size:13px}input,select,textarea{width:100%;border:1px solid var(--line);background:#091719;color:var(--text);border-radius:8px;padding:11px;font:inherit}textarea{min-height:100px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:var(--accent);color:#031916;font-weight:800;padding:11px 14px;cursor:pointer}.btn.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--danger);color:#fff}.settings-submit{min-height:64px}.actions{display:flex;gap:8px;flex-wrap:wrap}.hero{min-height:92vh;padding:28px;display:grid;align-items:center;background:linear-gradient(rgba(7,16,17,.70),rgba(7,16,17,.86)),url('https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=1800&q=80') center/cover}.hero-inner{width:min(960px,100%);margin:auto}.hero h1{font-size:clamp(42px,7vw,86px);line-height:.95;margin:0 0 18px}.hero p{font-size:20px;color:#d8eeeb;max-width:720px}.section{padding:56px 28px}.section-inner{width:min(1120px,100%);margin:auto}.public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.chart{height:180px;display:flex;align-items:end;gap:8px}.bar{flex:1;background:linear-gradient(var(--accent),var(--teal));border-radius:6px 6px 0 0;min-height:8px}.notice{padding:12px;border:1px solid var(--line);background:var(--panel2);border-radius:8px;color:var(--muted)}.notice.success{border-color:#235d4a;color:var(--accent)}.danger-text{color:var(--danger)}
@media(max-width:980px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.cards{grid-template-columns:repeat(2,1fr)}.public-grid,.form-grid{grid-template-columns:1fr}.main{padding:18px}.topbar{align-items:flex-start;gap:12px;flex-direction:column}}
@media(max-width:560px){.cards{grid-template-columns:1fr}.mobile{padding:12px}.mobile-card{padding:18px}.hero{padding:18px}.hero p{font-size:16px}}
.pix-qr{display:block;width:min(280px,100%);margin:16px auto;border-radius:8px;background:#fff;padding:10px}