:root{--navy:#10243a;--orange:#ef5c12;--bg:#f6f7f9;--line:#dfe5eb;--muted:#68778a;--green:#168047;--red:#b93425}*{box-sizing:border-box}body{margin:0;font:14px Arial,sans-serif;background:var(--bg);color:var(--navy)}button,input,select,textarea{font:inherit}.top{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:18px;position:sticky;top:0;z-index:5}.brand{font-size:25px;font-weight:900}.brand span{color:var(--orange)}.top small,.muted,small{color:var(--muted)}.wrap{max-width:1180px;margin:auto;padding:28px 20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin:14px 0}.card h2,.card h3{margin-top:0}.btn{border:0;border-radius:10px;padding:11px 15px;font-weight:700;cursor:pointer}.btn:disabled{cursor:not-allowed;opacity:.55}.primary{background:var(--orange);color:#fff}.secondary{background:#fff;color:var(--navy);border:1px solid #bcc8d3}.danger{background:#fff1ef;color:var(--red)}.success{background:#eaf7f0;color:var(--green)}.login{max-width:420px;margin:80px auto}.login input,.field{width:100%;padding:12px;border:1px solid #c8d1dc;border-radius:10px;margin:6px 0 14px;background:#fff}.login .btn{width:100%}.nav{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.nav button.active{background:var(--navy);color:#fff}.badge{display:inline-block;padding:5px 8px;border-radius:99px;background:#edf2f6;font-size:11px;font-weight:700}.badge-active,.badge-paid,.badge-sent,.badge-connected{background:#eaf7f0;color:var(--green)}.badge-pending,.badge-overdue,.badge-qr_ready,.badge-connecting,.badge-reconnecting{background:#fff3e9;color:#9d4b15}.badge-blocked,.badge-cancelled,.badge-failed,.badge-error{background:#fff1ef;color:var(--red)}.metric b{display:block;font-size:30px;color:var(--orange)}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:12px;border-bottom:1px solid var(--line);text-align:left}.notice{padding:12px;border-radius:10px;background:#fff3e9;color:#8a3b10;margin:12px 0}.notice.success{background:#eaf7f0;color:var(--green)}.notice.error,.error{color:var(--red)}.hidden{display:none!important}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin:14px 0}.filters label{min-width:150px;flex:1}.filters .field{margin-bottom:0}.filters.compact{background:transparent;border:0;padding:0;max-width:280px}.client-card,.row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.form-card{max-width:700px}.form-card label{display:block;font-weight:700;margin:12px 0}.form-card small{display:block;font-weight:400}.table-wrap{overflow:auto}.link{border:0;background:transparent;color:#a64210;text-decoration:underline;cursor:pointer;padding:2px}.recipient{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}.recipient.disabled{opacity:.62;cursor:not-allowed}.selectAll{display:block;margin:12px 0;font-weight:700}.preview{border-top:1px solid var(--line);padding:12px 0}.preview pre,.card pre{white-space:pre-wrap;font:inherit;background:#f8fafc;padding:12px;border-radius:8px}.qr{width:280px;height:280px;max-width:100%;background:#fff;padding:8px;border-radius:12px;border:1px solid var(--line)}.whatsapp-card{max-width:640px}@media(max-width:800px){.grid{grid-template-columns:1fr}.top{padding:0 14px}.client-card,.row{flex-direction:column}.wrap{padding:20px 12px}}