@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #10B981;--color-primary-hover: #059669;--color-secondary: #0F172A;--color-background: #F8FAFC;--color-surface: #FFFFFF;--color-surface-hover: #F1F5F9;--color-text-main: #0F172A;--color-text-muted: #64748B;--color-border: #E2E8F0;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #3B82F6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .05), 0 4px 6px -4px rgb(0 0 0 / .05);--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition-fast: .15s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-background);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--color-text-main);letter-spacing:-.025em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.text-muted{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-weight:500;font-size:.875rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--color-secondary);border:1px solid var(--color-border)}.btn-outline:hover{background-color:var(--color-surface-hover)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:24px;transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.badge-danger{background:#fee2e2;color:#991b1b}.badge-neutral{background:#f1f5f9;color:#475569}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.layout-container{display:flex;min-height:100vh;width:100%}.sidebar{width:260px;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:10}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--color-border)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:40px;height:40px;background-color:#ecfdf5;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #10b9811a}.brand-text h1{font-size:1.125rem;font-weight:700;color:var(--color-secondary);margin-bottom:2px}.brand-text span{font-size:.75rem;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.sidebar-nav{padding:20px 16px;flex:1;overflow-y:auto}.nav-label{font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;padding-left:12px}.mt-4{margin-top:32px}.sidebar-nav ul{list-style:none;display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;font-weight:500;font-size:.875rem;transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--color-surface-hover);color:var(--color-secondary)}.nav-link.active{background-color:#ecfdf5;color:var(--color-primary);font-weight:600}.sidebar-footer{padding:16px;border-top:1px solid var(--color-border)}.user-info{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-md);background:var(--color-surface-hover);position:relative}.avatar{width:32px;height:32px;background-color:#e2e8f0;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#64748b}.details{display:flex;flex-direction:column}.details strong{font-size:.875rem;color:var(--color-secondary);line-height:1.2}.details span{font-size:.75rem;color:var(--color-text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;position:absolute;right:16px}.status-dot.online{background-color:var(--color-primary);box-shadow:0 0 0 2px #d1fae5}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.topbar{height:73px;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:5}.status-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:#ecfdf5;border:1px solid #A7F3D0;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:#065f46}.pulse{width:6px;height:6px;border-radius:50%;background-color:var(--color-primary);animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.page-content{padding:32px;flex:1}.page-header h2{font-size:1.5rem;font-weight:700;margin-bottom:4px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.dashboard-actions{display:flex;gap:12px;flex-wrap:wrap}.pulse-badge{display:flex;align-items:center;gap:8px;background-color:#fef3c7;padding:6px 14px;border-radius:20px;font-size:.875rem;font-weight:600;color:#d97706;border:1px solid #FDE68A}.btn-force{background-color:#dc2626;color:#fff;box-shadow:0 4px 6px -1px #dc262666}.btn-test{background-color:#fb923c;color:#fff;box-shadow:0 4px 6px -1px #fb923c66}.result-message{margin-top:1.5rem;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:10px;font-weight:500}.result-message.success{background-color:#d1fae5;color:#065f46;border:1px solid #6EE7B7}.result-message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #FCA5A5}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.metric-card{padding:24px;display:flex;flex-direction:column;gap:8px}.metric-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.metric-title{font-size:.875rem;color:var(--color-text-muted);font-weight:500}.metric-value{font-size:2rem;font-weight:700;color:var(--color-secondary);line-height:1}.metric-trend{font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:4px}.trend-up{color:var(--color-primary)}.trend-down{color:var(--color-danger)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:20;padding:0 16px;align-items:center;justify-content:space-between}.mobile-header .brand{gap:8px}.mobile-header .brand-text h1{font-size:1rem}.hamburger-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:8px}@media(max-width:768px){.mobile-header{display:flex}.sidebar{position:fixed;left:-280px;transition:left .3s ease;z-index:30;width:260px}.sidebar.open{left:0}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:25}.sidebar-overlay.visible{display:block}.main-content{margin-left:0;padding-top:56px}.topbar{display:none}.page-content{padding:16px}.metrics-grid{grid-template-columns:1fr 1fr;gap:12px}.metric-card{padding:16px}.metric-value{font-size:1.5rem}.metric-icon{width:36px;height:36px}.page-header h2{font-size:1.25rem}.card table{display:block;overflow-x:auto;white-space:nowrap}}@media(max-width:480px){.metrics-grid{grid-template-columns:1fr}.moedor-page .page-header,.dashboard-header{flex-direction:column!important;align-items:flex-start!important;gap:16px}.dashboard-actions{width:100%;flex-direction:column}.dashboard-actions button,.pulse-badge{width:100%;justify-content:center}}.metric-card-highlight{border:2px solid #F97316}.dashboard-section{margin-top:8px}.dashboard-tabs{display:inline-flex;align-items:center;gap:8px;padding:6px;border-radius:10px;background:#f1f5f9;margin-bottom:16px}.dashboard-tab{border:0;background:transparent;color:#475569;font-weight:700;font-size:.82rem;border-radius:8px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.dashboard-tab:hover{background:#e2e8f0}.dashboard-tab.active{background:#2563eb;color:#fff;box-shadow:var(--shadow-sm)}.dashboard-tab.tab-hot.active{background:#ea580c}.tab-counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;background:#fff;color:#ea580c;font-size:.72rem;font-weight:800;border:1px solid #FDBA74;padding:0 6px}.tab-counter-blue{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.dashboard-content-grid{display:grid;gap:16px;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.dashboard-main-card,.dashboard-side-card{min-width:0}.dashboard-card-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#334155;font-size:1rem}.dashboard-card-title.hot{color:#c2410c}.table-wrap{width:100%;overflow-x:auto}.table-clean{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.table-clean th{color:#64748b;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;padding:10px 8px;border-bottom:2px solid #E2E8F0}.table-clean td{padding:10px 8px;border-bottom:1px solid #F1F5F9;vertical-align:middle}.table-clean.hot th{border-bottom-color:#fed7aa}.empty-cell{text-align:center;color:#94a3b8;padding:24px 8px!important}.dashboard-actions-inline{display:flex;align-items:center;justify-content:space-between;gap:8px}.dashboard-actions-inline-buttons{display:inline-flex;align-items:center;gap:6px}.mini-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:0;text-decoration:none;cursor:pointer}.mini-btn-wa{background:#22c55e;color:#fff}.mini-btn-gift{background:#f97316;color:#fff}.badge-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:700}.badge-status.ok{background:#dcfce7;color:#166534}.badge-status.fail{background:#fee2e2;color:#991b1b}.dashboard-side-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#94a3b8;min-height:180px;gap:8px}.remarketing-page{display:flex;flex-direction:column;gap:16px}.remarketing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.remarketing-card h3{margin-bottom:4px}.remarketing-manual-card h3{display:inline-flex;align-items:center;gap:8px;margin-bottom:6px}.remarketing-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.remarketing-form-grid label{display:block;font-size:.82rem;font-weight:600;color:#334155;margin-bottom:4px}.remarketing-form-grid input,.remarketing-form-grid select{width:100%;padding:9px 10px;border:1px solid #CBD5E1;border-radius:8px;font-size:.9rem;background:#fff}.remarketing-checkbox{grid-column:1 / -1;display:inline-flex!important;align-items:center;gap:8px;margin:0}.remarketing-checkbox input{width:16px;height:16px}@media(max-width:1100px){.dashboard-content-grid,.remarketing-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-tabs{width:100%;display:flex;flex-wrap:wrap}.dashboard-tab{flex:1 1 100%;justify-content:center}.remarketing-form-grid{grid-template-columns:1fr}}.moedor-page{display:flex;flex-direction:column;gap:16px}.moedor-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.moedor-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.moedor-kpi-card{padding:16px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:6px}.moedor-kpi-card span{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-weight:700}.moedor-kpi-card strong{font-size:1.65rem;line-height:1;color:#0f172a}.moedor-kpi-card.highlight{border-color:#93c5fd;background:linear-gradient(180deg,#f8fbff,#eff6ff)}.moedor-kpi-card.warn{border-color:#fdba74;background:linear-gradient(180deg,#fffaf4,#ffedd5)}.moedor-kpi-card.danger{border-color:#fca5a5;background:linear-gradient(180deg,#fff5f5,#fee2e2)}.moedor-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.moedor-search,.moedor-filter{display:inline-flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;height:40px;padding:0 10px}.moedor-search{min-width:320px;flex:1}.moedor-search input,.moedor-filter select{border:0;outline:none;width:100%;font-size:.9rem;color:#0f172a;background:transparent}.moedor-filter{min-width:190px}.moedor-page .table-wrap{width:100%;overflow-x:auto}.moedor-page .table-clean{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.moedor-page .table-clean th{color:#64748b;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;padding:10px 8px;border-bottom:2px solid #e2e8f0}.moedor-page .table-clean td{padding:10px 8px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.moedor-page .table-clean tbody tr:hover{background:#f8fafc}.moedor-page .empty-cell{text-align:center;color:#94a3b8;padding:24px 8px!important}.moedor-signals{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.moedor-row-alert td{background:#fff7ed}.moedor-page .dashboard-actions-inline-buttons{display:inline-flex;align-items:center;gap:6px}.moedor-page .mini-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:0;text-decoration:none;cursor:pointer}.moedor-page .mini-btn-wa{background:#22c55e;color:#fff}.moedor-page .mini-btn-gift{background:#f97316;color:#fff}@media(max-width:768px){.moedor-controls{flex-direction:column;align-items:stretch}.moedor-search,.moedor-filter{min-width:0;width:100%}.moedor-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}