:root{--bg-deep: #07070d;--bg-surface: #0f0e17;--bg-card: rgba(20, 18, 30, .85);--bg-card-hover: rgba(30, 26, 46, .95);--bg-input: rgba(14, 12, 22, .8);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(236, 72, 153, .35);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--b21-pink: #ec4899;--b21-purple: #8b5cf6;--b21-blue: #3b82f6;--b21-green: #10b981;--b21-amber: #f59e0b;--b21-red: #ef4444;--gradient-b21: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);--gradient-gold: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-dark: linear-gradient(180deg, #0f0e17 0%, #07070d 100%);--shadow-neon: 0 0 25px rgba(236, 72, 153, .3);--shadow-purple: 0 0 25px rgba(139, 92, 246, .3);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-deep);background-image:radial-gradient(circle at 10% 10%,rgba(236,72,153,.12) 0%,transparent 45%),radial-gradient(circle at 90% 90%,rgba(139,92,246,.12) 0%,transparent 45%);background-attachment:fixed;color:var(--text-main);min-height:100vh;padding-bottom:80px;line-height:1.5}@media (min-width: 1024px){body{padding-bottom:40px}}h1,h2,h3,h4,.brand-font{font-family:Outfit,sans-serif}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;transition:all .25s ease-in-out}.glass-card:hover{border-color:#ec48994d}.glass-card-glow{box-shadow:0 0 20px #ec489926;border-color:#ec489966}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);font-weight:700;font-size:.95rem;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn-b21{background:var(--gradient-b21);color:#fff;box-shadow:var(--shadow-neon)}.btn-b21:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px #ec489980}.btn-secondary{background:#ffffff0f;color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.btn-success{background:var(--gradient-success);color:#fff}.btn-danger{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444440}.input-custom{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);padding:12px 16px;border-radius:var(--radius-md);font-size:.95rem;width:100%;outline:none;transition:all .2s ease}.input-custom:focus{border-color:var(--b21-pink);box-shadow:0 0 0 3px #ec489933}.app-container{max-width:1240px;margin:0 auto;padding:16px}@media (min-width: 768px){.app-container{padding:24px}}.header-b21{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin-bottom:20px;flex-wrap:wrap;gap:12px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:68px;background:#0f0e17f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding:0 10px}@media (min-width: 1024px){.bottom-nav{display:none}}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);font-size:.72rem;font-weight:600;text-decoration:none;background:none;border:none;cursor:pointer;width:20%;transition:color .2s ease}.nav-item.active{color:var(--b21-pink)}.nav-item.active svg{transform:translateY(-2px);filter:drop-shadow(0 0 6px var(--b21-pink))}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.status-no-ritmo{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.status-atencao{background:#f59e0b26;color:#fde047;border:1px solid rgba(245,158,11,.3)}.status-fora-do-ritmo{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.badge-novo{background:#3b82f633;color:#93c5fd}.badge-conversa{background:#a855f733;color:#c084fc}.badge-qualificado{background:#ec489933;color:#f472b6}.badge-proposta{background:#f59e0b33;color:#fde047}.badge-negociacao{background:#8b5cf633;color:#a78bfa}.badge-cliente{background:#10b98140;color:#6ee7b7}.badge-recompra{background:#10b98166;color:#34d399}.badge-inativo{background:#64748b33;color:#94a3b8}.grid-main{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 1024px){.grid-main{grid-template-columns:340px 1fr}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.modal-card{background:var(--bg-surface);border:1px solid var(--border-glow);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;padding:24px;box-shadow:0 20px 50px #000000e6}.table-responsive{width:100%;overflow-x:auto}.table-b21{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.table-b21 th{padding:12px 14px;background:#ffffff08;color:var(--text-muted);font-weight:700;border-bottom:1px solid var(--border-color)}.table-b21 td{padding:12px 14px;border-bottom:1px solid var(--border-color)}.table-b21 tr:hover td{background:#ffffff05}@media print{body{background:#fff!important;color:#000!important}.no-print,.bottom-nav,.header-b21{display:none!important}.glass-card{background:#fff!important;border:1px solid #ddd!important;box-shadow:none!important;color:#000!important}.text-muted,.text-dim{color:#555!important}}@media (max-width: 1023px){.no-mobile{display:none!important}}.card-kpi{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;background:#ffffff08;border:1px solid var(--border-color);transition:border-color .2s ease}.card-kpi:hover{border-color:#ec489940}.form-label{display:block;font-size:.75rem;color:var(--text-muted);font-weight:600;margin-bottom:5px}