:root{--blue:#2563eb;--blue-dark:#1d4ed8;--blue-50:#eff6ff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--sidebar:260px;--radius:10px;--shadow:0 2px 8px rgba(17,24,39,.06);--font:'Sora',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--gray-50);color:var(--gray-800);font-family:var(--font);font-size:13.5px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar)!important;background:#fff;border-right:1px solid var(--gray-200);z-index:1040}.sidebar-brand{height:82px;padding:20px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;gap:12px}.sidebar-brand strong{display:block;color:var(--gray-900);font-size:15px}.sidebar-brand small,.sidebar-footer small{display:block;color:var(--gray-400);font:10px var(--mono);margin-top:2px}.brand-mark{width:36px;height:36px;border-radius:8px;background:var(--blue);color:white;display:grid;place-items:center;font-size:17px;box-shadow:0 5px 12px rgba(37,99,235,.25)}.sidebar-nav{padding:18px 0;flex:1;overflow:auto}.nav-label{padding:14px 20px 7px;color:var(--gray-400);font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.sidebar .tab{width:100%;border:0;border-left:3px solid transparent;background:transparent;color:var(--gray-600);display:flex;gap:12px;align-items:center;padding:9px 20px;text-align:left;font:500 13px var(--font);transition:.15s}.sidebar .tab span{width:18px;text-align:center;color:var(--gray-400)}.sidebar .tab:hover,.sidebar .tab.active{background:var(--blue-50);color:var(--blue)}.sidebar .tab.active{border-left-color:var(--blue);font-weight:600}.sidebar .tab.active span{color:var(--blue)}.sidebar-footer{padding:14px 16px;border-top:1px solid var(--gray-100);display:flex;align-items:center;gap:10px}.sidebar-footer strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:white;background:var(--blue);font-weight:600}.app-main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;padding:0 30px;gap:14px;position:sticky;top:0;z-index:1020}.topbar h1{font-size:19px;margin:1px 0 0;font-weight:650}.eyebrow{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--blue)}.content{padding:30px;max-width:1800px}.panel{display:none}.panel.active{display:block}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{font-size:21px;font-weight:700;margin:0 0 5px;letter-spacing:-.3px;color:var(--gray-900)}.section-heading p{margin:0;color:var(--gray-500)}.count-pill{background:var(--blue-50);border:1px solid #bfdbfe;color:var(--blue-dark);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600}.card{border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{background:#fff;border-bottom:1px solid var(--gray-100);font-weight:600;padding:14px 18px}.card-body{padding:18px}.filter-card,.form-card{margin-bottom:20px}.data-card{overflow:hidden}.data-card .card-footer{background:#fff;border-top:1px solid var(--gray-100)}.form-label{font-size:12px;font-weight:600;color:var(--gray-600);margin-bottom:6px}.form-control,.form-select{border-color:var(--gray-300);border-radius:6px;font-size:13px;min-height:38px}.form-control:focus,.form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.13)}textarea.form-control{min-height:auto}.btn{border-radius:6px;font-size:13px;font-weight:500;min-height:38px}.btn-sm{min-height:30px}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--gray-200);border-radius:6px;background:white;color:var(--gray-600);cursor:pointer}.table{font-size:12.5px;--bs-table-hover-bg:var(--gray-50)}.table thead th{padding:11px 14px;background:var(--gray-50);border-bottom:1px solid var(--gray-200);color:var(--gray-500);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table td{padding:11px 14px;border-color:var(--gray-100);color:var(--gray-700);vertical-align:middle}.table td button{border:1px solid var(--gray-300);background:white;border-radius:5px;padding:5px 9px;color:var(--gray-700);font:500 11px var(--font);margin:2px}.table td button:hover{background:var(--gray-100)}.table td button.danger{border-color:#fecaca;color:#b91c1c;background:#fff}.badge{display:inline-flex!important;padding:4px 9px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:600!important}.badge.sent,.badge.ativo{background:#dcfce7;color:#166534}.badge.error,.badge.cancelled,.badge.inativo{background:#fee2e2;color:#991b1b}.badge.sending{background:#dbeafe;color:#1e40af}.badge.pending{background:#fef3c7;color:#92400e}.pager{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px}.pager span{color:var(--gray-500);font-size:12px}#taskCards article{height:100%;background:white;border:1px solid var(--gray-200);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}#taskCards article strong{font-size:14px;color:var(--gray-900)}#taskCards article p{color:var(--gray-500);margin:7px 0 14px}#taskCards article button{border:1px solid var(--gray-300);background:white;border-radius:6px;padding:6px 11px;font-size:12px}.form-message{margin:12px 0 0;color:var(--danger);font-size:12px}.font-monospace{font-family:var(--mono)!important}dialog{padding:0;border:0;background:transparent;max-width:none}dialog::backdrop{background:rgba(17,24,39,.55);backdrop-filter:blur(2px)}.dialog-card{width:min(760px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto;background:#fff;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.25);padding:20px}.dialog-wide{width:min(1100px,calc(100vw - 30px))}.dialog-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray-100);padding-bottom:14px;margin-bottom:16px}.dialog-header h2{font-size:18px;margin:0}.email-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;padding:14px;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:8px}.email-metadata div{display:flex;flex-direction:column;gap:2px}.email-metadata strong{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}.email-metadata span{overflow-wrap:anywhere;color:var(--gray-800)}#emailFrame{width:100%;height:62vh;border:1px solid var(--gray-200);border-radius:8px;background:#fff}#errorDetails{max-width:100%;max-height:65vh;overflow:auto;white-space:pre-wrap;background:var(--gray-900);color:#e5e7eb;border-radius:8px;padding:16px;font:12px/1.6 var(--mono)}
@media(max-width:991.98px){.sidebar{position:fixed}.app-main{margin-left:0}.topbar{padding:0 18px}.content{padding:22px 16px}.offcanvas-lg .offcanvas-body{display:flex!important}.section-heading{align-items:flex-start}.table{min-width:950px}}
@media(max-width:575.98px){.topbar{height:70px}.topbar h1{font-size:17px}.content{padding-top:20px}.section-heading{flex-direction:column}.email-metadata{grid-template-columns:1fr}.dialog-card{padding:14px}.btn{font-size:12px}}
@media(min-width:992px){.sidebar,.app-main{transition:width .2s ease,margin-left .2s ease}.sidebar-collapsed .sidebar{width:74px!important}.sidebar-collapsed .app-main{margin-left:74px}.sidebar-collapsed .sidebar-brand{justify-content:center;padding-inline:10px}.sidebar-collapsed .sidebar-brand>div:not(.brand-mark),.sidebar-collapsed .sidebar-brand .btn-close,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-footer .flex-grow-1,.sidebar-collapsed .sidebar-footer .icon-button{display:none}.sidebar-collapsed .sidebar .tab{justify-content:center;padding:11px 8px;font-size:0}.sidebar-collapsed .sidebar .tab span{font-size:16px;width:auto}.sidebar-collapsed .sidebar-footer{justify-content:center}}.dialog-logs{width:min(1500px,calc(100vw - 30px))}
.sidebar a.tab{text-decoration:none}