@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";
.customer-support-crm{--color-primary:#6366f1;--color-primary-light:#818cf8;--color-secondary:#8b5cf6;--color-accent:#f472b6;--color-success:#10b981;--color-warning:#f59e0b;--color-info:#06b6d4;--color-bg:#f8fafc;--color-bg-alt:#fff;--color-bg-card:#fff;--color-bg-soft:#f1f5f9;--color-text:#1e293b;--color-text-muted:#64748b;--color-text-subtle:#94a3b8;--color-border:#e2e8f0;--color-border-soft:#f1f5f9;--font-sans:"Plus Jakarta Sans",sans-serif;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh}.customer-support-crm h1,.customer-support-crm h2,.customer-support-crm h3,.customer-support-crm h4{font-family:var(--font-sans);color:var(--color-text);font-weight:600}.customer-support-crm .navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);background:#ffffffe6;border-radius:16px;position:fixed;top:16px;left:16px;right:16px;box-shadow:0 4px 20px #0000000a}.customer-support-crm .card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #0000000a}.customer-support-crm .card:hover{box-shadow:0 8px 30px #00000014}.customer-support-crm .card-interactive{cursor:pointer}.customer-support-crm .card-interactive:hover{transform:translateY(-4px)}.customer-support-crm .btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:.9375rem;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #6366f14d}.customer-support-crm .btn-primary:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.customer-support-crm .btn-secondary{background:var(--color-bg-soft);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:12px;padding:12px 24px;font-size:.9375rem;font-weight:600;transition:all .2s}.customer-support-crm .btn-secondary:hover{background:var(--color-bg-card);border-color:var(--color-primary);color:var(--color-primary)}.customer-support-crm .btn-soft{color:var(--color-primary);cursor:pointer;background:#6366f11a;border:none;border-radius:12px;padding:12px 24px;font-size:.9375rem;font-weight:600;transition:all .2s}.customer-support-crm .btn-soft:hover{background:#6366f133}.customer-support-crm .badge{letter-spacing:.5px;color:var(--color-primary);background:#6366f11a;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;font-weight:600;display:inline-flex}.customer-support-crm .badge-success{color:var(--color-success);background:#10b9811a}.customer-support-crm .badge-warning{color:var(--color-warning);background:#f59e0b1a}.customer-support-crm .badge-accent{color:var(--color-accent);background:#f472b61a}.customer-support-crm .feature-card{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;border-radius:20px;padding:32px;transition:all .2s}.customer-support-crm .feature-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 30px #6366f11a}.customer-support-crm .feature-card .icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.customer-support-crm .ticket-card{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;border-radius:16px;padding:20px;transition:all .2s}.customer-support-crm .ticket-card:hover{border-color:var(--color-primary-light);box-shadow:0 4px 16px #0000000f}.customer-support-crm .channel-pill{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:16px 20px;transition:all .2s;display:flex}.customer-support-crm .channel-pill:hover{border-color:var(--color-primary);background:#6366f10d}.customer-support-crm .channel-pill.active{border-color:var(--color-primary);background:#6366f11a}.customer-support-crm .pricing-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:24px;padding:32px;transition:all .2s}.customer-support-crm .pricing-card:hover{border-color:var(--color-primary-light)}.customer-support-crm .pricing-card.popular{border-color:var(--color-primary);transform:scale(1.02);box-shadow:0 8px 40px #6366f126}.customer-support-crm .chat-bubble{border-radius:20px;max-width:80%;padding:16px 20px}.customer-support-crm .chat-bubble.user{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px;margin-left:auto}.customer-support-crm .chat-bubble.bot{background:var(--color-bg-soft);color:var(--color-text);border-bottom-left-radius:4px}.customer-support-crm .input{background:var(--color-bg-soft);width:100%;color:var(--color-text);font-family:var(--font-sans);border:2px solid #0000;border-radius:12px;padding:14px 18px;font-size:1rem;transition:all .2s}.customer-support-crm .input:focus{border-color:var(--color-primary);background:var(--color-bg-card);outline:none;box-shadow:0 0 0 4px #6366f11a}.customer-support-crm .input::placeholder{color:var(--color-text-subtle)}.customer-support-crm .footer{background:var(--color-text);color:#fff}.customer-support-crm .soft-gradient{background:linear-gradient(135deg,#6366f10d 0%,#8b5cf60d 50%,#f472b60d 100%)}@media (max-width:768px){.customer-support-crm .navbar{top:8px;left:8px;right:8px}.customer-support-crm .pricing-card.popular{transform:none}}@media (prefers-reduced-motion:reduce){.customer-support-crm .card,.customer-support-crm .btn-primary,.customer-support-crm .btn-secondary,.customer-support-crm .btn-soft,.customer-support-crm .feature-card,.customer-support-crm .ticket-card,.customer-support-crm .channel-pill,.customer-support-crm .pricing-card{transition:none}}