.pana-crm-alert { background: #fee2e2; color: #991b1b; padding: 16px; border-radius: 8px; border: 1px solid #fecaca; font-weight: 600; }
.pana-crm-dashboard { font-family: -apple-system, sans-serif; background: #ffffff; border-radius: 16px; padding: 30px; border: 1px solid #e2e8f0; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05); max-width: 1000px; margin: 0 auto; }
.crm-header { margin-bottom: 30px; } .crm-header h2 { margin: 0 0 8px 0; font-size: 24px; color: #0f172a; font-weight: 800; } .crm-header p { margin: 0; color: #64748b; font-size: 15px; }
.crm-tabs { display: flex; gap: 15px; border-bottom: 2px solid #e2e8f0; margin-bottom: 25px; flex-wrap: wrap; }
.crm-tab { background: none; border: none; padding: 12px 0; cursor: pointer; font-size: 15px; font-weight: 600; color: #64748b; border-bottom: 3px solid transparent; margin-bottom: -2.5px; transition: all 0.2s ease; }
.crm-tab:hover { color: #334155; } .crm-tab.active { color: #3b82f6; border-bottom-color: #3b82f6; }
.crm-content { display: none; } .crm-content.active { display: block; animation: fadeIn 0.3s ease; }
.crm-empty { background: #f8fafc; border: 1px dashed #cbd5e1; padding: 40px; text-align: center; border-radius: 12px; color: #64748b; font-weight: 500; }
.crm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.crm-card { background: #f8fafc; padding: 24px; border-radius: 12px; border: 1px solid #e2e8f0; transition: transform 0.2s; }
.crm-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05); }
.crm-card h4 { margin: 0 0 10px 0; color: #1e293b; font-size: 18px; font-weight: 700; }
.crm-card-meta { margin-bottom: 15px; } .crm-deadline { margin: 0; font-size: 14px; color: #475569; }
.badge { padding: 5px 10px; border-radius: 6px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }
.badge-paid, .badge-completed, .badge-accepted, .badge-converted, .badge-resolved { background: #d1fae5; color: #065f46; }
.badge-unpaid, .badge-rejected, .badge-lost, .badge-closed { background: #fee2e2; color: #991b1b; }
.badge-pending, .badge-new, .badge-contacted, .badge-open { background: #fef3c7; color: #92400e; }
.badge-in-progress, .badge-qualified { background: #e0e7ff; color: #3730a3; }
.crm-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; }
.crm-table th, .crm-table td { padding: 16px 20px; text-align: left; border-bottom: 1px solid #e2e8f0; font-size: 15px; }
.crm-table th { background: #f8fafc; font-weight: 700; color: #475569; } .crm-table tr:last-child td { border-bottom: none; }
.crm-btn { background: #3b82f6; color: #fff; padding: 8px 16px; text-decoration: none; border-radius: 6px; font-size: 14px; font-weight: 600; transition: background 0.2s; display: inline-block; border: none; cursor: pointer; }
.crm-btn:hover { background: #2563eb; color: #fff; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }