:root{--bg:#061019;--panel:#081927;--panel2:#0d2235;--line:rgba(73,218,255,.22);--text:#eaf6ff;--muted:#9fb7c8;--cyan:#35dfff;--blue:#156db6;--warn:#ffd166;--danger:#ff7777;--ok:#4ade80;--shadow:0 30px 90px rgba(0,0,0,.34)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,rgba(53,223,255,.18),transparent 28%),radial-gradient(circle at 90% 10%,rgba(21,109,182,.22),transparent 36%),linear-gradient(135deg,#061019,#0b2133 62%,#111820);color:var(--text);font-family:Georgia,'Times New Roman',serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(73,218,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(73,218,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 88%)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.shell{display:grid;grid-template-columns:292px 1fr;min-height:100vh}.rail{padding:26px 20px;border-right:1px solid var(--line);background:rgba(4,14,23,.78);backdrop-filter:blur(18px);position:sticky;top:0;height:100vh}.brand{display:flex;gap:13px;align-items:center;margin-bottom:28px}.brand img{width:62px;height:62px;border-radius:22px;object-fit:cover;border:1px solid rgba(73,218,255,.65);box-shadow:0 0 28px rgba(53,223,255,.35)}.brand h1{font-family:Copperplate,'Copperplate Gothic Light','Palatino Linotype',Georgia,serif;letter-spacing:.08em;font-size:24px;margin:0;text-shadow:0 0 18px rgba(53,223,255,.35)}.brand p{margin:4px 0 0;color:var(--muted);font-size:13px}nav{display:grid;gap:10px}nav button{background:transparent;color:var(--muted);text-align:left;padding:14px 16px;border-radius:18px;display:flex;justify-content:space-between;align-items:center}nav button.active{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#061019}.notice{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(8,25,39,.78)}.notice b{display:block;color:var(--cyan);margin-bottom:7px}.notice span{color:var(--muted);font-size:13px;line-height:1.45}main{padding:32px clamp(18px,4vw,52px)}.top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);font-size:12px;font-weight:700}.top p{color:var(--muted);max-width:760px;margin:6px 0 0}.btn,.mini{border-radius:15px;padding:12px 16px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#061019;box-shadow:0 12px 28px rgba(53,223,255,.16)}.mini{padding:8px 10px;border:1px solid var(--line);background:rgba(8,25,39,.78);color:var(--text);box-shadow:none}.mini.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#061019}.mini.warn{color:var(--warn)}.mini.danger{color:var(--danger)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.card{background:rgba(8,25,39,.86);border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:var(--shadow)}.metric{font-size:30px;letter-spacing:-.05em;margin-top:8px}.label{color:var(--muted);font-size:13px}.panel{display:none}.panel.active{display:block}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.wide{grid-column:span 8}.side{grid-column:span 4}.full{grid-column:1/-1}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;flex-wrap:wrap}.search,input,select,textarea{background:rgba(3,13,22,.78);border:1px solid var(--line);color:var(--text);border-radius:14px;padding:12px}.search{min-width:260px}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{text-align:left;color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:.08em;padding:0 10px}.table td{background:rgba(8,25,39,.78);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 10px;vertical-align:top}.table td:first-child{border-left:1px solid var(--line);border-radius:16px 0 0 16px}.table td:last-child{border-right:1px solid var(--line);border-radius:0 16px 16px 0}.tag{display:inline-flex;border:1px solid rgba(53,223,255,.35);background:rgba(53,223,255,.12);color:var(--cyan);border-radius:999px;padding:6px 10px;font-size:12px}.tag.paid{color:var(--ok);border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.1)}.tag.late{color:var(--danger);border-color:rgba(255,119,119,.35);background:rgba(255,119,119,.1)}.actions{display:flex;gap:7px;flex-wrap:wrap}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form label{display:grid;gap:6px;color:var(--muted);font-size:13px}.form .full{grid-column:1/-1}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:20}.modal.open{display:flex}.dialog{width:min(860px,100%);max-height:88vh;overflow:auto;background:#071521;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow)}.dialog-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.dialog h2{margin:0 0 14px}.receipt{border:1px dashed var(--line);border-radius:22px;padding:16px;background:rgba(3,13,22,.7)}.copy{word-break:break-all;background:rgba(0,0,0,.24);border:1px solid var(--line);border-radius:14px;padding:12px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.toast{position:fixed;right:22px;bottom:22px;background:#eaf6ff;color:#061019;padding:14px 18px;border-radius:16px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);transition:.2s;z-index:30}.toast.show{opacity:1;transform:none}.config-list code{color:var(--cyan)}.status-ok{color:var(--ok)}.status-bad{color:var(--warn)}@media(max-width:920px){.shell{grid-template-columns:1fr}.rail{position:relative;height:auto}.metrics{grid-template-columns:repeat(2,1fr)}.wide,.side{grid-column:1/-1}.form{grid-template-columns:1fr}.top{align-items:start;flex-direction:column}.table{font-size:13px}}
.pay-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.pay-card{border:1px solid var(--line);border-radius:22px;background:rgba(3,13,22,.72);padding:16px;display:flex;align-items:center;gap:12px;color:var(--text);text-align:left;transition:.18s}.pay-card:hover{transform:translateY(-2px);border-color:rgba(53,223,255,.6);box-shadow:0 16px 34px rgba(53,223,255,.12)}.pay-symbol{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#061019;font-weight:900;letter-spacing:.04em;font-family:ui-monospace,Menlo,monospace}.pay-symbol.boleto{background:linear-gradient(135deg,#eaf6ff,#8fb4cf);position:relative}.pay-symbol.boleto:before{content:"";width:26px;height:24px;background:repeating-linear-gradient(90deg,#061019 0 2px,transparent 2px 4px,#061019 4px 7px,transparent 7px 9px);display:block}.pay-card b{display:block;font-size:18px}.pay-card span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.option-card{border:1px solid var(--line);border-radius:20px;background:rgba(8,25,39,.7);padding:15px}.contract-box{border:1px dashed var(--line);border-radius:18px;padding:14px;background:rgba(3,13,22,.55);white-space:pre-wrap;max-height:260px;overflow:auto}.read-check{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px;border:1px solid rgba(74,222,128,.35);border-radius:16px;background:rgba(74,222,128,.08)}.read-check input{width:auto}.file-chip{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--cyan);background:rgba(53,223,255,.08);font-size:12px}@media(max-width:920px){.pay-actions,.option-grid{grid-template-columns:1fr}}
.balance-top{grid-column:span 1}.balance-top .pay-actions{margin-top:12px}.metrics{align-items:stretch}@media(min-width:1100px){.balance-top{grid-column:span 1}}