:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#0f172a;--bg:#05070d;--card:#0e1522;--card2:#121a29;--text:#e6ebf5;--muted:#8a94a9;--border:#1f2a3d;--danger:#ef4444;--success:#22c55e;--warn:#f59e0b;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body,html{height:100%;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;padding:9px 16px;border-radius:10px;font-size:14px;font-weight:600;background:var(--primary);color:#fff;transition:filter .15s,background .15s,transform .05s}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--secondary)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.ghost:hover{background:rgba(255,255,255,.06)}.btn.success{background:var(--success)}.btn.danger{background:var(--danger)}.btn.sm{padding:5px 10px;font-size:13px;border-radius:8px}.btn.block{width:100%;justify-content:center}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 2px 14px rgba(0,0,0,.35)}.input,select.input,textarea.input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;background:#0a101d;color:var(--text)}.input:focus{outline:2px solid var(--primary);outline-offset:0;border-color:transparent}.input::placeholder{color:#5b6478}select.input option{background:#0a101d;color:var(--text)}label.field{display:block;margin-bottom:12px}label.field>span{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:4px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.table td,.table th{padding:10px 12px;border-bottom:1px solid var(--border)}.table td{font-size:14px;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:rgba(255,255,255,.02)}.table .actions{display:flex;gap:6px;justify-content:flex-end}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.accept,.badge.ativo,.badge.paga,.badge.pago{background:rgba(34,197,94,.16);color:#4ade80}.badge.bloqueado,.badge.cancelado,.badge.reject,.badge.suspenso,.badge.vence-hj{background:rgba(248,113,113,.16);color:#f87171}.badge.pendente,.badge.vence-hj{background:rgba(245,158,11,.16);color:#fbbf24}.badge.atrasado,.badge.inadimplente{background:rgba(245,158,11,.22);color:#fbbf24}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.row{display:flex;gap:12px;align-items:center}.row.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex-grow:1}.mt{margin-top:16px}.mb{margin-bottom:16px}.center{text-align:center}.error-box{background:rgba(239,68,68,.12);color:#fca5a5}.error-box,.success-box{padding:10px 14px;border-radius:10px;font-size:13px}.success-box{background:rgba(34,197,94,.12);color:#86efac}.shell{display:flex;flex-direction:column;min-height:100vh}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:30;gap:20px;padding:0 22px;height:62px;background:#05070d;color:#cbd5e1;border-bottom:1px solid var(--border);box-shadow:0 2px 14px rgba(0,0,0,.4)}.topnav,.topnav .brand{display:flex;align-items:center}.topnav .brand{gap:10px;min-width:0}.topnav .brand img{height:36px;width:36px;object-fit:contain;border-radius:9px;background:#fff;padding:4px}.topnav .brand .name{font-weight:700;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topnav .brand .sub{font-size:11px;color:#94a3b8;white-space:nowrap}.navlinks{display:flex;gap:4px;flex-grow:1;overflow-x:auto;scrollbar-width:none}.navlinks::-webkit-scrollbar{display:none}.navlinks a{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:9px;font-size:14px;font-weight:500;color:#cbd5e1;white-space:nowrap;transition:background .12s,color .12s}.navlinks a:hover{background:rgba(255,255,255,.08);color:#fff}.navlinks a.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.35)}.navmenu{position:relative}.navmenu>a{display:flex;align-items:center;gap:7px}.navmenu .arrow{font-size:10px;opacity:.7}.navmenu .drop{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.6);padding:8px;display:none;z-index:60}.navmenu:focus-within .drop,.navmenu:hover .drop{display:block}.navmenu .drop a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:9px;color:var(--text);font-size:14px;font-weight:500}.navmenu .drop a:hover{background:var(--primary);color:#fff}.navmenu .drop a .dicon{font-size:16px}.navmenu .drop a .desc{display:block;font-size:11px;color:var(--muted)}.navmenu .drop a:hover .desc{color:#dbeafe}.userbox{gap:12px;flex-shrink:0}.userbox,.userbox .avatar{display:flex;align-items:center}.userbox .avatar{width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;justify-content:center;font-weight:700;font-size:14px}.userbox .u{font-size:13px;font-weight:600;color:#fff;line-height:1.2}.userbox .e{font-size:11px;color:#94a3b8}.main{flex-grow:1;display:flex;flex-direction:column;min-width:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 26px 6px}.page-head h1{font-size:21px;font-weight:800;letter-spacing:-.01em}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 26px 6px;width:100%;max-width:1400px;margin:0 auto}.topbar h1{font-size:21px;font-weight:800;letter-spacing:-.01em}.content{padding:18px 26px 34px;flex-grow:1;max-width:1400px;width:100%;margin:0 auto}@media (max-width:760px){.topnav{flex-wrap:wrap;height:auto;padding:10px 14px;gap:10px}.navlinks{order:3;width:100%}.content{padding:14px 14px 30px}}.kpi{background:linear-gradient(180deg,var(--card),#0a101d);border-radius:var(--radius);padding:16px 18px;box-shadow:0 2px 12px rgba(0,0,0,.35);border:1px solid var(--border);border-top:3px solid var(--border)}.kpi .l{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.kpi .v{font-size:27px;font-weight:800;margin-top:6px;letter-spacing:-.01em}.kpi .s{font-size:12px;color:var(--muted);margin-top:3px}.kpi.acc{border-top-color:var(--primary)}.kpi.ok{border-top-color:var(--success)}.kpi.warn{border-top-color:var(--warn)}.kpi.danger{border-top-color:var(--danger)}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:14px;gap:14px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-2{grid-template-columns:1fr 1fr;grid-gap:16px}.grid-1{display:grid;grid-gap:14px;gap:14px}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.info-box{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.35);border-radius:12px;padding:12px 14px;color:var(--text)}.qr-box{border:1px dashed rgba(255,255,255,.25);border-radius:12px;padding:18px;text-align:center;background:rgba(255,255,255,.03)}.stat{display:grid;grid-gap:14px;gap:14px}.stat .card .label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.stat .card .value{font-size:22px;font-weight:800}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .12s}.chip:hover{color:var(--primary)}.chip.active,.chip:hover{border-color:var(--primary)}.chip.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.35)}.chip .n{font-weight:800}.tabs{display:flex;gap:4px;border-bottom:2px solid var(--border);margin-bottom:18px;overflow-x:auto}.tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-weight:600;color:var(--muted);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;font-size:14px}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab .n{background:var(--card2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}.tab.active .n{background:var(--primary);border-color:var(--primary);color:#fff}.sect-head{gap:10px;margin-bottom:14px}.sect-head,.sect-head .ic{display:flex;align-items:center}.sect-head .ic{justify-content:center;width:30px;height:30px;border-radius:9px;background:rgba(37,99,235,.15);color:#60a5fa;font-size:15px}.sect-head h3{font-size:15px;font-weight:700}.sect-head .muted{font-size:12px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:400px}.login-brand{text-align:center;margin-bottom:24px}.login-brand img{height:64px;width:64px;object-fit:contain;border-radius:14px;background:#fff;padding:8px}.login-brand h1{font-size:22px;margin-top:10px;color:#fff}.login-brand p{color:var(--muted);font-size:14px;margin-top:2px}.pbar{background:linear-gradient(90deg,var(--primary),#3b82f6);height:6px}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.logo-preview{max-width:120px;max-height:120px;object-fit:contain;border:1px dashed var(--border);border-radius:10px;padding:6px;background:var(--card)}.color-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.color-row input[type=color]{width:44px;height:36px;border:1px solid var(--border);border-radius:8px;padding:2px;background:var(--card);cursor:pointer}.color-row .hex{font-family:ui-monospace,monospace;font-size:13px;color:var(--muted)}