:root{--bg:#080e1d;--card:#111c32;--card2:#17243d;--bd:#293b5a;--tx:#f1f5fc;--mu:#9aaac5;--ac:#4c8dff;--gr:#35d07f;--rd:#f16b73;--am:#f5ad45;--r:16px;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);color-scheme:dark}
:root[data-theme=light]{--bg:#eef2f9;--card:#fff;--card2:#f1f5fb;--bd:#d6dfef;--tx:#0f1b33;--mu:#5a6b8c;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--tx);font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.side{position:fixed;left:0;top:0;bottom:0;width:208px;background:var(--card);border-right:1px solid var(--bd);padding:18px 12px;display:flex;flex-direction:column;gap:4px;z-index:5}
.logo{font-weight:700;font-size:16px;padding:4px 10px 14px}.logo b{color:var(--gr)}
.side a{color:var(--mu);text-decoration:none;padding:10px 12px;border-radius:12px;display:flex;gap:10px;cursor:pointer;transition:.2s}
.side a:hover{background:var(--card2)}.side a.on{background:var(--ac);color:#fff;box-shadow:0 4px 14px #4c8dff26}
main{margin-left:208px;padding:22px;max-width:1280px;animation:fi .3s}@keyframes fi{from{opacity:0;transform:translateY(6px)}}
h1{font-size:22px;margin:0 0 14px}h3{margin:0 0 10px;font-size:15px}
.bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;align-items:center}
input,select,textarea,button{font:inherit;color:var(--tx);background:var(--card2);border:1px solid var(--bd);border-radius:10px;padding:8px 10px}
button{cursor:pointer;transition:background .15s,border-color .15s,filter .15s}button:hover{filter:brightness(1.12)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.pri{background:var(--ac);border-color:var(--ac);color:#fff}.ok{background:var(--gr);border-color:var(--gr);color:#04210f}.dg{color:var(--rd)}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:16px}.g2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.c{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:16px}
.k small{color:var(--mu);display:block}.k b{font-size:22px}.up{color:var(--rd)}.dn{color:var(--gr)}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--bd);white-space:nowrap}th{color:var(--mu);font-weight:500;font-size:12px}td.n,th.n{text-align:right}
.tag{padding:2px 9px;border-radius:99px;font-size:12px;background:var(--card2)}.t-Paga{background:#14532d;color:#86efac}.t-Vencida{background:#7f1d1d;color:#fecaca}.t-Parcialmente{background:#78350f;color:#fde68a}.t-Fechada{background:#1e3a8a;color:#bfdbfe}
.cd{border-left:5px solid var(--ac)}.mu{color:var(--mu)}.warn{background:#78350f33;border:1px solid var(--am);border-radius:12px;padding:10px 14px;margin-bottom:12px}
#modal{position:fixed;inset:0;background:#000a;display:none;align-items:center;justify-content:center;z-index:20;padding:12px}#modal.on{display:flex}
.mb{position:relative;background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:18px;width:min(560px,100%);max-height:92vh;overflow:auto}
.modal-close{position:absolute;top:8px;right:10px;width:30px;height:30px;padding:0;border:0;background:transparent;color:var(--mu);font-size:25px;line-height:1;cursor:pointer;border-radius:8px}.modal-close:hover{background:var(--bd);color:var(--tx)}
.f{display:grid;grid-template-columns:1fr 1fr;gap:10px}.f label{display:flex;flex-direction:column;gap:3px;color:var(--mu);font-size:12px}.f .w{grid-column:1/-1}
#toast{position:fixed;right:16px;top:calc(12px + env(safe-area-inset-top,0px));background:var(--gr);color:#04210f;padding:10px 16px;border-radius:12px;display:none;z-index:30;font-weight:600}
@media(max-width:900px){.side{top:auto;width:auto;right:0;flex-direction:row;overflow-x:auto;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));border-right:0;border-top:1px solid var(--bd)}.logo{display:none}.side a{flex-direction:column;align-items:center;font-size:11px;padding:6px 10px;gap:0}main{margin:0;padding:14px 12px 90px}.f{grid-template-columns:1fr}}
#fab{position:fixed;right:16px;bottom:24px;z-index:6;border-radius:99px;padding:12px 18px;box-shadow:0 6px 20px #0006}
@media(max-width:900px){#fab{bottom:calc(76px + env(safe-area-inset-bottom,0px))}table.rt,table.rt tbody,table.rt tr,table.rt td{display:block;width:100%}table.rt tr.rh{display:none}table.rt tr{border:1px solid var(--bd);border-radius:12px;margin:8px 0;padding:6px 10px}table.rt td{display:flex;justify-content:space-between;gap:10px;border:0;padding:4px 0;white-space:normal;text-align:right}table.rt td[data-label]::before{content:attr(data-label);color:var(--mu);text-align:left;flex:none}}