.cscrm-frontend-form, .cscrm-agent-dashboard, .cscrm-login-box, .cscrm-alert { background: #fff; border: 1px solid #d9e7f3; border-radius: 22px; box-shadow: 0 18px 45px rgba(0, 55, 100, .11); padding: 28px; }
.cscrm-front-grid { display: grid; grid-template-columns: repeat(2, minmax(220px, 1fr)); gap: 16px; }
.cscrm-frontend-form label { display: grid; gap: 8px; color: #1f2937; font-weight: 800; }
.cscrm-frontend-form input, .cscrm-frontend-form select, .cscrm-frontend-form textarea { width: 100%; border: 1px solid #cbddeb; border-radius: 12px; padding: 12px 14px; min-height: 46px; font: inherit; }
.cscrm-full { grid-column: 1 / -1; }
.cscrm-consent { display: flex !important; grid-template-columns: auto 1fr; align-items: flex-start; }
.cscrm-consent input { width: auto; min-height: auto; margin-top: 5px; }
.cscrm-submit { border: 0; border-radius: 999px; padding: 14px 24px; background: linear-gradient(135deg, #004b83, #0077c8); color: #fff; font-weight: 900; cursor: pointer; margin-top: 14px; }
.cscrm-legal-note { color: #667085; font-size: 13px; line-height: 1.6; }
.cscrm-alert { margin: 16px 0; }
.cscrm-success { border-color: #b7e6a4; background: #f2fbef; color: #2e6d17; }
.cscrm-dashboard-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.cscrm-dashboard-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 22px 0; }
.cscrm-dashboard-cards > div { background: #eef7ff; border: 1px solid #c7e1f6; border-radius: 16px; padding: 18px; }
.cscrm-dashboard-cards span { display: block; color: #4b5563; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.cscrm-dashboard-cards strong { display: block; margin-top: 6px; color: #004b83; font-size: 22px; }
.cscrm-dashboard-split { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 24px 0; }
.cscrm-front-table { margin-top: 28px; overflow-x: auto; }
.cscrm-front-table table { border-collapse: collapse; width: 100%; }
.cscrm-front-table th, .cscrm-front-table td { border-bottom: 1px solid #e6eef5; text-align: left; padding: 12px; }
.cscrm-front-table th { color: #004b83; }
.cscrm-badge { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 9px; border-radius: 999px; background: #edf4ff; color: #004b83; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.cscrm-active, .cscrm-approved, .cscrm-paid, .cscrm-complete, .cscrm-enrolled { background: #eaf8e5; color: #3b7f1f; }
.cscrm-pending, .cscrm-new, .cscrm-open { background: #fff7e6; color: #946200; }
.cscrm-suspended, .cscrm-terminated, .cscrm-declined, .cscrm-rejected { background: #ffecec; color: #b42318; }
@media (max-width: 760px) { .cscrm-front-grid, .cscrm-dashboard-cards, .cscrm-dashboard-split { grid-template-columns: 1fr; } }