@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#0f2c45;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#f3f4f6;margin:0}#root{width:100%;min-height:100svh}.sd-shell{background:#f9fafb;grid-template-columns:245.75px 1fr;width:100%;min-height:100vh;font-family:Inter,sans-serif;display:grid}.sd-sidebar{color:#d1d5db;background:#1e293b;flex-direction:column;justify-content:space-between;width:245.75px;min-height:100vh;padding:14px 12px 10px;display:flex}.sd-brand-row{align-items:center;gap:9px;display:flex}.sd-brand-square{background:#3b82f6;border-radius:3px;flex:none;width:15px;height:15px}.sd-brand-title{color:#fff;margin:0;font-size:12px;font-weight:600;line-height:1.25}.sd-brand-subtitle{color:#9ca3af;margin:1px 0 0;font-size:10px;line-height:1.2}.sd-online-row{color:#d1fae5;align-items:center;gap:6px;margin-top:12px;font-size:10px;display:inline-flex}.sd-online-dot{background:#4ade80;border-radius:50%;width:6px;height:6px}.sd-user-card{color:#fff;text-align:left;background:#94a3b81f;border:0;border-radius:7.68px;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;width:100%;margin-top:12px;padding:7px;display:grid}.sd-user-card img{object-fit:cover;border-radius:999px;width:38px;height:38px}.sd-user-card p,.sd-bottom-profile p{color:#fff;margin:0;font-size:11px;font-weight:600;line-height:1.2}.sd-user-card span,.sd-bottom-profile span{color:#9ca3af;margin-top:2px;font-size:9px;display:block}.sd-nav-block{margin-top:12px}.sd-nav-item{color:#d1d5db;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7.68px;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;width:100%;height:31px;padding:0 9px;font-size:11px;display:grid}.sd-nav-item.active{color:#fff;background:#3b82f61a;border-left:1.92px solid #3b82f6;border-top-left-radius:0;border-bottom-left-radius:0}.sd-nav-item.active svg{color:#fff}.sd-nav-item:hover{background:#94a3b81f}.sd-nav-item em{color:#dbeafe;background:#3b82f62e;border-radius:999px;padding:2px 6px;font-size:9px;font-style:normal}.sd-nav-section-title{color:#9ca3af;letter-spacing:.08em;margin:14px 9px 6px;font-size:9px;font-weight:700}.sd-bottom-profile{text-align:left;background:#94a3b81f;border:0;border-radius:7.68px;grid-template-columns:24px 1fr;gap:8px;width:100%;padding:7px;display:grid}.sd-bottom-profile img{border-radius:999px;width:24px;height:24px}.sd-content-shell{flex-direction:column;min-width:0;display:flex}.sd-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:86px;padding:16px 24px;display:flex}.sd-header-left{flex-direction:column;gap:4px;display:flex}.sd-header-title{color:#111827;margin:0;font-size:20px;font-weight:700;line-height:1.2}.sd-breadcrumb{align-items:center;gap:5px;font-size:12px;display:flex}.sd-bc-link{color:#2563eb}.sd-bc-sep{color:#9ca3af}.sd-bc-current{color:#4b5563}.sd-header-actions{align-items:center;gap:10px;display:flex}.sd-notification-button{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:relative}.sd-notif-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.sd-ticket-button{color:#fff;cursor:pointer;background:#f0a83c;border:0;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.sd-page-content{gap:16px;padding:20px 24px 32px;display:grid}.sd-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.sd-card{background:#fff;border:.96px solid #e5e7eb;border-radius:11.52px;box-shadow:0 .96px 1.92px #0000000d}.sd-stat-card{padding:14px}.sd-stat-top-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sd-stat-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sd-stat-badge{white-space:nowrap;border-radius:999px;padding:3px 9px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.sd-stat-value{color:#111827;margin:0 0 4px;font-size:26px;font-weight:700;line-height:1.2}.sd-stat-title{color:#4b5563;margin:0;font-size:12px;font-weight:500}.sd-chart-grid{grid-template-columns:2fr 1fr;gap:10px;display:grid}.sd-ticket-trends,.sd-priority-chart,.sd-recent-tickets,.sd-top-agents,.sd-recent-activity{padding:20px}.sd-card-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sd-card-title{color:#111827;margin:0;font-size:15px;font-weight:700}.sd-view-all-btn{color:#2563eb;cursor:pointer;background:0 0;border:0;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.sd-trend-legend{align-items:center;gap:14px;display:flex}.sd-trend-legend-item{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.sd-trend-line-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.sd-chart-area{margin-top:4px}.sd-priority-donut-wrap{justify-content:center;display:flex}.sd-priority-legend-grid{grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:12px;display:grid}.sd-priority-legend-row{align-items:center;gap:7px;display:flex}.sd-priority-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.sd-priority-legend-label{color:#4b5563;flex:1;font-size:12px}.sd-priority-legend-pct{color:#111827;font-size:12px;font-weight:600}.sd-table-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sd-ticket-list{flex-direction:column;gap:12px;display:flex}.sd-ticket-card{background:#f9fafb;border-radius:8px;padding:14px}.sd-ticket-card-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.sd-ticket-avatar{object-fit:cover;border-radius:999px;flex-shrink:0;width:38px;height:38px}.sd-ticket-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sd-ticket-card-title{color:#111827;font-size:13px;font-weight:600}.sd-ticket-card-meta{color:#6b7280;font-size:11px}.sd-priority-pill{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600}.sd-ticket-card-desc{color:#4b5563;margin:0 0 8px;font-size:12px;line-height:1.5}.sd-ticket-card-footer{justify-content:space-between;align-items:center;display:flex}.sd-ticket-time{color:#6b7280;font-size:11px}.sd-status-pill{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.sd-agent-list{flex-direction:column;gap:16px;display:flex}.sd-agent-item{align-items:center;gap:12px;display:flex}.sd-agent-avatar{object-fit:cover;border-radius:999px;flex-shrink:0;width:46px;height:46px}.sd-agent-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sd-agent-name{color:#111827;font-size:13px;font-weight:600}.sd-agent-sub{color:#6b7280;font-size:11px}.sd-agent-bar-track{background:#e5e7eb;border-radius:999px;height:7px;margin-top:4px;overflow:hidden}.sd-agent-bar-fill{background:#22c55e;border-radius:999px;height:100%}.sd-agent-pct{color:#111827;text-align:right;flex-shrink:0;min-width:36px;font-size:13px;font-weight:700}.sd-recent-activity{border-radius:11.52px}.sd-activity-list{flex-direction:column;gap:16px;display:flex}.sd-activity-item{align-items:flex-start;gap:12px;display:flex}.sd-activity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.sd-activity-body{flex-direction:column;flex:1;gap:3px;display:flex}.sd-activity-title{color:#111827;font-size:13px;font-weight:600}.sd-activity-desc{color:#6b7280;font-size:12px;line-height:1.4}.sd-activity-time{color:#9ca3af;white-space:nowrap;flex-shrink:0;font-size:11px}@media (width<=1200px){.sd-shell{grid-template-columns:1fr}.sd-sidebar{display:none}.sd-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-chart-grid,.sd-table-grid{grid-template-columns:1fr}}@media (width<=640px){.sd-stats-grid{grid-template-columns:1fr}.sd-header{flex-direction:column;align-items:flex-start;height:auto}}.support-tickets-layout{background:#f9fafb;grid-template-columns:245.75px 1fr;width:100%;min-height:100vh;font-family:Inter,sans-serif;display:grid}.support-sidebar{color:#d1d5db;background:#1e293b;flex-direction:column;justify-content:space-between;min-height:100vh;padding:14px 11px 12px;display:flex}.support-brand-row{align-items:center;gap:9px;display:flex}.support-brand-box{color:#dbeafe;background:#3b82f6;border-radius:4px;place-items:center;width:20px;height:20px;display:grid}.support-brand-title{color:#f9fafb;margin:0;font-size:17px;font-weight:700;line-height:1.1}.support-brand-subtitle{color:#9ca3af;margin:3px 0 0;font-size:11px;font-weight:500}.support-online-pill{color:#86efac;background:#22c55e2e;border-radius:999px;align-items:center;gap:6px;width:fit-content;height:23px;margin-top:14px;padding:0 10px;font-size:11px;font-weight:500;display:inline-flex}.support-online-dot{background:#4ade80;border-radius:999px;width:7px;height:7px}.support-user-card{color:#e5e7eb;text-align:left;background:#94a3b821;border:0;border-radius:8px;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;width:100%;height:52px;margin-top:18px;padding:0 10px;display:grid}.support-user-card img,.support-user-footer img{border-radius:50%;width:32px;height:32px}.support-user-card p,.support-user-footer p{color:#f3f4f6;margin:0;font-size:12px;font-weight:600}.support-user-card span,.support-user-footer span{color:#9ca3af;margin-top:1px;font-size:10px;display:block}.support-nav-block{gap:4px;margin-top:18px;display:grid}.support-nav-section-title{color:#9ca3af;letter-spacing:.06em;margin:12px 10px 5px;font-size:11px;font-weight:700}.support-nav-item{color:#d1d5db;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;font-size:14px;font-weight:500;display:grid}.support-nav-item em{color:#bfdbfe;background:#3b82f63d;border-radius:999px;place-items:center;min-width:27px;height:18px;padding:0 6px;font-size:11px;font-style:normal;font-weight:600;display:grid}.support-nav-item.badge-green em{color:#86efac;background:#22c55e3d}.support-nav-item.badge-yellow em{color:#fde047;background:#eab3083d}.support-nav-item.badge-purple em{color:#d8b4fe;background:#a855f73d}.support-nav-item.badge-red em{color:#f87171;background:#ef444433}.support-nav-item.muted{color:#94a3b8}.support-nav-item.muted svg{color:#64748b}.support-nav-item.active{color:#fff;background:#3b82f633;border-left:2px solid #3b82f6;border-top-left-radius:0;border-bottom-left-radius:0}.support-nav-item.active svg{color:#60a5fa}.support-nav-item.tone-orange.active{background:#f973161a;border-left-color:#f97316}.support-nav-item.tone-orange.active svg{color:#fb923c}.support-nav-item.tone-orange{color:#d1d5db}.support-nav-item.tone-purple.active{color:#fff;background:#a855f71a;border-left:3.46px solid #a855f7}.support-nav-item.tone-purple.active svg{color:#a855f7}.support-nav-item.tone-purple{color:#d1d5db}.support-nav-item.tone-blue.active{color:#fff;background:#3b82f61a;border-left:3.46px solid #3b82f6}.support-nav-item.tone-blue.active svg{color:#fff}.support-nav-item.tone-blue,.support-nav-item.tone-blue svg{color:#d1d5db}.support-nav-item:hover{background:#94a3b81f}.support-user-footer{color:#e2e8f0;text-align:left;background:#94a3b821;border:0;border-radius:8px;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;width:100%;height:48px;padding:0 10px;display:grid}.support-tickets-main{flex-direction:column;min-width:0;display:flex}.support-ticket-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;min-height:86px;padding:16px 24px;display:flex}.support-ticket-header-left{flex-direction:column;gap:4px;display:flex}.support-ticket-title{color:#111827;margin:0;font-size:20px;font-weight:700;line-height:1.2}.support-breadcrumb{align-items:center;gap:6px;font-size:12px;display:flex}.support-bc-link{color:#2563eb}.support-bc-sep{color:#9ca3af}.support-bc-current{color:#4b5563}.support-header-actions{align-items:center;gap:10px;display:flex}.support-bell-button{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:relative}.support-bell-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.support-new-ticket-button{color:#fff;cursor:pointer;background:#f97316;border:0;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.at-open-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.at-open-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 2px #0000000d}.at-open-stat-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.at-open-stat-icon{border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.at-open-stat-badge{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.at-open-stat-value{color:#111827;margin:0 0 4px;font-size:24px;font-weight:700;line-height:1.2}.at-open-stat-label{color:#4b5563;margin:0;font-size:13px;font-weight:400}.support-tickets-content{gap:16px;padding:20px 24px 32px;display:grid}.support-filters-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;display:flex;box-shadow:0 1px 2px #0000000a}.support-search-input-wrap{color:#9ca3af;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;min-width:260px;height:42px;padding:0 12px;display:flex}.support-search-input-wrap input{color:#111827;border:0;outline:0;width:100%;font-family:Inter,sans-serif;font-size:14px}.support-search-input-wrap input::placeholder{color:#9ca3af}.support-filter-select{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:130px;height:42px;padding:0 12px;font-family:Inter,sans-serif;font-size:13px}.support-filter-gap{flex:1}.support-filter-button{color:#4b5563;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;height:42px;padding:0 16px;font-family:Inter,sans-serif;font-size:13px;display:inline-flex}.support-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.support-table-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:12px 16px;display:flex}.support-table-header h2{color:#111827;margin:0;font-size:17px;font-weight:700}.support-table-controls{align-items:center;gap:7px;display:flex}.support-export-button{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:5px;height:32px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.support-view-label{color:#6b7280;font-size:13px}.support-view-icon{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.support-view-icon.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.support-table-wrap{overflow-x:auto}.support-table-wrap table{border-collapse:collapse;width:100%;min-width:980px}.support-table-wrap thead th{color:#6b7280;letter-spacing:.02em;text-align:left;border-bottom:1px solid #e5e7eb;height:41px;padding:0 10px;font-size:11px;font-weight:700}.support-table-wrap tbody td{vertical-align:middle;border-bottom:1px solid #f1f5f9;height:68px;padding:0 10px}.support-table-wrap input[type=checkbox]{width:13px;height:13px}.support-ticket-link{color:#3b82f6;text-align:left;background:0 0;border:0;font-size:13px;font-weight:700;line-height:1.2}.support-person-cell,.support-assignee-cell{align-items:center;gap:8px;display:flex}.support-person-cell img,.support-assignee-cell img{border-radius:50%;width:26px;height:26px}.support-person-cell p,.support-subject-cell p,.support-assignee-cell span{color:#111827;margin:0;font-size:13px;font-weight:600}.support-person-cell span,.support-subject-cell span{color:#6b7280;margin-top:2px;font-size:11px;line-height:1.25;display:block}.support-subject-cell p{font-size:12px}.support-badge{border-radius:999px;justify-content:center;align-items:center;height:22px;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex}.support-badge.priority.high{color:#b91c1c;background:#fee2e2}.support-badge.priority.medium{color:#c2410c;background:#ffedd5}.support-badge.priority.low{color:#166534;background:#dcfce7}.support-badge.priority.critical{color:#7e22ce;background:#f3e8ff}.support-badge.status.open{color:#92400e;background:#fef3c7}.support-badge.status.progress{color:#1d4ed8;background:#dbeafe}.support-badge.status.resolved{color:#166534;background:#dcfce7}.support-badge.status.pending{color:#9a3412;background:#ffedd5}.support-created-text{color:#374151;font-size:12px;font-weight:500}.support-actions-cell{align-items:center;gap:6px;display:flex}.support-action{border:1px solid #e5e7eb;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.support-action.view{color:#2563eb;background:#dbeafe}.support-action.edit{color:#6b7280;background:#f3f4f6}.support-ticket-list{flex-direction:column;display:flex}.support-ticket-item{align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.support-ticket-item-border{border-top:1px solid #f3f4f6}.support-ticket-item-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:46px;height:46px;margin-top:2px}.support-ticket-item-body{flex:1;min-width:0}.support-ticket-item-top{flex-direction:column;gap:3px;margin-bottom:8px;display:flex}.support-ticket-item-title{color:#111827;font-size:15px;font-weight:600;line-height:1.3}.support-ticket-item-meta{color:#6b7280;font-size:13px}.support-ticket-item-desc{color:#4b5563;margin:0 0 10px;font-size:14px;line-height:1.5}.support-ticket-item-footer{align-items:center;gap:6px;display:flex}.support-ticket-item-time{color:#6b7280;font-size:13px}.support-ticket-item-msg-icon{color:#9ca3af;flex-shrink:0}.support-ticket-item-replies{color:#6b7280;font-size:13px}.support-ticket-item-right{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:50px;min-width:90px;display:flex}.support-ticket-item-right-top{align-items:center;gap:8px;display:flex}.support-ticket-item-priority{white-space:nowrap;border-radius:999px;padding:3px 12px;font-size:11px;font-weight:600}.support-ticket-item-more{color:#9ca3af;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.support-ticket-item-more:hover{color:#374151}.support-ticket-item-right-bottom{justify-content:flex-end;display:flex}.support-ticket-item-status{white-space:nowrap;border-radius:999px;padding:3px 12px;font-size:11px;font-weight:600}.support-table-title{color:#111827;margin:0;font-size:17px;font-weight:700}.support-page-ellipsis{color:#9ca3af;padding:0 2px;font-size:13px}.support-table-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:14px 22px;display:flex}.support-table-footer p{color:#6b7280;margin:0;font-size:13px}.support-pagination{color:#9ca3af;align-items:center;gap:6px;display:flex}.support-page-btn{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:34px;height:30px;padding:0 10px;font-size:12px;font-weight:500}.support-page-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}@media (width<=1220px){.support-tickets-layout{min-width:1120px}}.sla-alerts-panel{background:linear-gradient(90deg,#ef4444 0%,#dc2626 100%);border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a}.sla-alerts-top-row{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.sla-alerts-icon-wrap{background:#fff3;border-radius:8px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.sla-alerts-heading{flex:1}.sla-alerts-title{color:#fff;margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.3}.sla-alerts-subtitle{color:#fee2e2;margin:0;font-size:14px;font-weight:400}.sla-alerts-close{cursor:pointer;opacity:.8;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.sla-alerts-close:hover{opacity:1}.sla-sub-cards-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.sla-sub-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border-radius:8px;outline:1px solid #fff3;padding:20px 18px 16px}.sla-sub-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sla-sub-card-label{color:#fee2e2;font-size:14px;font-weight:500}.sla-sub-card-count-badge{background:#fff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:flex}.sla-sub-card-value{color:#fff;margin:0 0 6px;font-size:24px;font-weight:700}.sla-sub-card-desc{color:#fee2e2;margin:0;font-size:12px;font-weight:400}.sla-ticket-rows{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.sla-ticket-row{background:#fff;border-radius:8px;grid-template-columns:38px 1fr auto 160px;align-items:center;gap:14px;padding:18px 16px 14px;display:grid}.sla-ticket-avatar-wrap{border-radius:999px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.sla-ticket-info{min-width:0}.sla-ticket-title{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:15px;font-weight:600;overflow:hidden}.sla-ticket-sub{color:#6b7280;margin:0;font-size:13px}.sla-ticket-status-col{text-align:right;flex-direction:column;align-items:flex-end;gap:5px;display:flex}.sla-ticket-status-badge{white-space:nowrap;border-radius:999px;padding:3px 12px;font-size:11px;font-weight:700}.sla-ticket-time{white-space:nowrap;font-size:11px;font-weight:600}.sla-ticket-bar-col{align-items:center;gap:8px;min-width:0;display:flex}.sla-ticket-bar-track{border-radius:999px;flex:1;height:8px;position:relative;overflow:hidden}.sla-ticket-bar-fill{border-radius:999px;height:100%;position:absolute;top:0;left:0}.sla-ticket-pct{text-align:right;flex-shrink:0;min-width:32px;font-size:11px;font-weight:700}.sla-alerts-footer{justify-content:center;gap:16px;display:flex}.sla-btn-white{color:#dc2626;cursor:pointer;background:#fff;border:none;border-radius:8px;height:38px;padding:0 24px;font-size:15px;font-weight:600}.sla-btn-white:hover{background:#f9fafb}.sla-btn-ghost{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;height:38px;padding:0 24px;font-size:15px;font-weight:600}.sla-btn-ghost:hover{background:#ffffff4d}.at-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:86px;min-height:86px;padding:0 32px;display:flex}.at-breadcrumb{align-items:center;gap:6px;font-size:14px;display:flex}.at-bc-link{color:#2563eb;cursor:pointer;font-weight:500}.at-bc-sep{color:#9ca3af;font-size:12px}.at-bc-current{color:#4b5563;font-weight:400}.at-bell-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:relative}.at-bell-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.at-new-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 18px;font-size:14px;font-weight:600;display:flex}.at-new-btn:hover{background:#2563eb}.at-content{flex-direction:column;flex:1;gap:20px;padding:28px 32px;display:flex}.at-filters-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:20px 24px;display:flex;box-shadow:0 1px 2px #0000000d}.at-search-wrap{background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;height:40px;padding:0 14px;display:flex}.at-search-wrap input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:14px}.at-search-wrap input::placeholder{color:#9ca3af}.at-select{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex-shrink:0;height:36px;padding:0 12px;font-family:Inter,sans-serif;font-size:14px}.at-filter-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;height:36px;padding:0 18px;font-size:14px;font-weight:500;display:flex}.at-filter-btn:hover{background:#e5e7eb}.at-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.at-table-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:68px;padding:0 24px;display:flex}.at-table-title{color:#111827;margin:0;font-size:18px;font-weight:700}.at-table-header-right{align-items:center;gap:10px;display:flex}.at-export-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:13px;font-weight:400;display:flex}.at-export-btn:hover{background:#e5e7eb}.at-view-label{color:#4b5563;margin-left:4px;font-size:14px}.at-view-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;place-items:center;width:32px;height:38px;display:grid}.at-view-btn.active{color:#fff;background:#3b82f6}.at-table-scroll{overflow-x:auto}.at-table{border-collapse:collapse;width:100%;min-width:900px}.at-thead-row{background:#f9fafb}.at-th{text-align:left;color:#6b7280;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;height:40px;padding:0 16px;font-size:11px;font-weight:600}.at-th-check{width:44px;padding:0 0 0 24px}.at-tr-border td{border-top:1px solid #e5e7eb}.at-td{vertical-align:middle;padding:16px}.at-td-check{width:44px;padding:16px 0 16px 24px}.at-td input[type=checkbox],.at-th input[type=checkbox]{cursor:pointer;width:13px;height:13px}.at-ticket-id{color:#2563eb;white-space:pre-line;font-size:13px;font-weight:600;line-height:1.4}.at-customer-cell{align-items:center;gap:10px;display:flex}.at-avatar-sm{object-fit:cover;border-radius:50%;flex-shrink:0;width:30px;height:30px}.at-customer-name{color:#111827;white-space:nowrap;margin:0 0 2px;font-size:13px;font-weight:500}.at-customer-email{color:#6b7280;white-space:nowrap;margin:0;font-size:11px}.at-subject-title{color:#111827;margin:0 0 3px;font-size:13px;font-weight:400}.at-subject-desc{color:#6b7280;max-width:200px;margin:0;font-size:11px;line-height:1.4}.at-pill{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.at-assigned-cell{align-items:center;gap:8px;display:flex}.at-avatar-xs{object-fit:cover;border-radius:50%;flex-shrink:0;width:23px;height:23px}.at-assigned-name,.at-created{color:#111827;white-space:nowrap;font-size:13px}.at-actions-cell{align-items:center;gap:6px;display:flex}.at-action-view{color:#2563eb;cursor:pointer;background:#dbeafe;border:none;border-radius:8px;place-items:center;width:26px;height:36px;display:grid}.at-action-view:hover{background:#bfdbfe}.at-action-edit{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;place-items:center;width:24px;height:36px;display:grid}.at-action-edit:hover{background:#e5e7eb}.at-table-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.at-footer-text{color:#6b7280;margin:0;font-size:13px}.at-pagination{align-items:center;gap:6px;display:flex}.at-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:32px;height:30px;padding:0 10px;font-size:12px;font-weight:500}.at-page-btn:hover{background:#f9fafb}.at-page-active{color:#fff;background:#3b82f6;border-color:#3b82f6}.at-page-active:hover{background:#2563eb}.at-page-ellipsis{color:#9ca3af;padding:0 2px;font-size:13px}.ap-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;min-height:86px;padding:0 32px;display:flex}.ap-title{color:#111827;margin:0 0 4px;font-size:24px;font-weight:700;line-height:1.2}.ap-breadcrumb{align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:14px;display:flex}.ap-bc-link{color:#2563eb;cursor:pointer;font-weight:400}.ap-bc-sep{color:#9ca3af;font-size:12px}.ap-bc-current{color:#4b5563}.ap-header-right{align-items:center;gap:12px;display:flex}.ap-period-select{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:34px;padding:0 14px;font-family:Inter,sans-serif;font-size:14px}.ap-export-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;display:flex}.ap-export-btn:hover{background:#1d4ed8}.ap-content{background:#f9fafb;flex-direction:column;flex:1;gap:20px;padding:28px 32px;font-family:Inter,sans-serif;display:flex}.ap-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.ap-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000d}.ap-stat-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.ap-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.ap-stat-badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.ap-stat-value{color:#111827;margin:0 0 6px;font-size:24px;font-weight:700}.ap-stat-label{color:#4b5563;margin:0;font-size:14px}.ap-charts-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ap-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:26px 24px 20px;box-shadow:0 1px 2px #0000000d}.ap-chart-title{color:#111827;margin:0 0 20px;font-size:17px;font-weight:700}.ap-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.ap-table-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex}.ap-table-title{color:#111827;margin:0;font-size:17px;font-weight:700}.ap-table-actions{gap:10px;display:flex}.ap-table-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;height:30px;padding:0 16px;font-family:Inter,sans-serif;font-size:14px}.ap-table-btn:hover{background:#f9fafb}.ap-table-scroll{overflow-x:auto}.ap-table{border-collapse:collapse;width:100%;min-width:700px}.ap-thead-row{background:#f9fafb}.ap-th{text-align:left;color:#6b7280;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;height:38px;padding:0 24px;font-size:11px;font-weight:600}.ap-tr-border td{border-top:1px solid #e5e7eb}.ap-td{vertical-align:middle;color:#111827;padding:16px 24px;font-size:15px}.ap-agent-cell{align-items:center;gap:14px;display:flex}.ap-agent-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:38px;height:38px}.ap-agent-name{color:#111827;white-space:nowrap;margin:0 0 3px;font-size:15px;font-weight:600}.ap-agent-role{color:#6b7280;margin:0;font-size:13px}.ap-tickets,.ap-resp{color:#111827;font-size:15px;font-weight:600}.ap-resp{font-weight:400}.ap-rate-wrap{align-items:center;gap:10px;display:flex}.ap-rate-track{background:#e5e7eb;border-radius:999px;flex-shrink:0;width:80px;height:8px;overflow:hidden}.ap-rate-fill{border-radius:999px;height:100%}.ap-rate-pct{white-space:nowrap;font-size:14px;font-weight:600}.ap-star{color:#facc15;margin-right:4px;font-size:15px}.ap-satisfaction{color:#111827;font-size:15px;font-weight:600}.ap-status-pill{white-space:nowrap;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:600}.create-ticket-main{background:#f9fafb;flex-direction:column;min-width:0;display:flex}.create-ticket-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:10px;height:74px;padding:12px 16px;display:flex}.create-ticket-header h1{color:#111827;margin:0;font-size:28px;font-weight:700;line-height:1.05}.create-ticket-breadcrumb{color:#9ca3af;align-items:center;gap:6px;margin-top:4px;font-size:11px;font-weight:500;display:flex}.create-ticket-actions{align-items:center;gap:8px;display:flex}.create-ticket-btn-outline,.create-ticket-btn-primary{cursor:pointer;border-radius:7.68px;height:30px;padding:0 12px;font-size:10px;font-weight:600}.create-ticket-btn-outline{color:#6b7280;background:#fff;border:1px solid #d1d5db}.create-ticket-btn-primary{color:#fff;background:#2563eb;border:0}.create-ticket-content{grid-template-columns:minmax(0,1fr) 318px;align-items:start;gap:12px;padding:12px;display:grid}.create-ticket-left,.create-ticket-right{gap:10px;display:grid}.create-ticket-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px;box-shadow:0 1px 2px #0f172a0a}.create-ticket-card h2{color:#111827;margin:0;font-size:12px;font-weight:700}.create-ticket-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.create-ticket-field{gap:5px;display:grid}.create-ticket-field span{color:#374151;font-size:10px;font-weight:600}.create-ticket-field input,.create-ticket-field select,.create-ticket-field textarea,.create-ticket-search-wrap{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;font-size:11px}.create-ticket-field input,.create-ticket-field select,.create-ticket-search-wrap{height:38px;padding:0 11px}.create-ticket-field select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#9ca3af 50%),linear-gradient(135deg,#9ca3af 50%,#0000 50%);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}.create-ticket-search-wrap{color:#9ca3af;justify-content:space-between;align-items:center;display:flex}.create-ticket-search-wrap input{background:0 0;border:0;outline:0;width:100%;height:100%;padding:0;font-size:11px}.create-ticket-field textarea{resize:none;height:100px;padding:10px 11px}.create-ticket-field input::placeholder,.create-ticket-field textarea::placeholder,.create-ticket-search-wrap input::placeholder{color:#9ca3af}.create-ticket-full{grid-column:1/-1}.create-ticket-dropzone{color:#9ca3af;text-align:center;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;place-items:center;min-height:108px;margin-top:10px;padding:14px;display:grid}.create-ticket-dropzone p{color:#6b7280;margin:4px 0 0;font-size:11px}.create-ticket-dropzone p button{color:#2563eb;font-size:inherit;background:0 0;border:0;padding:0;font-weight:600}.create-ticket-dropzone span{margin-top:3px;font-size:9px;display:block}.create-ticket-file-item{border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;height:30px;margin-top:8px;padding:0 10px;display:flex}.create-ticket-file-item strong{color:#374151;font-size:10px}.create-ticket-file-item span{color:#9ca3af;margin-left:8px;font-size:9px}.create-ticket-file-item button{color:#ef4444;background:0 0;border:0;font-size:14px;line-height:1}.create-ticket-preview-list{gap:10px;margin-top:10px;display:grid}.create-ticket-preview-list span{color:#6b7280;font-size:9px;font-weight:600;display:block}.create-ticket-preview-list strong{color:#111827;margin-top:3px;font-size:11px;font-weight:600;display:block}.create-ticket-preview-list em{color:#1d4ed8;background:#dbeafe;border-radius:999px;margin-top:3px;padding:2px 7px;font-size:9px;font-style:normal;font-weight:700;display:inline-flex}.create-ticket-customer-head{align-items:center;gap:8px;margin-top:10px;display:flex}.create-ticket-customer-head img{border-radius:999px;width:36px;height:36px}.create-ticket-customer-head strong{color:#111827;font-size:11px;display:block}.create-ticket-customer-head span{color:#6b7280;margin-top:2px;font-size:9px;display:block}.create-ticket-customer-meta{gap:6px;margin-top:10px;display:grid}.create-ticket-customer-meta p{color:#4b5563;align-items:center;gap:6px;margin:0;font-size:10px;display:flex}.create-ticket-customer-stats{border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding-top:8px;display:grid}.create-ticket-customer-stats span{color:#9ca3af;font-size:9px;display:block}.create-ticket-customer-stats strong{color:#111827;margin-top:2px;font-size:11px;display:block}.create-ticket-quick-list{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.create-ticket-quick-list li{color:#4b5563;align-items:center;gap:6px;font-size:10px;font-weight:500;display:flex}@media (width<=1200px){.create-ticket-content,.create-ticket-grid{grid-template-columns:1fr}}.ticket-success-main{background:#f9fafb;flex-direction:column;min-width:0;display:flex}.ticket-success-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:10px;height:74px;padding:12px 16px;display:flex}.ticket-success-header h1{color:#111827;margin:0;font-size:26px;font-weight:700;line-height:1.05}.ticket-success-breadcrumb{color:#9ca3af;align-items:center;gap:6px;margin-top:4px;font-size:11px;font-weight:500;display:flex}.ticket-success-actions{align-items:center;gap:8px;display:flex}.ticket-success-btn-outline,.ticket-success-btn-primary{border-radius:7.68px;height:30px;padding:0 12px;font-size:10px;font-weight:600}.ticket-success-btn-outline{color:#6b7280;background:#fff;border:1px solid #d1d5db}.ticket-success-btn-primary{color:#fff;background:#2563eb;border:0}.ticket-success-content{gap:10px;padding:12px;display:grid}.ticket-success-hero{text-align:center;background:linear-gradient(#f0fdf4 0%,#ecfdf3 100%);border:1px solid #bbf7d0;border-radius:10px;align-content:center;justify-items:center;gap:4px;min-height:132px;padding:12px;display:grid}.ticket-success-check{color:#fff;background:#22c55e;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.ticket-success-hero h2{color:#166534;margin:0;font-size:16px;font-weight:700}.ticket-success-hero p{color:#4b5563;margin:0;font-size:11px}.ticket-success-id-box{background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;height:32px;margin-top:3px;padding:0 10px;display:inline-flex}.ticket-success-id-box span{color:#6b7280;font-size:9px;font-weight:600}.ticket-success-id-box strong{color:#111827;font-size:10px;font-weight:700}.ticket-success-id-box button{color:#6b7280;background:0 0;border:0}.ticket-success-grid{grid-template-columns:minmax(0,1fr) 306px;align-items:start;gap:12px;display:grid}.ticket-success-left,.ticket-success-right{gap:10px;display:grid}.ticket-success-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px;box-shadow:0 1px 2px #0f172a0a}.ticket-success-card h3{color:#111827;margin:0;font-size:12px;font-weight:700}.ticket-success-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.ticket-success-details-grid .full{grid-column:1/-1}.ticket-success-details-grid span{color:#6b7280;font-size:9px;font-weight:600;display:block}.ticket-success-details-grid p{color:#374151;margin:4px 0 0;font-size:10px}.with-avatar{align-items:center;gap:6px;display:inline-flex}.with-avatar img{border-radius:999px;width:18px;height:18px}.pill{border-radius:999px;align-items:center;padding:2px 8px;font-size:9px;font-style:normal;font-weight:700;display:inline-flex}.ticket-success-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.ticket-success-steps{gap:8px;margin-top:10px;display:grid}.ticket-success-step-row{grid-template-columns:20px 1fr;align-items:start;gap:8px;display:grid}.ticket-success-step-dot{color:#fff;background:#e5e7eb;border-radius:999px;place-items:center;width:20px;height:20px;display:grid}.ticket-success-step-dot.active{background:#2563eb}.ticket-success-step-row strong{color:#111827;font-size:10px;display:block}.ticket-success-step-row p{color:#6b7280;margin:2px 0 0;font-size:9px}.ticket-success-status-list{gap:8px;margin-top:10px;display:grid}.ticket-success-status-list span{color:#6b7280;font-size:9px;font-weight:600;display:block}.ticket-success-status-list p,.ticket-success-status-list em{margin-top:3px}.ticket-success-status-list p{color:#374151;margin-bottom:0;font-size:10px}.ticket-success-customer-head{align-items:center;gap:8px;margin-top:10px;display:flex}.ticket-success-customer-head img{border-radius:999px;width:34px;height:34px}.ticket-success-customer-head strong{color:#111827;font-size:11px}.ticket-success-customer-list{gap:6px;margin-top:10px;display:grid}.ticket-success-customer-list p{color:#4b5563;align-items:center;gap:6px;margin:0;font-size:10px;display:flex}.ticket-success-action-list{gap:6px;margin-top:10px;display:grid}.ticket-success-action-list button{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex}.ticket-success-toggle-list{gap:8px;margin-top:10px;display:grid}.ticket-success-toggle-list>div{justify-content:space-between;align-items:center;display:flex}.ticket-success-toggle-list span{color:#374151;font-size:10px}.ticket-toggle{border:0;border-radius:999px;width:34px;height:18px;padding:0;position:relative}.ticket-toggle i{background:#fff;border-radius:999px;width:14px;height:14px;position:absolute;top:2px;box-shadow:0 1px 1px #0f172a33}.ticket-toggle.on{background:#2563eb}.ticket-toggle.on i{right:2px}.ticket-toggle.off{background:#d1d5db}.ticket-toggle.off i{left:2px}@media (width<=1200px){.ticket-success-grid,.ticket-success-details-grid{grid-template-columns:1fr}}.support-queues-layout{background:#f9fafb;grid-template-columns:245.75px 1fr;width:100%;min-height:100vh;font-family:Inter,sans-serif;display:grid}.support-queues-main{flex-direction:column;min-width:0;display:flex}.support-queues-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:80px;padding:14px 20px;display:flex}.support-queues-header h1{color:#111827;margin:0;font-size:24px;font-weight:700;line-height:1.15}.support-queues-breadcrumb{color:#6b7280;align-items:center;gap:7px;margin-top:6px;font-size:12px;font-weight:500;display:flex}.support-queues-header-actions{align-items:center;gap:8px;display:flex}.support-queues-bell{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:relative}.support-queues-bell span{color:#fff;background:#ef4444;border-radius:999px;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-6px;right:-5px}.support-queues-primary-btn{color:#fff;background:#3b82f6;border:0;border-radius:8px;height:32px;padding:0 12px;font-size:12px;font-weight:600}.support-queues-content{gap:10px;padding:14px 16px;display:grid}.support-queue-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.support-queue-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;box-shadow:0 1px 2px #0000000d}.support-queue-stat-card p{color:#6b7280;margin:0;font-size:11px;font-weight:500}.support-queue-stat-row{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.support-queue-stat-row strong{color:#111827;font-size:25px;font-weight:700;line-height:1}.support-queue-stat-icon{border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.support-queue-stat-icon.blue{color:#2563eb;background:#dbeafe}.support-queue-stat-icon.yellow{color:#b45309;background:#fef3c7}.support-queue-stat-icon.green{color:#15803d;background:#dcfce7}.support-queue-stat-icon.purple{color:#7c3aed;background:#ede9fe}.support-queue-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:minmax(300px,1fr) auto auto;gap:8px;padding:10px;display:grid;box-shadow:0 1px 2px #0000000d}.support-queue-search{color:#9ca3af;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 10px;display:flex}.support-queue-search input{color:#111827;border:0;outline:0;width:100%;font-family:Inter,sans-serif;font-size:12px}.support-queue-search input::placeholder{color:#9ca3af}.support-queue-select{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:34px;padding:0 10px;font-size:11px;font-weight:500}.support-queues-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.support-queue-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:9px;padding:10px;display:grid;box-shadow:0 1px 2px #0000000d}.support-queue-card.archived{color:#9ca3af;background:#f9fafb}.support-queue-card-head{grid-template-columns:22px 1fr auto;align-items:start;gap:8px;display:grid}.support-queue-icon{border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.support-queue-icon.technical{color:#2563eb;background:#dbeafe}.support-queue-icon.billing{color:#15803d;background:#dcfce7}.support-queue-icon.sales{color:#7c3aed;background:#ede9fe}.support-queue-icon.general{color:#c2410c;background:#ffedd5}.support-queue-icon.urgent{color:#b91c1c;background:#fee2e2}.support-queue-icon.security{color:#3730a3;background:#e0e7ff}.support-queue-icon.onboarding{color:#be185d;background:#fce7f3}.support-queue-icon.archived{color:#6b7280;background:#e5e7eb}.support-queue-title-wrap h3{color:#111827;margin:0;font-size:13px;font-weight:700}.support-queue-title-wrap p{color:#6b7280;margin:2px 0 0;font-size:10px}.support-queue-status{border-radius:999px;align-items:center;height:18px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.support-queue-status.active{color:#166534;background:#dcfce7}.support-queue-status.archived{color:#6b7280;background:#e5e7eb}.support-queue-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.support-queue-metrics div{border:1px solid #f1f5f9;border-radius:8px;padding:6px}.support-queue-metrics strong{color:#111827;font-size:18px;font-weight:700;line-height:1;display:block}.support-queue-metrics span{color:#6b7280;margin-top:4px;font-size:10px;font-weight:500;display:block}.support-queue-assignees{justify-content:space-between;align-items:center;display:flex}.support-queue-assignees p{color:#6b7280;margin:0;font-size:10px;font-weight:500}.support-queue-assignees div{align-items:center;display:flex}.support-queue-assignees img{border:2px solid #fff;border-radius:50%;width:20px;height:20px}.support-queue-assignees span{color:#6b7280;margin-left:6px;font-size:10px;font-weight:600}.support-queue-card-actions{grid-template-columns:1fr 24px;gap:6px;display:grid}.support-queue-view-btn{color:#fff;background:#3b82f6;border:0;border-radius:8px;height:26px;font-size:11px;font-weight:600}.support-queue-view-btn:disabled{color:#9ca3af;background:#e5e7eb}.support-queue-settings-btn{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;place-items:center;height:26px;display:grid}@media (width<=1220px){.support-queues-layout{min-width:1120px}}.support-sla-layout{background:#f9fafb;grid-template-columns:245.75px 1fr;width:100%;min-height:100vh;font-family:Inter,sans-serif;display:grid}.support-sla-main{flex-direction:column;min-width:0;display:flex}.support-sla-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:72px;padding:14px 18px;display:flex}.support-sla-header-management{align-items:flex-start;height:104px;padding:24px 31px}.support-sla-header h1{color:#111827;margin:0;font-size:22px;font-weight:700;line-height:1}.support-sla-header-management h1{font-size:23.04px;line-height:30.72px}.support-sla-breadcrumb{color:#6b7280;align-items:center;gap:7px;margin-top:6px;font-size:12px;font-weight:500;display:flex}.support-sla-breadcrumb-management{gap:8px;margin-top:9px;font-size:13.44px;line-height:19.2px}.support-sla-breadcrumb-management span:first-child,.support-sla-breadcrumb-management span:nth-child(3){color:#2563eb}.support-sla-breadcrumb-management span:last-child{color:#4b5563;font-weight:400}.support-sla-actions{align-items:center;gap:8px;display:flex}.support-sla-bell{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:relative}.support-sla-bell span{color:#fff;background:#ef4444;border-radius:999px;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-6px;right:-5px}.support-sla-primary-btn{color:#fff;background:#3b82f6;border:0;border-radius:8px;height:32px;padding:0 12px;font-size:12px;font-weight:600}.support-sla-escalation-btn{color:#fff;background:#4f46e5;border:0;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;line-height:1}.support-sla-time-btn{color:#fff;background:#2563eb;border:0;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;line-height:1}.support-sla-content{gap:9px;padding:12px 16px;display:grid}.support-sla-layout .support-nav-item.active{color:#fff;background:#3b82f61a;border-left:3px solid #3b82f6;border-top-left-radius:0;border-bottom-left-radius:0}.support-sla-layout .support-nav-item.active svg{color:#60a5fa}.support-sla-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.support-sla-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;box-shadow:0 1px 2px #0000000d}.support-sla-stat-card p{color:#6b7280;margin:0;font-size:11px;font-weight:500}.support-sla-stat-row{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.support-sla-stat-row strong{color:#111827;font-size:22px;font-weight:700;line-height:1}.support-sla-icon{border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.support-sla-icon.blue{color:#2563eb;background:#dbeafe}.support-sla-icon.green{color:#16a34a;background:#dcfce7}.support-sla-icon.red{color:#dc2626;background:#fee2e2}.support-sla-icon.purple{color:#9333ea;background:#f3e8ff}.support-sla-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:minmax(320px,1fr) auto auto;gap:8px;padding:10px;display:grid;box-shadow:0 1px 2px #0000000d}.support-sla-search{color:#9ca3af;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 10px;display:flex}.support-sla-search input{color:#111827;border:0;outline:0;width:100%;font-family:Inter,sans-serif;font-size:12px}.support-sla-search input::placeholder{color:#9ca3af}.support-sla-select{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:34px;padding:0 10px;font-size:11px;font-weight:500}.support-sla-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.support-sla-table-head{border-bottom:1px solid #e5e7eb;align-items:center;min-height:46px;padding:0 12px;display:flex}.support-sla-table-head h2{color:#111827;margin:0;font-size:14px;font-weight:700}.support-sla-table-wrap{overflow-x:auto}.support-sla-table-wrap table{border-collapse:collapse;width:100%;min-width:920px}.support-sla-table-wrap th:first-child,.support-sla-table-wrap td:first-child{width:33%}.support-sla-table-wrap th:nth-child(2),.support-sla-table-wrap td:nth-child(2){width:10%}.support-sla-table-wrap th:nth-child(3),.support-sla-table-wrap td:nth-child(3){width:12%}.support-sla-table-wrap th:nth-child(4),.support-sla-table-wrap td:nth-child(4){width:13%}.support-sla-table-wrap th:nth-child(5),.support-sla-table-wrap td:nth-child(5){width:14%}.support-sla-table-wrap th:nth-child(6),.support-sla-table-wrap td:nth-child(6){width:8%}.support-sla-table-wrap th:nth-child(7),.support-sla-table-wrap td:nth-child(7){width:10%}.support-sla-table-wrap th{color:#9ca3af;text-align:left;border-bottom:1px solid #f1f5f9;height:36px;padding:0 10px;font-size:10px;font-weight:700}.support-sla-table-wrap td{color:#374151;border-bottom:1px solid #f1f5f9;height:52px;padding:0 10px;font-size:11px;font-weight:500}.support-sla-name-cell{align-items:center;gap:9px;display:flex}.support-sla-name-icon{border-radius:5px;flex:none;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:grid}.support-sla-name-icon.critical{color:#ef4444;background:#fee2e2}.support-sla-name-icon.high{color:#f97316;background:#ffedd5}.support-sla-name-icon.medium{color:#ca8a04;background:#fef3c7}.support-sla-name-icon.low{color:#3b82f6;background:#dbeafe}.support-sla-name-icon.vip{color:#a855f7;background:#f3e8ff}.support-sla-name-icon.legacy{color:#6b7280;background:#e5e7eb}.support-sla-name-cell p{color:#111827;margin:0;font-size:12px;font-weight:600;line-height:1.2}.support-sla-name-cell small{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;line-height:1.2;display:block;overflow:hidden}.support-sla-badge{border-radius:999px;align-items:center;height:17px;padding:0 8px;font-size:8.5px;font-weight:600;display:inline-flex}.support-sla-badge.priority.critical{color:#b91c1c;background:#fee2e2}.support-sla-badge.priority.high{color:#c2410c;background:#ffedd5}.support-sla-badge.priority.medium{color:#92400e;background:#fef3c7}.support-sla-badge.priority.low{color:#2563eb;background:#dbeafe}.support-sla-badge.priority.vip{color:#7c3aed;background:#f3e8ff}.support-sla-compliance-cell{align-items:center;gap:6px;display:flex}.support-sla-progress-track{background:#e5e7eb;border-radius:999px;width:54px;height:4px;overflow:hidden}.support-sla-progress-fill{border-radius:999px;height:100%}.support-sla-progress-fill.green{background:#22c55e}.support-sla-progress-fill.yellow{background:#eab308}.support-sla-progress-fill.red{background:#ef4444}.support-sla-compliance-cell span{font-size:10px;font-weight:700}.support-sla-compliance-cell span.green{color:#22c55e}.support-sla-compliance-cell span.yellow{color:#ca8a04}.support-sla-compliance-cell span.red{color:#ef4444}.support-sla-badge.status.active{color:#166534;background:#dcfce7}.support-sla-badge.status.inactive{color:#6b7280;background:#e5e7eb}.support-sla-action{white-space:nowrap;background:0 0;border:0;margin-right:10px;padding:0;font-size:10px;font-weight:600}.support-sla-action.edit{color:#3b82f6}.support-sla-action.delete{color:#ef4444}.support-escalation-content{background:#f3f4f6;gap:24px;padding:16px;display:grid}.support-escalation-header-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex;box-shadow:0 1px 2px #0f172a0f,0 6px 12px #0f172a0a}.support-escalation-header-card h2{color:#111827;margin:0;font-size:20px;font-weight:700}.support-escalation-breadcrumb{color:#6b7280;align-items:center;gap:8px;margin-top:6px;font-size:12px;font-weight:500;display:flex}.support-escalation-new-ticket-btn{color:#fff;background:#f97316;border:0;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:600}.support-escalation-top-cards{grid-template-columns:1.1fr 1fr 1fr;gap:16px;display:grid}.support-escalation-top-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 1px 2px #0f172a0f,0 4px 8px #0f172a08}.support-escalation-top-card-red{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#fca5a5}.support-escalation-top-title{color:#6b7280;margin:0;font-size:12px;font-weight:600}.support-escalation-top-card-red .support-escalation-top-title{color:#b91c1c}.support-escalation-top-value{color:#111827;margin:8px 0 4px;font-size:28px;font-weight:700;line-height:1}.support-escalation-top-card-red .support-escalation-top-value{color:#ef4444}.support-escalation-top-label{color:#991b1b;margin:0;font-size:12px;font-weight:600}.support-escalation-top-subtitle{color:#6b7280;margin:6px 0 0;font-size:11px}.support-escalation-main-grid{grid-template-columns:1.3fr 1fr;gap:16px;display:grid}.support-escalation-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 1px 2px #0f172a0f,0 4px 8px #0f172a08}.support-escalation-card-head{margin-bottom:12px}.support-escalation-card-head h3{color:#111827;margin:0;font-size:14px;font-weight:700}.support-escalation-trigger-block{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px;padding:12px}.support-escalation-trigger-block:last-child{margin-bottom:0}.trigger-red{background:#fef2f2;border-color:#fecaca}.trigger-orange{background:#fff7ed;border-color:#fed7aa}.trigger-purple{background:#faf5ff;border-color:#e9d5ff}.trigger-yellow{background:#fefce8;border-color:#fde68a}.support-escalation-trigger-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.support-escalation-trigger-top p{color:#111827;margin:0;font-size:12px;font-weight:700}.support-escalation-trigger-desc{color:#6b7280;margin:8px 0;font-size:11px}.support-escalation-toggle{background:#d1d5db;border-radius:999px;flex-shrink:0;width:30px;height:16px;position:relative}.support-escalation-toggle:after{content:"";background:#fff;border-radius:999px;width:12px;height:12px;position:absolute;top:2px;left:2px}.support-escalation-toggle.on:after{left:16px}.support-escalation-toggle.red{background:#ef4444}.support-escalation-toggle.orange{background:#f97316}.support-escalation-toggle.purple{background:#a855f7}.support-escalation-inner-box{background:#fff;border:1px solid #fecaca;border-radius:8px;gap:3px;padding:10px;display:grid}.support-escalation-inner-box span{color:#6b7280;font-size:11px}.support-escalation-inner-box strong{color:#ef4444;font-size:11px}.support-escalation-stats-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.support-escalation-stats-mini-grid div{background:#fff;border:1px solid #fed7aa;border-radius:8px;gap:2px;padding:10px;display:grid}.support-escalation-stats-mini-grid span{color:#f97316;font-size:14px;font-weight:700}.support-escalation-stats-mini-grid strong{color:#6b7280;font-size:11px}.support-escalation-keyword-row{flex-wrap:wrap;gap:6px;display:flex}.support-escalation-keyword-row span{color:#7e22ce;background:#f3e8ff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:600}.support-escalation-input-mock{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:12px}.support-escalation-flow-list{gap:10px;display:grid}.support-escalation-flow-item{border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:20px 1fr auto;align-items:center;gap:3px 10px;padding:10px;display:grid}.support-escalation-flow-step{color:#fff;background:#3b82f6;border-radius:999px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.support-escalation-flow-item p{color:#6b7280;margin:0;font-size:11px}.support-escalation-flow-item strong{color:#111827;font-size:12px}.support-escalation-flow-status{border-radius:999px;padding:3px 7px;font-size:10px;font-weight:600}.support-escalation-flow-status.available{color:#15803d;background:#dcfce7}.support-escalation-flow-status.busy{color:#c2410c;background:#ffedd5}.support-escalation-flow-item em{color:#6b7280;grid-column:2/4;font-size:10px;font-style:normal}.support-escalation-modify-btn{color:#fff;background:#4f46e5;border:0;border-radius:8px;width:100%;height:36px;margin-top:12px;font-size:12px;font-weight:600}.support-escalation-active-ticket{background:#fff1f2;border:1px solid #fecaca;border-radius:10px;padding:12px}.support-escalation-active-top{align-items:center;gap:8px;display:flex}.support-escalation-active-top span{color:#fff;background:#ef4444;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.support-escalation-active-top strong{color:#111827;font-size:12px}.support-escalation-active-ticket p{color:#6b7280;margin:8px 0 0;font-size:11px}.support-escalation-active-meta{color:#374151;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.support-escalation-progress-track{background:#fee2e2;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.support-escalation-progress-fill{background:#ef4444;width:100%;height:100%;display:block}.support-escalation-progress-text{color:#ef4444;margin-top:8px;font-weight:600}.support-escalation-stats-panel{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;gap:10px;padding:12px;display:grid}.support-escalation-stats-panel div{justify-content:space-between;align-items:center;display:flex}.support-escalation-stats-panel span{color:#1e40af;font-size:11px}.support-escalation-stats-panel strong{color:#111827;font-size:12px}.support-sla-timer-content{background:#f3f4f6;gap:16px;padding:16px;display:grid}.support-sla-timer-header-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:flex-start;padding:14px 16px;display:flex;box-shadow:0 1px 2px #0000000d}.support-sla-timer-header-card h2{color:#111827;margin:0;font-size:18px;font-weight:700}.support-sla-timer-breadcrumb{color:#6b7280;align-items:center;gap:6px;margin-top:6px;font-size:11px;font-weight:500;display:flex}.support-sla-timer-new-ticket-btn{color:#fff;background:#f97316;border:0;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:600}.support-sla-timer-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.support-sla-timer-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid;box-shadow:0 1px 2px #0000000a}.support-sla-timer-stat-icon{border-radius:7px;width:26px;height:26px}.support-sla-timer-stat-icon.blue{background:#dbeafe}.support-sla-timer-stat-icon.red{background:#fee2e2}.support-sla-timer-stat-icon.yellow{background:#fef9c3}.support-sla-timer-stat-icon.green{background:#dcfce7}.support-sla-timer-stat-main p{color:#6b7280;margin:0;font-size:11px}.support-sla-timer-stat-main strong{color:#111827;margin-top:3px;font-size:26px;line-height:1;display:block}.support-sla-timer-badge{border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.support-sla-timer-badge.live{color:#2563eb;background:#dbeafe}.support-sla-timer-badge.critical{color:#dc2626;background:#fee2e2}.support-sla-timer-badge.warning{color:#ca8a04;background:#fef9c3}.support-sla-timer-badge.on-track{color:#16a34a;background:#dcfce7}.support-sla-timer-alert-banner{background:linear-gradient(90deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.support-sla-timer-alert-banner h3{color:#dc2626;margin:0;font-size:14px;font-weight:700}.support-sla-timer-alert-banner p{color:#b91c1c;margin:4px 0 0;font-size:11px}.support-sla-timer-alert-actions{align-items:center;gap:8px;display:flex}.support-sla-timer-alert-danger{color:#fff;background:#dc2626;border:0;border-radius:8px;height:30px;padding:0 12px;font-size:11px;font-weight:600}.support-sla-timer-alert-outline{color:#b91c1c;background:0 0;border:1px solid #fca5a5;border-radius:8px;height:30px;padding:0 12px;font-size:11px;font-weight:600}.support-sla-timer-live-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:12px;padding:14px;display:grid;box-shadow:0 1px 2px #0000000d}.support-sla-timer-live-head{justify-content:space-between;align-items:center;display:flex}.support-sla-timer-live-head h3{color:#111827;margin:0;font-size:14px;font-weight:700}.support-sla-timer-live-head p{color:#6b7280;align-items:center;gap:6px;margin:6px 0 0;font-size:11px;display:flex}.support-sla-timer-live-dot{background:#22c55e;border-radius:999px;width:8px;height:8px}.support-sla-timer-refresh-btn{color:#1d4ed8;background:#dbeafe;border:0;border-radius:8px;height:30px;padding:0 12px;font-size:11px;font-weight:600}.support-sla-timer-group{border-radius:10px;padding:12px}.support-sla-timer-group h4{margin:0 0 10px;font-size:12px;font-weight:700}.support-sla-timer-group.group-breached{background:#fef2f2;border:1px solid #fecaca}.support-sla-timer-group.group-warning{background:#fefce8;border:1px solid #fef08a}.support-sla-timer-group.group-track{background:#f0fdf4;border:1px solid #bbf7d0}.support-sla-timer-ticket-list{gap:8px;display:grid}.support-sla-timer-ticket-item{background:#fff;border:1px solid #fecaca;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.support-sla-timer-ticket-item p{color:#111827;margin:0;font-size:11px;font-weight:600}.support-sla-timer-ticket-item span{color:#6b7280;margin-top:3px;font-size:10px;display:block}.support-sla-timer-ticket-right{align-items:center;gap:8px;display:flex}.support-sla-timer-ticket-right strong.red{color:#dc2626;font-size:12px}.support-sla-timer-ticket-right em{color:#dc2626;font-size:10px;font-style:normal;font-weight:700}.support-sla-timer-ticket-right button.danger{color:#fff;background:#dc2626;border:0;border-radius:6px;height:26px;padding:0 10px;font-size:10px;font-weight:600}.support-sla-timer-ticket-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.support-sla-timer-warning-item,.support-sla-timer-track-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px}.support-sla-timer-warning-item p,.support-sla-timer-track-item p{color:#111827;margin:0;font-size:11px;font-weight:600}.support-sla-timer-warning-item span,.support-sla-timer-track-item span{margin-top:4px;font-size:12px;font-weight:700;display:block}.support-sla-timer-warning-item span{color:#eab308}.support-sla-timer-track-item span{color:#16a34a}.warning-progress,.track-progress{background:#e5e7eb;border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.warning-progress i,.track-progress i{height:100%;display:block}.warning-progress i{background:#eab308}.track-progress i{background:#16a34a}.support-sla-timer-warning-item button{color:#92400e;background:#fde68a;border:0;border-radius:6px;height:24px;margin-top:8px;padding:0 10px;font-size:10px;font-weight:600}.support-sla-timer-ticket-grid.track-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.support-sla-timer-performance-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;box-shadow:0 1px 2px #0000000d}.support-sla-timer-performance-card h3{color:#111827;margin:0 0 12px;font-size:13px;font-weight:700}.support-sla-timer-chart-wrap{background:#fff;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:flex-end;height:180px;padding:12px;display:flex}.support-sla-timer-chart-col{flex-direction:column;justify-content:flex-end;width:28px;height:100%;display:flex}.support-sla-timer-chart-col i{width:100%;display:block}.support-sla-timer-chart-col i.green,.support-sla-timer-chart-legend i.green{background:#16a34a}.support-sla-timer-chart-col i.yellow,.support-sla-timer-chart-legend i.yellow{background:#eab308}.support-sla-timer-chart-col i.red,.support-sla-timer-chart-legend i.red{background:#dc2626}.support-sla-timer-chart-legend{color:#6b7280;gap:14px;margin-top:10px;font-size:10px;display:flex}.support-sla-timer-chart-legend span{align-items:center;gap:5px;display:inline-flex}.support-sla-timer-chart-legend i{border-radius:2px;width:10px;height:10px;display:inline-block}.support-escalation-flow-trigger{cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.support-escalation-flow-trigger-warning{width:208.47px;height:195.81px;top:74.1px;left:467.17px}.support-warning-threshold-content{background:#f3f4f6;gap:16px;padding:16px;display:grid}.support-warning-threshold-header-card,.support-warning-threshold-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0f172a0f,0 4px 8px #0f172a08}.support-warning-threshold-header-card{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.support-warning-threshold-header-card h2{color:#111827;margin:0;font-size:18px;font-weight:700}.support-warning-threshold-breadcrumb{color:#6b7280;align-items:center;gap:6px;margin-top:6px;font-size:11px;font-weight:500;display:flex}.support-warning-threshold-actions{align-items:center;gap:8px;display:flex}.support-warning-threshold-bell{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:relative}.support-warning-threshold-bell span{color:#fff;background:#ef4444;border-radius:999px;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-6px;right:-5px}.support-warning-threshold-new-ticket{color:#fff;background:#f97316;border:0;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:600}.support-warning-threshold-top-cards{grid-template-columns:1.15fr 1fr 1fr;gap:12px;display:grid}.support-warning-threshold-top-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex}.support-warning-threshold-top-card.primary{background:linear-gradient(135deg,#fefce8 0%,#fef9c3 100%);border-color:#fde047}.support-warning-threshold-top-icon{border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.support-warning-threshold-top-icon.yellow{color:#fff;background:#eab308}.support-warning-threshold-top-icon.orange{color:#ea580c;background:#ffedd5}.support-warning-threshold-top-icon.blue{color:#2563eb;background:#dbeafe}.support-warning-threshold-top-card p{color:#6b7280;margin:0;font-size:11px;font-weight:600}.support-warning-threshold-top-card strong{color:#111827;margin-top:8px;font-size:30px;line-height:1;display:block}.support-warning-threshold-top-card h3{color:#111827;margin:8px 0 0;font-size:12px;font-weight:700}.support-warning-threshold-top-card span{color:#6b7280;margin-top:6px;font-size:11px;line-height:1.45;display:block}.support-warning-threshold-main-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;display:grid}.support-warning-threshold-card{padding:16px}.support-warning-threshold-card.chart{min-height:318px;box-shadow:none;background:0 0;border:0;padding:0}.support-warning-chart-exact{width:100%;height:318px;display:block}.support-warning-chart-grid-axis{stroke:#e5e7eb;stroke-width:1px}.support-warning-chart-grid-line{stroke:#f1f5f9;stroke-width:1px}.support-warning-chart-line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.support-warning-chart-line.green,.support-warning-chart-point.green{stroke:#10b981;fill:#10b981}.support-warning-chart-line.red,.support-warning-chart-point.red{stroke:#ef4444;fill:#ef4444}.support-warning-chart-line.orange,.support-warning-chart-point.orange{stroke:#f59e0b;fill:#f59e0b}.support-warning-chart-axis-label{fill:#5f6368;font-family:Inter,sans-serif}.support-escalation-flow-trigger-priority{width:208.45px;height:195.79px;top:312.16px;left:688.68px}.support-priority-upgrade-content{background:#f3f4f6;gap:16px;padding:16px;display:grid}.support-priority-upgrade-header-card,.support-priority-upgrade-card,.support-priority-upgrade-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0f172a0f,0 4px 8px #0f172a08}.support-priority-upgrade-header-card{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.support-priority-upgrade-header-card h2{color:#111827;margin:0;font-size:18px;font-weight:700}.support-priority-upgrade-breadcrumb{color:#6b7280;align-items:center;gap:6px;margin-top:6px;font-size:11px;font-weight:500;display:flex}.support-priority-upgrade-actions{align-items:center;gap:8px;display:flex}.support-priority-upgrade-bell{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:relative}.support-priority-upgrade-bell span{color:#fff;background:#ef4444;border-radius:999px;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-6px;right:-5px}.support-priority-upgrade-new-ticket{color:#fff;background:#f97316;border:0;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:600}.support-priority-upgrade-top-cards{grid-template-columns:1.25fr 1fr 1fr;gap:12px;display:grid}.support-priority-upgrade-top-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex}.support-priority-upgrade-top-card.primary{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border-color:#e9d5ff}.support-priority-upgrade-top-icon{border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.support-priority-upgrade-top-icon.purple{color:#fff;background:#9333ea}.support-priority-upgrade-top-icon.blue{color:#2563eb;background:#dbeafe}.support-priority-upgrade-top-icon.green{color:#16a34a;background:#dcfce7}.support-priority-upgrade-top-card p,.support-priority-upgrade-top-card span{margin:0}.support-priority-upgrade-top-card p{color:#6b7280;font-size:11px;font-weight:600}.support-priority-upgrade-top-card h3{color:#111827;margin:6px 0 0;font-size:12px;font-weight:700}.support-priority-upgrade-top-card span{color:#6b7280;margin-top:5px;font-size:11px;line-height:1.45;display:block}.support-priority-upgrade-top-card strong{color:#111827;margin-top:10px;font-size:28px;line-height:1;display:block}.support-priority-upgrade-badge{color:#9333ea;background:#e9d5ff;border-radius:999px;justify-content:center;align-items:center;height:20px;padding:0 10px;font-size:10px;font-weight:700;display:inline-flex}.support-priority-upgrade-main-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;display:grid}.support-priority-upgrade-card{padding:16px}.support-priority-upgrade-card-head{margin-bottom:12px}.support-priority-upgrade-card-head h3{color:#111827;margin:0;font-size:14px;font-weight:700}.support-priority-upgrade-card-head p{color:#6b7280;margin:4px 0 0;font-size:11px}.support-priority-upgrade-rules-list{gap:10px;display:grid}.support-priority-upgrade-rule{border-radius:12px;padding:12px}.support-priority-upgrade-rule-medium{background:linear-gradient(135deg,#fef2f2 0%,#fff7ed 100%)}.support-priority-upgrade-rule-high{background:linear-gradient(135deg,#fff7ed 0%,#fef2f2 100%)}.support-priority-upgrade-rule-low{background:linear-gradient(135deg,#eff6ff 0%,#fff7ed 100%)}.support-priority-upgrade-rule-top{align-items:center;gap:10px;display:flex}.support-priority-upgrade-rule-icon{border-radius:999px;flex:none;place-items:center;width:28px;height:28px;display:grid}.support-priority-upgrade-rule-icon.orange{background:#f97316}.support-priority-upgrade-rule-icon.red{background:#dc2626}.support-priority-upgrade-rule-icon.blue{background:#3b82f6}.support-priority-upgrade-rule-copy h4{color:#111827;margin:0;font-size:12px;font-weight:700}.support-priority-upgrade-rule-copy span{color:#6b7280;margin-top:2px;font-size:11px;display:block}.support-priority-upgrade-toggle{border:0;border-radius:999px;width:34px;height:18px;margin-left:auto;padding:2px;position:relative}.support-priority-upgrade-toggle i{background:#fff;border-radius:999px;width:14px;height:14px;display:block}.support-priority-upgrade-toggle.on{background:#d946ef}.support-priority-upgrade-toggle.on.purple{background:#9333ea}.support-priority-upgrade-toggle.on i{transform:translate(16px)}.support-priority-upgrade-toggle.off{background:#d1d5db}.support-priority-upgrade-slider-block{margin-top:12px}.support-priority-upgrade-slider-track{background:#e5e7eb;border-radius:999px;height:6px;position:relative}.support-priority-upgrade-slider-fill{background:#9333ea;border-radius:999px;height:100%;display:block}.support-priority-upgrade-rule-medium .support-priority-upgrade-slider-fill{background:linear-gradient(90deg,#f97316 0%,#f59e0b 100%)}.support-priority-upgrade-rule-high .support-priority-upgrade-slider-fill{background:linear-gradient(90deg,#dc2626 0%,#f97316 100%)}.support-priority-upgrade-rule-low .support-priority-upgrade-slider-fill{background:linear-gradient(90deg,#3b82f6 0%,#f59e0b 100%)}.support-priority-upgrade-slider-thumb{background:#9333ea;border:2px solid #fff;border-radius:999px;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 2px #0f172a33}.support-priority-upgrade-slider-labels{color:#6b7280;justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.support-priority-upgrade-rule-actions{gap:10px;margin-top:12px;display:flex}.support-priority-upgrade-rule-actions .save,.support-priority-upgrade-rule-actions .reset{border:0;border-radius:8px;height:36px;font-size:11px;font-weight:600}.support-priority-upgrade-rule-actions .save{color:#fff;background:#9333ea;flex:1}.support-priority-upgrade-rule-actions .reset{color:#374151;background:#f3f4f6;width:96px}.support-priority-upgrade-conditions-list{gap:10px;display:grid}.support-priority-upgrade-condition-row{background:#fff;border:1px solid #ecfdf5;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.support-priority-upgrade-condition-row span{color:#111827;font-size:12px;font-weight:700;display:block}.support-priority-upgrade-condition-row small{color:#6b7280;margin-top:4px;font-size:10px;display:block}.support-priority-upgrade-smart-box{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-top:12px;padding:12px;font-size:11px;font-weight:600}.support-priority-upgrade-table-card{padding:16px}.support-priority-upgrade-table-wrap{overflow-x:auto}.support-priority-upgrade-table-wrap table{border-collapse:collapse;width:100%;min-width:920px}.support-priority-upgrade-table-wrap th{text-align:left;color:#9ca3af;border-bottom:1px solid #f1f5f9;height:36px;padding:0 10px;font-size:10px;font-weight:700}.support-priority-upgrade-table-wrap td{color:#374151;border-bottom:1px solid #f8fafc;height:48px;padding:0 10px;font-size:11px;font-weight:500}.support-priority-upgrade-status{border-radius:999px;justify-content:center;align-items:center;height:18px;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.support-priority-upgrade-status.completed{color:#166534;background:#dcfce7}.support-priority-upgrade-status.pending{color:#92400e;background:#fef3c7}@media (width<=1024px){.support-priority-upgrade-top-cards,.support-priority-upgrade-main-grid,.support-warning-threshold-top-cards,.support-warning-threshold-main-grid,.support-warning-threshold-lower-grid{grid-template-columns:1fr}.support-priority-upgrade-header-card,.support-warning-threshold-header-card{flex-direction:column;align-items:flex-start}.support-priority-upgrade-rule-actions{flex-direction:column}.support-priority-upgrade-rule-actions .reset{width:100%}}.support-warning-chart-axis-y-label{text-anchor:end}.support-warning-threshold-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.support-warning-threshold-card-head h3{color:#111827;margin:0;font-size:14px;font-weight:700}.support-warning-threshold-card-head p{color:#6b7280;margin:4px 0 0;font-size:11px}.support-warning-threshold-chip{color:#a16207;background:#fef3c7;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700}.support-warning-threshold-slider-wrap{background:#fff;border:1px solid #f3f4f6;border-radius:12px;padding:18px 12px 12px}.support-warning-threshold-slider-track{background:#e5e7eb;border-radius:999px;height:8px;position:relative}.support-warning-threshold-slider-fill{background:linear-gradient(90deg,#fde68a 0%,#eab308 100%);border-radius:999px;height:100%}.support-warning-threshold-slider-thumb{background:#eab308;border:3px solid #fff;border-radius:999px;width:20px;height:20px;position:absolute;top:-6px;box-shadow:0 2px 4px #0f172a2e}.support-warning-threshold-slider-labels{color:#6b7280;justify-content:space-between;margin-top:14px;font-size:10px;font-weight:600;display:flex}.support-warning-threshold-info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-top:12px;padding:12px}.support-warning-threshold-info-box strong{color:#1d4ed8;font-size:11px;font-weight:700;display:block}.support-warning-threshold-info-box span{color:#4b5563;margin-top:4px;font-size:11px;line-height:1.45;display:block}.support-warning-threshold-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.support-warning-threshold-preset{text-align:left;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px}.support-warning-threshold-preset.active{background:#fef3c7;border-color:#facc15}.support-warning-threshold-preset strong{color:#111827;font-size:16px;display:block}.support-warning-threshold-preset span{color:#6b7280;margin-top:4px;font-size:11px;display:block}.support-warning-threshold-button-row{gap:10px;margin-top:14px;display:flex}.support-warning-threshold-apply,.support-warning-threshold-reset,.support-warning-priority-save{border:0;border-radius:8px;height:34px;font-size:11px;font-weight:600}.support-warning-threshold-apply{color:#fff;background:#eab308;flex:1}.support-warning-threshold-reset{color:#374151;background:#f3f4f6;width:96px}.support-warning-priority-list{gap:10px;display:grid}.support-warning-priority-item{border-radius:10px;padding:12px}.support-warning-priority-item.critical{background:#fef2f2}.support-warning-priority-item.high{background:#fff7ed}.support-warning-priority-item.medium{background:#eff6ff}.support-warning-priority-item.low{background:#f0fdf4}.support-warning-priority-item-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.support-warning-priority-item-head h4{color:#111827;margin:0;font-size:12px;font-weight:700}.support-warning-priority-item-head span{color:#6b7280;margin-top:3px;font-size:10px;display:block}.support-warning-priority-item-head strong{color:#111827;font-size:15px}.support-warning-priority-track{background:#ffffffbf;border-radius:999px;height:6px;margin-top:12px;position:relative;overflow:visible}.support-warning-priority-track i{border-radius:999px;height:100%;display:block}.support-warning-priority-item.critical .support-warning-priority-track i{background:linear-gradient(90deg,#dc2626 0%,#eab308 100%)}.support-warning-priority-item.high .support-warning-priority-track i{background:linear-gradient(90deg,#f97316 0%,#facc15 100%)}.support-warning-priority-item.medium .support-warning-priority-track i{background:linear-gradient(90deg,#2563eb 0%,#facc15 100%)}.support-warning-priority-item.low .support-warning-priority-track i{background:linear-gradient(90deg,#22c55e 0%,#facc15 100%)}.support-warning-priority-track button{background:#eab308;border:2px solid #fff;border-radius:999px;width:12px;height:12px;padding:0;position:absolute;top:50%;right:20%;transform:translate(50%,-50%);box-shadow:0 1px 2px #0f172a33}.support-warning-priority-item.critical .support-warning-priority-track button{left:calc(70% - 6px);right:auto}.support-warning-priority-item.high .support-warning-priority-track button{left:calc(75% - 6px);right:auto}.support-warning-priority-item.medium .support-warning-priority-track button{left:calc(80% - 6px);right:auto}.support-warning-priority-item.low .support-warning-priority-track button{left:calc(85% - 6px);right:auto}.support-warning-priority-save{color:#fff;background:#a855f7;width:100%;margin-top:12px}.support-warning-threshold-lower-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px;display:grid}.support-warning-threshold-card.chart{grid-column:1/-1}.support-warning-chart-wrap{padding:6px 8px 0 34px;position:relative}.support-warning-chart{width:100%;height:220px;display:block}.support-warning-chart .axis{stroke:#d1d5db;stroke-width:1.4px}.support-warning-chart .grid{stroke:#eef2f7;stroke-width:1px}.support-warning-chart .line{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.support-warning-chart .line.green,.support-warning-chart .dot.green{stroke:#22c55e;fill:#22c55e}.support-warning-chart .line.orange,.support-warning-chart .dot.orange{stroke:#f97316;fill:#f97316}.support-warning-chart .line.red,.support-warning-chart .dot.red{stroke:#dc2626;fill:#dc2626}.support-warning-chart-axis-y{color:#9ca3af;flex-direction:column;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:18px;bottom:34px;left:0}.support-warning-chart-axis-x{color:#9ca3af;grid-template-columns:repeat(5,1fr);margin:4px 8px 0 30px;font-size:10px;display:grid}.support-warning-chart-legend{color:#6b7280;align-items:center;gap:14px;margin-top:10px;font-size:10px;display:flex}.support-warning-chart-legend span{align-items:center;gap:5px;display:inline-flex}.support-warning-chart-legend i{border-radius:999px;width:10px;height:10px;display:inline-block}.support-warning-chart-legend i.green{background:#22c55e}.support-warning-chart-legend i.orange{background:#f97316}.support-warning-chart-legend i.red{background:#dc2626}.support-warning-rules-list,.support-warning-stats-list{gap:10px;display:grid}.support-warning-rule-item{background:#f9fafb;border:1px solid #ecfdf5;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.support-warning-rule-meta span{color:#111827;font-size:12px;font-weight:700;display:block}.support-warning-rule-meta small{color:#6b7280;margin-top:4px;font-size:10px;display:block}.support-warning-rule-toggle{border:0;border-radius:999px;width:34px;height:18px;padding:2px;position:relative}.support-warning-rule-toggle i{background:#fff;border-radius:999px;width:14px;height:14px;transition:transform .2s;display:block}.support-warning-rule-toggle.on{background:#22c55e}.support-warning-rule-toggle.on i{transform:translate(16px)}.support-warning-rule-toggle.off{background:#d1d5db}.support-warning-stat-row{border:1px solid #f3f4f6;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.support-warning-stat-label{color:#374151;align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.support-warning-stat-label svg:first-child{color:#f59e0b}.support-warning-stat-row strong{color:#111827;font-size:18px}.support-warning-success-card{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-radius:10px;margin-top:12px;padding:14px}.support-warning-success-card span{font-size:11px;font-weight:600}.support-warning-success-card strong{margin-top:6px;font-size:28px;line-height:1;display:block}.support-warning-success-card p{color:#ffffffe6;margin:6px 0 0;font-size:10px;line-height:1.45}.support-escalation-management-content{background:#f3f4f6;gap:30.71px;padding:30.71px;display:grid}.support-escalation-management-actions{align-items:center;gap:8px;display:flex}.support-escalation-management-bell{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:relative}.support-escalation-management-bell span{color:#fff;background:#ef4444;border-radius:999px;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-6px;right:-5px}.support-escalation-management-new-ticket{color:#fff;background:#f97316;border:0;border-radius:8px;padding:8.82px 15.35px;font-size:13.44px;font-weight:600;line-height:19.2px}.support-escalation-management-alert{background:linear-gradient(90deg,#fef2f2 0%,#fff7ed 100%);border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:23.04px 26.5px;display:flex}.support-escalation-management-alert h3{color:#dc2626;margin:0;font-size:17.28px;font-weight:700;line-height:26.88px}.support-escalation-management-alert p{color:#b91c1c;margin:4px 0 0;font-size:13.44px;line-height:19.2px}.support-escalation-management-alert-actions{gap:8px;display:flex}.support-escalation-management-alert-actions .review{color:#fff;background:#dc2626;border:0;border-radius:8px;height:36.84px;padding:0 15.35px;font-size:13.44px;font-weight:600}.support-escalation-management-alert-actions .notify{color:#b91c1c;background:0 0;border:1px solid #fca5a5;border-radius:8px;height:36.84px;padding:0 16.5px;font-size:13.44px;font-weight:600}.support-escalation-management-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;display:grid}.support-escalation-management-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:11.52px;align-items:center;gap:10px;min-height:171.25px;padding:24.19px;display:flex;box-shadow:0 1px 2px #0000000d}.support-escalation-management-stat-card .icon{border-radius:7px;width:22px;height:22px}.support-escalation-management-stat-card .icon.blue{background:#dbeafe}.support-escalation-management-stat-card .icon.yellow{background:#fef9c3}.support-escalation-management-stat-card .icon.orange{background:#ffedd5}.support-escalation-management-stat-card .icon.red{background:#fee2e2}.support-escalation-management-stat-card .icon.purple{background:#f3e8ff}.support-escalation-management-stat-card strong{color:#111827;font-size:28.8px;line-height:1;display:block}.support-escalation-management-stat-card p{color:#6b7280;margin:4px 0 0;font-size:13.44px}.support-escalation-management-flow-card,.support-escalation-management-card{background:#fff;border:1px solid #e5e7eb;border-radius:11.52px;padding:24.19px;box-shadow:0 1px 2px #0000000d}.support-escalation-management-flow-card h3,.support-escalation-management-card h3{color:#111827;margin:0;font-size:17.28px;font-weight:700;line-height:26.88px}.support-escalation-management-flow-grid{grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center;gap:10px;margin-top:12px;display:grid}.support-escalation-management-flow-card{min-height:532.15px}.flow-step{text-align:center;border:1px solid #e5e7eb;border-radius:10px;padding:16px 14px}.flow-step h4{color:#111827;margin:8px 0 4px;font-size:15.36px;font-weight:700;line-height:23.04px}.flow-step p{color:#6b7280;margin:0;font-size:13.44px;line-height:19.2px}.flow-step .flow-icon{border-radius:999px;place-items:center;width:26px;height:26px;font-size:10px;line-height:1;display:inline-grid}.flow-step.blue .flow-icon{color:#2563eb;background:#dbeafe}.flow-step.yellow .flow-icon{color:#ca8a04;background:#fef9c3}.flow-step.orange .flow-icon{color:#ea580c;background:#ffedd5}.flow-step.red .flow-icon{color:#dc2626;background:#fee2e2}.flow-step.purple .flow-icon{color:#9333ea;background:#f3e8ff}.flow-arrow{color:#9ca3af;text-align:center;font-size:20px;font-weight:700}.flow-arrow.down{grid-column:3}.support-escalation-management-lower-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.support-escalation-management-card{min-height:578.02px}.card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.critical-ticket{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:15px;padding:15.35px 18.81px}.critical-ticket:last-child{margin-bottom:0}.critical-ticket.red{background:#fef2f2;border-color:#fecaca}.critical-ticket.orange{background:#fff7ed;border-color:#fed7aa}.critical-ticket.yellow{background:#fefce8;border-color:#fde68a}.critical-ticket .meta{justify-content:space-between;align-items:center;display:flex}.critical-ticket .meta strong{color:#111827;font-size:13.44px}.critical-ticket .meta span{font-size:11.52px;font-weight:700}.critical-ticket.red .meta span{color:#dc2626}.critical-ticket.orange .meta span{color:#f97316}.critical-ticket.yellow .meta span{color:#ca8a04}.critical-ticket p{margin:6px 0;font-size:11.52px;font-weight:700}.progress{background:#e5e7eb;border-radius:999px;height:6px;overflow:hidden}.progress i{height:100%;display:block}.progress.red i{background:#dc2626}.progress.orange i{background:#f97316}.progress.yellow i{background:#eab308}.critical-ticket button{color:#fff;border:0;border-radius:6px;height:23.02px;margin-top:8px;padding:0 11.52px;font-size:11.52px;font-weight:600}.critical-ticket.red button{background:#dc2626}.critical-ticket.orange button{background:#f97316}.critical-ticket.yellow button{color:#713f12;background:#eab308}.monitor-row{margin-bottom:10px}.monitor-row span{color:#374151;margin-bottom:5px;font-size:13.44px;display:block}.monitor-track{background:#e5e7eb;border-radius:999px;height:6px;overflow:hidden}.monitor-track i{height:100%;display:block}.monitor-track i.red{background:#dc2626}.monitor-track i.orange{background:#f97316}.monitor-track i.yellow{background:#eab308}.monitor-track i.green{background:#22c55e}.monitor-track i.bluegreen{background:linear-gradient(90deg,#2563eb 0%,#22c55e 100%)}.overall-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-top:12px;padding:10px}.overall-box p{color:#1e40af;margin:0;font-size:13.44px}.overall-box strong{color:#1d4ed8;margin:4px 0 8px;font-size:23.04px;line-height:1;display:block}.support-escalation-management-card.activity ul{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.support-escalation-management-card.activity li{color:#374151;align-items:center;gap:8px;font-size:13.44px;display:flex}.support-escalation-management-card.activity .dot{border-radius:999px;flex:none;width:10px;height:10px}.support-escalation-management-card.activity .dot.red{background:#dc2626}.support-escalation-management-card.activity .dot.yellow{background:#eab308}.support-escalation-management-card.activity .dot.purple{background:#9333ea}.support-escalation-management-card.activity .dot.green{background:#22c55e}@media (width<=1024px){.support-escalation-top-cards,.support-escalation-main-grid,.support-sla-timer-stats-grid,.support-sla-timer-ticket-grid.track-grid,.support-sla-timer-ticket-grid{grid-template-columns:1fr}.support-sla-timer-alert-banner{flex-direction:column;align-items:flex-start}.support-warning-threshold-top-cards,.support-warning-threshold-main-grid,.support-warning-threshold-lower-grid{grid-template-columns:1fr}.support-warning-threshold-card.chart{grid-column:auto}.support-warning-chart-axis-x{margin-left:14px}.support-warning-threshold-header-card{flex-direction:column;align-items:flex-start}.support-escalation-management-stats-grid,.support-escalation-management-flow-grid{grid-template-columns:1fr}.flow-arrow,.flow-arrow.down{grid-column:auto}.support-escalation-management-lower-grid{grid-template-columns:1fr}}.kb-main{background:#f9fafb;font-family:Inter,sans-serif}.kb-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;min-height:74px;padding:12px 24px;display:flex}.kb-header h1{color:#111827;margin:0;font-size:24px;font-weight:700}.kb-breadcrumb{color:#4b5563;align-items:center;gap:6px;margin-top:4px;font-size:13px;display:flex}.kb-bc-link{color:#2563eb;cursor:pointer}.kb-bc-sep{color:#9ca3af;font-size:11px}.kb-header-actions{align-items:center;gap:10px;display:flex}.kb-bell{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:relative}.kb-bell span{color:#fff;background:#ef4444;border:1.5px solid #fff;border-radius:999px;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-5px;right:-5px}.kb-primary-btn{color:#fff;cursor:pointer;background:#3b82f6;border:0;border-radius:8px;height:36px;padding:0 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.kb-primary-btn:hover{background:#2563eb}.kb-content{gap:20px;padding:20px 24px;display:grid}.kb-hero-card{background:linear-gradient(177deg,#2563eb 0%,#7e22ce 100%);border-radius:12px;padding:32px 24px 24px}.kb-hero-card h2{text-align:center;color:#fff;margin:0;font-size:29px;font-weight:700}.kb-hero-card>p{text-align:center;color:#dbeafe;margin:8px 0 0;font-size:15px}.kb-hero-search{background:#fffffff2;border-radius:12px;grid-template-columns:1fr auto;align-items:center;max-width:737px;height:58px;margin:20px auto 0;padding:0 8px 0 0;display:grid;overflow:hidden;box-shadow:0 4px 14px #0000001a}.kb-hero-search input{color:#111827;background:0 0;border:0;outline:0;height:100%;padding:0 20px;font-family:Inter,sans-serif;font-size:17px}.kb-hero-search input::placeholder{color:#6b7280}.kb-hero-search button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;flex-shrink:0;place-items:center;width:38px;height:46px;display:grid}.kb-hero-pills{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.kb-hero-pills span{color:#fff;cursor:pointer;background:#fff3;border-radius:999px;align-items:center;height:34px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.kb-hero-pills span:hover{background:#ffffff4d}.kb-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kb-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000d}.kb-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:20px;display:flex}.kb-stat-value{color:#111827;margin-bottom:6px;font-size:29px;font-weight:700;line-height:1.2;display:block}.kb-stat-title{color:#374151;margin:0 0 4px;font-size:15px;font-weight:600}.kb-stat-desc{color:#4b5563;margin:0;font-size:13px}.kb-main-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.52fr);align-items:start;gap:16px;display:grid}.kb-categories-panel,.kb-popular-panel,.kb-recent-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000d}.kb-panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.kb-panel-head h3{color:#111827;margin:0 0 4px;font-size:17px;font-weight:700}.kb-panel-head p{color:#4b5563;margin:0;font-size:13px}.kb-view-all-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:0;border-radius:8px;flex-shrink:0;height:34px;padding:0 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.kb-category-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.kb-category-card{cursor:pointer;border-radius:8px;padding:20px}.kb-cat-top{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.kb-cat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.kb-cat-badge{color:#fff;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.kb-cat-title{color:#111827;margin:0 0 8px;font-size:17px;font-weight:700}.kb-cat-desc{color:#374151;margin:0 0 8px;font-size:13px}.kb-cat-popular{margin:0;font-size:11px;font-weight:600}.kb-popular-list{gap:10px;display:grid}.kb-popular-item{background:#f9fafb;border-radius:8px;align-items:flex-start;gap:12px;padding:14px;display:flex}.kb-rank{color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:13px;font-weight:700;display:grid}.kb-popular-body h4{color:#111827;margin:0 0 4px;font-size:13px;font-weight:600;line-height:1.4}.kb-popular-body p{color:#4b5563;margin:0 0 6px;font-size:11px}.kb-popular-meta{color:#6b7280;align-items:center;gap:4px;font-size:11px;display:flex}.kb-recent-actions{align-items:center;gap:8px;display:flex}.kb-filter-btn{color:#111827;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;height:34px;padding:0 12px;font-family:Inter,sans-serif;font-size:13px}.kb-recent-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.kb-recent-item{border:1px solid #e5e7eb;border-radius:10px;padding:16px}.kb-recent-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kb-recent-cat{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.kb-recent-date{color:#6b7280;white-space:nowrap;font-size:11px}.kb-recent-title{color:#111827;margin:0 0 8px;font-size:13px;font-weight:600;line-height:1.4}.kb-recent-desc{color:#4b5563;margin:0 0 12px;font-size:12px;line-height:1.5}.kb-recent-footer{align-items:center;gap:6px;display:flex}.kb-recent-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.kb-recent-author{color:#374151;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:500;overflow:hidden}.kb-recent-views,.kb-recent-rating{color:#6b7280;white-space:nowrap;align-items:center;gap:3px;font-size:11px;display:flex}.kb-recent-rating{color:#16a34a;font-weight:600}.kb-cta-panel{background:linear-gradient(135deg,#1d4ed8 0%,#7e22ce 100%);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:32px 24px;display:flex}.kb-cta-icon{color:#fff;background:#ffffff26;border-radius:50%;place-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:grid}.kb-cta-panel h3{color:#fff;text-align:center;margin:0;font-size:20px;font-weight:700}.kb-cta-panel p{color:#bfdbfe;text-align:center;margin:0;font-size:14px}.kb-cta-btns{gap:12px;margin-top:4px;display:flex}.kb-cta-primary{color:#1d4ed8;cursor:pointer;background:#fff;border:0;border-radius:8px;align-items:center;gap:7px;height:40px;padding:0 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;display:flex}.kb-cta-secondary{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff6;border-radius:8px;align-items:center;gap:7px;height:40px;padding:0 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;display:flex}@media (width<=1100px){.kb-stats-grid{grid-template-columns:repeat(2,1fr)}.kb-main-grid{grid-template-columns:1fr}.kb-recent-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.kb-header{flex-direction:column;align-items:flex-start;gap:10px;height:auto}.kb-stats-grid{grid-template-columns:1fr 1fr}.kb-category-grid,.kb-recent-grid{grid-template-columns:1fr}.kb-cta-btns{flex-direction:column;width:100%}}.ca-main{background:#f8fafc;font-family:Inter,sans-serif}.ca-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:74px;padding:10px 14px;display:flex}.ca-header h1{color:#111827;margin:0;font-size:30px;font-weight:700;line-height:1}.ca-breadcrumb{color:#6b7280;align-items:center;gap:7px;margin-top:8px;font-size:11px;font-weight:500;display:flex}.ca-header-actions{align-items:center;gap:8px;display:flex}.ca-preview-btn,.ca-save-btn{border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.ca-preview-btn{color:#6b7280;background:#fff;border:1px solid #d1d5db}.ca-save-btn{color:#fff;background:#2563eb;border:0}.ca-content{flex-direction:column;gap:12px;padding:12px 16px 10px;display:flex}.ca-grid{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:12px;display:grid}.ca-left-column,.ca-right-column{gap:12px;display:grid}.ca-card,.ca-panel,.ca-checklist-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 2px #0f172a0a}.ca-card{padding:14px}.ca-card h2,.ca-panel h3,.ca-checklist-panel h3{color:#111827;margin:0;font-size:13px;font-weight:700}.ca-field{gap:5px;margin-top:10px;display:grid}.ca-field>span{color:#374151;font-size:11px;font-weight:600}.ca-field input,.ca-field textarea,.ca-select,.ca-date-input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;font-family:Inter,sans-serif;font-size:11px}.ca-field input,.ca-select,.ca-date-input{height:33px;padding:0 10px}.ca-field textarea{resize:none;padding:8px 10px;line-height:1.35}.ca-field input::placeholder,.ca-field textarea::placeholder,.ca-date-input input::placeholder{color:#9ca3af}.ca-field small{color:#9ca3af;font-size:9px;font-weight:500}.ca-slug-row{border:1px solid #d1d5db;border-radius:8px;grid-template-columns:150px 1fr;width:100%;height:33px;display:grid;overflow:hidden}.ca-slug-row span{color:#6b7280;background:#f9fafb;border-right:1px solid #e5e7eb;align-items:center;padding:0 10px;font-size:10px;display:inline-flex}.ca-slug-row input{border:0;outline:0;padding:0 10px;font-size:11px}.ca-field-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.ca-select{color:#6b7280;border:1px solid #d1d5db;justify-content:space-between;align-items:center;display:flex}.ca-content-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.ca-editor-tools{align-items:center;gap:2px;display:inline-flex}.ca-editor-tools button{color:#6b7280;background:0 0;border:0;border-radius:5px;place-items:center;width:22px;height:22px;display:grid}.ca-editor{resize:none;border:1px solid #e5e7eb;border-radius:8px;width:100%;min-height:220px;margin-top:10px;padding:12px;font-family:Inter,sans-serif;font-size:11px;line-height:1.45}.ca-editor::placeholder{color:#9ca3af}.ca-tips-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:8px;padding:9px 10px}.ca-tips-box strong{color:#2563eb;font-size:10px}.ca-tips-box ul{gap:3px;margin:5px 0 0;padding-left:15px;display:grid}.ca-tips-box li{color:#1d4ed8;font-size:9px}.ca-toggle-row{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.ca-toggle-row p{color:#111827;margin:0;font-size:11px;font-weight:600}.ca-toggle-row span{color:#9ca3af;margin-top:2px;font-size:9px;display:block}.ca-switch{width:30px;height:16px;display:inline-block;position:relative}.ca-switch input{opacity:0;width:0;height:0}.ca-switch span{background:#d1d5db;border-radius:999px;transition:all .2s;position:absolute;inset:0}.ca-switch span:before{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:2px;left:2px}.ca-switch input:checked+span{background:#2563eb}.ca-switch input:checked+span:before{transform:translate(14px)}.ca-date-field{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:10px}.ca-date-input{justify-content:space-between;align-items:center;gap:8px;display:flex}.ca-date-input input{border:0;outline:0;width:100%;height:100%;padding:0;font-family:Inter,sans-serif;font-size:11px}.ca-date-input svg{color:#6b7280}.ca-panel{padding:12px}.ca-status-row{justify-content:space-between;align-items:center;gap:10px;margin-top:9px;display:flex}.ca-status-row>span{color:#6b7280;font-size:10px;font-weight:500}.ca-status-row em{color:#b45309;background:#fef3c7;border-radius:999px;place-items:center;min-width:36px;height:18px;padding:0 8px;font-size:9px;font-style:normal;font-weight:700;display:grid}.ca-status-row p{color:#111827;margin:0;font-size:10px}.ca-status-row strong{color:#111827;align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.ca-status-row img{border-radius:50%;width:16px;height:16px}.ca-related-list{gap:7px;margin-top:10px;display:grid}.ca-related-item{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;height:30px;padding:0 9px;font-size:10px;font-weight:600;display:flex}.ca-related-item svg{color:#9ca3af}.ca-add-related-btn{color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:100%;height:30px;margin-top:8px;font-size:10px;font-weight:600;display:inline-flex}.ca-checklist-panel{background:#dcfce7;border-color:#bbf7d0;padding:12px}.ca-checklist-panel ul{gap:4px;margin:8px 0 0;padding-left:15px;display:grid}.ca-checklist-panel li{color:#166534;font-size:10px;font-weight:500}.ca-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:10px;padding:10px 2px 0;display:flex}.ca-footer p{color:#6b7280;margin:0;font-size:10px}.ca-footer div{gap:14px;display:inline-flex}.ca-footer button{color:#6b7280;background:0 0;border:0;padding:0;font-size:10px}@media (width<=1120px){.ca-grid{grid-template-columns:1fr}}@media (width<=760px){.ca-header{flex-direction:column;align-items:flex-start;gap:10px;height:auto}.ca-header h1{font-size:24px}.ca-field-row{grid-template-columns:1fr}.ca-footer{flex-direction:column;align-items:flex-start}}.automation-layout{background:#f9fafb;grid-template-columns:245.75px 1fr;width:100%;min-height:100vh;font-family:Inter,sans-serif;display:grid}.automation-main{flex-direction:column;min-width:0;display:flex}.automation-layout .support-nav-item.active{color:#fff;background:#3b82f61a;border-left:3px solid #3b82f6;border-top-left-radius:0;border-bottom-left-radius:0}.automation-layout .support-nav-item.active.tone-orange{color:#fb923c;background:#f973161a;border-left:3px solid #f97316}.automation-layout .support-nav-item.active svg{color:#60a5fa}.automation-layout .support-nav-item.active.tone-orange svg{color:#fb923c}.automation-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:80px;padding:14px 20px;display:flex}.automation-header h1{color:#111827;margin:0;font-size:24px;font-weight:700;line-height:1.15}.automation-breadcrumb{color:#6b7280;align-items:center;gap:7px;margin-top:6px;font-size:12px;font-weight:500;display:flex}.automation-header-actions{align-items:center;gap:8px;display:flex}.automation-bell{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:relative}.automation-bell span{color:#fff;background:#ef4444;border-radius:999px;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-6px;right:-5px}.automation-primary-btn{color:#fff;cursor:pointer;background:#3b82f6;border:0;border-radius:8px;height:32px;padding:0 12px;font-size:12px;font-weight:600}.automation-content{gap:10px;padding:14px 16px;display:grid}.automation-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.automation-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;box-shadow:0 1px 2px #0000000d}.automation-stat-card p{color:#6b7280;margin:0;font-size:11px;font-weight:500}.automation-stat-row{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.automation-stat-row strong{color:#111827;font-size:25px;font-weight:700;line-height:1}.automation-stat-icon{border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.automation-stat-icon.blue{color:#2563eb;background:#dbeafe}.automation-stat-icon.green{color:#15803d;background:#dcfce7}.automation-stat-icon.purple{color:#7c3aed;background:#ede9fe}.automation-stat-icon.orange{color:#ea580c;background:#fed7aa}.automation-main-grid{grid-template-columns:1fr 300px;gap:10px;display:grid}.automation-rules-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000d}.automation-rules-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.automation-rules-title{color:#111827;margin:0;font-size:14px;font-weight:600}.automation-rules-select{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;height:28px;padding:0 8px;font-size:11px;font-weight:500}.automation-rules-list{flex-direction:column;display:flex}.automation-rule-item{cursor:pointer;border-bottom:1px solid #e5e7eb;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.automation-rule-item:last-child{border-bottom:none}.automation-rule-item:hover{background:#f9fafb}.automation-rule-icon{border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.automation-rule-icon.green{color:#15803d;background:#dcfce7}.automation-rule-icon.blue{color:#2563eb;background:#dbeafe}.automation-rule-icon.yellow{color:#b45309;background:#fef3c7}.automation-rule-icon.purple{color:#7c3aed;background:#ede9fe}.automation-rule-icon.red{color:#b91c1c;background:#fee2e2}.automation-rule-content{flex:1;min-width:0}.automation-rule-title{color:#111827;margin:0;font-size:13px;font-weight:600}.automation-rule-description{color:#6b7280;margin:3px 0 6px;font-size:11px}.automation-rule-meta{color:#9ca3af;align-items:center;gap:12px;margin-bottom:6px;font-size:11px;display:flex}.automation-rule-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.automation-rule-badge{border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.automation-rule-badge.active{color:#15803d;background:#dcfce7}.automation-rule-badge.inactive{color:#6b7280;background:#e5e7eb}.automation-rule-badge.warning{color:#b45309;background:#fef3c7}.automation-rule-menu{color:#9ca3af;cursor:pointer;place-items:center;width:20px;height:20px;display:grid}.automation-sidebar{flex-direction:column;gap:10px;display:flex}.quick-actions-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000d}.quick-actions-title{color:#111827;border-bottom:1px solid #e5e7eb;margin:0;padding:12px 14px;font-size:14px;font-weight:600}.quick-actions-list{flex-direction:column;display:flex}.quick-action-item{cursor:pointer;color:#6b7280;border-bottom:1px solid #e5e7eb;align-items:center;gap:10px;padding:10px 12px;font-size:12px;transition:background .2s;display:flex}.quick-action-item:last-child{border-bottom:none}.quick-action-item:hover{background:#f9fafb}.quick-action-item.highlighted{color:#3b82f6;background:#eff6ff;font-weight:600}.quick-action-icon{place-items:center;width:16px;height:16px;font-size:14px;display:grid}.rule-templates-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000d}.rule-templates-title{color:#111827;border-bottom:1px solid #e5e7eb;margin:0;padding:12px 14px;font-size:14px;font-weight:600}.rule-templates-list{flex-direction:column;gap:0;padding:0;display:flex}.template-item{cursor:pointer;text-align:left;background:#fff;border:none;border-radius:0;align-items:flex-start;gap:12px;padding:12px 14px;transition:background .2s;display:flex}.template-item:first-child{border-top:1px solid #e5e7eb;border-top-left-radius:8px;border-top-right-radius:8px}.template-item:last-child{border-bottom:1px solid #e5e7eb;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.template-item:hover{background:#f9fafb}.template-icon-box{border-radius:6px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.template-icon-box svg{width:16px;height:16px}.template-content{flex:1;min-width:0}.template-name{color:#111827;margin:0 0 3px;font-size:13px;font-weight:500}.template-description{color:#4b5563;margin:0;font-size:11px;line-height:1.4}.recent-activity-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000d}.recent-activity-title{color:#111827;border-bottom:1px solid #e5e7eb;margin:0;padding:12px 14px;font-size:14px;font-weight:600}.recent-activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid #e5e7eb;align-items:flex-start;gap:10px;padding:10px 12px;font-size:11px;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:3px}.activity-dot.blue{background:#3b82f6}.activity-dot.green{background:#10b981}.activity-dot.orange{background:#f97316}.activity-dot.purple{background:#8b5cf6}.activity-text{color:#111827;line-height:1.4}.activity-time{color:#9ca3af;margin-top:2px;font-size:10px}@media (width<=1024px){.automation-main-grid{grid-template-columns:1fr}.automation-sidebar{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.automation-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.automation-layout{grid-template-columns:1fr}.automation-sidebar{grid-template-columns:1fr;display:grid}.automation-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-header{flex-direction:column;align-items:flex-start;gap:8px;height:auto}}.automation-builder-layout{background:#f8fafc;grid-template-columns:245.75px 1fr;width:100%;min-height:100vh;font-family:Inter,sans-serif;display:grid}.automation-builder-main{flex-direction:column;min-width:0;display:flex}.automation-builder-layout .support-nav-item.active{color:#fff;background:#3b82f61a;border-left:3px solid #3b82f6;border-top-left-radius:0;border-bottom-left-radius:0}.automation-builder-layout .support-nav-item.active svg{color:#60a5fa}.automation-builder-layout .support-nav-item.active.builder-item svg{color:#fff}.automation-builder-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:74px;padding:10px 32px;display:flex}.automation-builder-header h1{color:#111827;margin:0;font-size:32px;font-weight:700;line-height:1}.automation-builder-breadcrumb{color:#6b7280;align-items:center;gap:7px;margin-top:7px;font-size:11px;font-weight:500;display:flex}.automation-builder-header-actions{align-items:center;gap:8px;display:flex}.automation-builder-bell{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:relative}.automation-builder-bell span{color:#fff;background:#ef4444;border-radius:999px;place-items:center;width:15px;height:15px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-5px;right:-4px}.automation-builder-save-btn{color:#fff;background:#2563eb;border:0;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.automation-builder-content{gap:12px;width:min(1140px,100% - 24px);margin:0 auto;padding:12px 0 14px;display:grid}.automation-builder-stepper{background:#fff;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;height:44px;padding:0 10px;display:grid}.automation-builder-step{justify-content:center;align-items:center;gap:7px;display:inline-flex}.automation-builder-step span{color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db;border-radius:999px;place-items:center;width:17px;height:17px;font-size:10px;font-weight:700;display:grid}.automation-builder-step p{color:#6b7280;margin:0;font-size:10px;font-weight:600}.automation-builder-step.done span{color:#fff;background:#22c55e;border-color:#22c55e}.automation-builder-step.done p{color:#16a34a}.automation-builder-step.active span{color:#fff;background:#2563eb;border-color:#2563eb}.automation-builder-step.active p{color:#2563eb}.automation-builder-trigger-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.automation-builder-trigger-card h2{color:#1e3a8a;margin:0;font-size:12px;font-weight:700}.automation-builder-trigger-card p{color:#3b82f6;margin:3px 0 0;font-size:10px;font-weight:500}.automation-builder-trigger-card button{color:#2563eb;background:0 0;border:0;padding:0;font-size:10px;font-weight:600}.automation-builder-conditions-card,.automation-builder-templates-card,.automation-builder-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 2px #0f172a0a}.automation-builder-conditions-card{gap:10px;padding:12px;display:grid}.automation-builder-conditions-head{align-items:flex-start;gap:8px;display:flex}.automation-builder-conditions-head>span{color:#7c3aed;background:#ede9fe;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;display:grid}.automation-builder-conditions-head h3{color:#111827;margin:0;font-size:22px;font-weight:700;line-height:1}.automation-builder-conditions-head p{color:#6b7280;margin:4px 0 0;font-size:11px;font-weight:500}.automation-builder-logic-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.automation-builder-logic-row strong{color:#111827;margin-right:4px;font-size:11px;font-weight:700}.automation-builder-logic-row label{color:#374151;align-items:center;gap:5px;font-size:10px;font-weight:500;display:inline-flex}.automation-builder-logic-row input{accent-color:#2563eb;width:12px;height:12px;margin:0}.automation-builder-condition-item{border:1px solid #e5e7eb;border-radius:8px;gap:8px;padding:10px;display:grid}.automation-builder-condition-item-head{justify-content:space-between;align-items:center;display:flex}.automation-builder-condition-item-head p{color:#374151;margin:0;font-size:10px;font-weight:600}.automation-builder-condition-item-head button{color:#ef4444;background:0 0;border:0;place-items:center;width:16px;height:16px;padding:0;display:grid}.automation-builder-condition-input-labels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.automation-builder-condition-input-labels span{color:#6b7280;font-size:9px;font-weight:600}.automation-builder-condition-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.automation-builder-input-button,.automation-builder-condition-inputs input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:7px;width:100%;height:31px;font-family:Inter,sans-serif;font-size:10px;font-weight:500}.automation-builder-input-button{justify-content:space-between;align-items:center;padding:0 9px;display:inline-flex}.automation-builder-input-button svg{color:#9ca3af}.automation-builder-condition-inputs input{padding:0 9px}.automation-builder-condition-inputs input::placeholder{color:#9ca3af}.automation-builder-add-condition-btn{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;font-size:10px;font-weight:600;display:inline-flex}.automation-builder-templates-card{padding:12px}.automation-builder-templates-card h3{color:#111827;margin:0;font-size:16px;font-weight:700}.automation-builder-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.automation-builder-template-item{border:1px solid #e5e7eb;border-radius:8px;padding:10px}.automation-builder-template-title-row{align-items:center;gap:7px;display:flex}.automation-builder-template-icon{border-radius:4px;place-items:center;width:16px;height:16px;display:grid}.automation-builder-template-icon.red{color:#ef4444;background:#fee2e2}.automation-builder-template-icon.purple{color:#8b5cf6;background:#ede9fe}.automation-builder-template-icon.blue{color:#3b82f6;background:#dbeafe}.automation-builder-template-icon.green{color:#22c55e;background:#dcfce7}.automation-builder-template-icon.orange{color:#f97316;background:#ffedd5}.automation-builder-template-icon.yellow{color:#eab308;background:#fef9c3}.automation-builder-template-item h4{color:#111827;margin:0;font-size:11px;font-weight:700}.automation-builder-template-item p{color:#6b7280;margin:6px 0 0;font-size:9px;line-height:1.35}.automation-builder-preview-card{padding:12px}.automation-builder-preview-card h3{color:#111827;margin:0;font-size:14px;font-weight:700}.automation-builder-preview-card>div{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:10px;padding:10px}.automation-builder-preview-card p{color:#374151;margin:0;font-size:10px;line-height:1.4}.automation-builder-preview-card p+p{margin-top:6px}.automation-builder-preview-card p span{color:#2563eb;background:#dbeafe;border-radius:6px;padding:1px 5px}.automation-builder-preview-card small{color:#9ca3af;margin-top:6px;font-size:9px;display:block}.automation-builder-footer-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.automation-builder-back-btn,.automation-builder-draft-btn,.automation-builder-continue-btn{border-radius:8px;height:32px;padding:0 12px;font-size:11px;font-weight:600}.automation-builder-back-btn,.automation-builder-draft-btn{color:#6b7280;background:#fff;border:1px solid #d1d5db}.automation-builder-footer-actions>div{align-items:center;gap:8px;display:inline-flex}.automation-builder-continue-btn{color:#fff;background:#2563eb;border:0}@media (width<=1140px){.automation-builder-stepper{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px;height:auto;padding:8px}.automation-builder-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.automation-builder-header{flex-direction:column;align-items:flex-start;gap:10px;height:auto}.automation-builder-header h1{font-size:24px}.automation-builder-condition-input-labels,.automation-builder-condition-inputs,.automation-builder-template-grid{grid-template-columns:1fr}.automation-builder-footer-actions{flex-direction:column;align-items:flex-start}}.cr-bc-link{color:#2563eb}.cr-bc-sep{color:#9ca3af}.cr-stepper-bar{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:0;height:62px;padding:0 32px;display:flex;overflow-x:auto}.cr-step-item{flex-shrink:0;align-items:center;gap:10px;display:flex}.cr-step-circle{color:#4b5563;background:#d1d5db;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:grid}.cr-step-circle--active{color:#fff;background:#3b82f6}.cr-step-label{color:#4b5563;white-space:nowrap;font-size:13px;font-weight:500}.cr-step-label--active{color:#2563eb}.cr-step-line{background:#d1d5db;flex-shrink:0;width:92px;height:2px;margin:0 10px;display:block}.cr-page-content{flex-direction:column;gap:20px;padding:24px 106px;display:flex;overflow-y:auto}.cr-flow-card,.cr-form-card,.cr-templates-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px;box-shadow:0 1px 2px #0000000d}.cr-flow-head{align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.cr-flow-icon{background:#f3e8ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.cr-flow-head h2{color:#111827;margin:0 0 6px;font-size:22px;font-weight:700}.cr-flow-head p{color:#4b5563;margin:0;font-size:15px}.cr-flow-diagram{align-items:center;gap:20px;margin-bottom:24px;display:flex}.cr-flow-source{background:linear-gradient(175deg,#eff6ff 0%,#eef2ff 100%);border:1px solid #bfdbfe;border-radius:12px;flex:none;align-items:center;gap:14px;width:290px;min-height:80px;padding:20px;display:flex}.cr-flow-source-icon{background:#2563eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cr-flow-source-title{color:#111827;margin:0 0 3px;font-size:15px;font-weight:700}.cr-flow-source-sub{color:#4b5563;margin:0;font-size:12px}.cr-flow-arrow{color:#9ca3af;flex-shrink:0}.cr-flow-channels{flex-direction:column;flex:1;gap:10px;display:flex}.cr-flow-channel{background:#fff;border-radius:8px;align-items:center;gap:14px;padding:14px 16px;display:flex}.cr-flow-channel--green{border:1px solid #bbf7d0}.cr-flow-channel--blue{border:1px solid #bfdbfe}.cr-flow-channel--purple{border:1px solid #e9d5ff}.cr-flow-ch-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cr-flow-ch-title{color:#111827;margin:0 0 2px;font-size:14px;font-weight:600}.cr-flow-ch-sub{color:#6b7280;margin:0;font-size:11px}.cr-routing-panel{background:linear-gradient(90deg,#eff6ff 0%,#faf5ff 100%);border:1px solid #bfdbfe;border-radius:8px;padding:20px 24px}.cr-routing-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.cr-routing-head strong{color:#111827;font-size:14px;font-weight:600}.cr-routing-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cr-routing-list li{color:#4b5563;align-items:center;gap:10px;font-size:13px;display:flex}.cr-form-head{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.cr-form-icon{background:#dbeafe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.cr-form-head h2{color:#111827;margin:0 0 6px;font-size:22px;font-weight:700}.cr-form-head p{color:#4b5563;margin:0;font-size:15px}.cr-field{flex-direction:column;gap:7px;margin-bottom:22px;display:flex}.cr-field:last-child{margin-bottom:0}.cr-label{color:#111827;font-size:13px;font-weight:600}.cr-input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;height:48px;padding:0 16px;font-family:Inter,sans-serif;font-size:15px}.cr-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.cr-input::placeholder{color:#9ca3af}.cr-textarea{color:#111827;resize:none;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px;line-height:1.5}.cr-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.cr-textarea::placeholder{color:#9ca3af}.cr-hint{color:#6b7280;margin:0;font-size:13px}.cr-type-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cr-radio{cursor:pointer;accent-color:#2563eb;width:13px;height:13px;margin:0;position:absolute;top:16px;left:14px}.cr-type-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:8px;padding:16px 16px 16px 36px;display:flex;position:relative}.cr-type-card--active{border-color:#2563eb;outline:1px solid #2563eb}.cr-type-row{align-items:center;gap:12px;display:flex}.cr-type-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cr-type-label{color:#111827;margin:0;font-size:15px;font-weight:600}.cr-type-desc{color:#4b5563;margin:0;font-size:13px;line-height:1.45}.cr-select-wrap{position:relative}.cr-select{color:#111827;appearance:none;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:44px;padding:0 36px 0 16px;font-family:Inter,sans-serif;font-size:15px}.cr-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.cr-select-chevron{color:#6b7280;pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.cr-status-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cr-status-option{cursor:pointer;align-items:center;gap:8px;display:flex}.cr-status-pill{cursor:pointer;border-radius:999px;align-items:center;gap:7px;height:31px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.cr-status-pill--draft{color:#1f2937;background:#f3f4f6}.cr-status-pill--active{color:#166534;background:#dcfce7}.cr-templates-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.cr-templates-head h3{color:#111827;margin:0 0 5px;font-size:19px;font-weight:700}.cr-templates-head p{color:#4b5563;margin:0;font-size:13px}.cr-view-all-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:0 0;border:0;flex-shrink:0;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.cr-templates-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cr-template-item{border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:10px;padding:16px;display:flex}.cr-template-top{align-items:center;gap:12px;display:flex}.cr-template-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cr-template-title{color:#111827;margin:0;font-size:15px;font-weight:600;line-height:1.3}.cr-template-desc{color:#4b5563;flex:1;margin:0;font-size:13px;line-height:1.45}.cr-template-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.cr-template-badge{border-radius:999px;align-items:center;height:23px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.cr-use-template-btn{color:#2563eb;cursor:pointer;background:0 0;border:0;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.cr-use-template-btn:hover{text-decoration:underline}.cr-page-content .automation-builder-footer-actions .automation-builder-back-btn{align-items:center;gap:6px;display:inline-flex}@media (width<=1100px){.cr-page-content{padding:20px 32px}.cr-step-line{width:60px}}@media (width<=900px){.cr-type-grid{grid-template-columns:1fr}.cr-templates-grid{grid-template-columns:1fr 1fr}.cr-flow-diagram{flex-direction:column;align-items:stretch}.cr-flow-source{width:100%}}@media (width<=640px){.cr-templates-grid{grid-template-columns:1fr}.cr-stepper-bar{gap:0;padding:0 16px}.cr-step-line{width:30px}.cr-page-content{padding:16px}}.omnichannel-layout{background:#f9fafb;grid-template-columns:245.75px 1fr;width:100%;min-height:100vh;font-family:Inter,sans-serif;display:grid}.omnichannel-main{flex-direction:column;min-width:0;display:flex}.omnichannel-layout .support-nav-item.active{color:#fff;background:#3b82f61a;border-left:3px solid #3b82f6;border-top-left-radius:0;border-bottom-left-radius:0}.omnichannel-layout .support-nav-item.active svg{color:#60a5fa}.omnichannel-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:74px;padding:12px 16px;display:flex}.omnichannel-header h1{color:#111827;margin:0;font-size:32px;font-weight:700;line-height:1}.omnichannel-breadcrumb{color:#6b7280;align-items:center;gap:7px;margin-top:6px;font-size:11px;font-weight:500;display:flex}.omnichannel-header-actions{align-items:center;gap:8px;display:flex}.omnichannel-bell{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:relative}.omnichannel-bell span{color:#fff;background:#ef4444;border-radius:999px;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-6px;right:-5px}.omnichannel-primary-btn{color:#fff;cursor:pointer;background:#3b82f6;border:0;border-radius:8px;height:32px;padding:0 12px;font-size:12px;font-weight:600}.omnichannel-content{background:#fff;flex:1;grid-template-columns:1fr 1.5fr 1fr;gap:0;min-height:0;display:grid}.omnichannel-conversations{border-right:1px solid #e5e7eb;flex-direction:column;min-height:0;display:flex}.conversation-search-section{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:8px;padding:15px 15px 12px;display:flex}.conversation-search{color:#9ca3af;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:7px;height:37px;padding:0 13px;display:flex}.conversation-search input{color:#111827;border:0;outline:0;width:100%;font-family:Inter,sans-serif;font-size:12px}.conversation-search input::placeholder{color:#9ca3af}.conversation-filters{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{color:#374151;cursor:pointer;background:#f3f4f6;border:0;border-radius:9999px;justify-content:center;align-items:center;min-height:27px;padding:0 12px;font-size:11.5px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.filter-pill:hover{background:#e5e7eb}.filter-pill.active{color:#fff;background:#3b82f6}.conversation-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.conversation-item{cursor:pointer;appearance:none;text-align:left;background:#fff;border:0;border-left:3px solid #0000;align-items:flex-start;gap:10px;height:100px;padding:15px 15px 0;transition:background .2s;display:flex}.conversation-item:hover{background:#f9fafb}.conversation-item.active{background:#eff6ff80;border-left-color:#3b82f6;border-right-color:#d1d5db}.conversation-avatar{color:#111827;background:#dbeafe;border-radius:999px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:21px;display:grid;position:relative}.conversation-avatar-initials{letter-spacing:-.03em;font-weight:400;transform:translateY(-1px)}.conversation-avatar-badge{background:#fff;border-radius:999px;place-items:center;width:19px;height:19px;display:grid;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 0 1px #fffffff2}.conversation-avatar-badge svg{width:9px;height:9px}.conversation-avatar-badge.whatsapp{color:#16a34a}.conversation-avatar-badge.email{color:#2563eb}.conversation-avatar-badge.messenger{color:#9333ea}.conversation-avatar-badge.chat{color:#2563eb}.conversation-content{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:4px;display:flex}.conversation-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.conversation-name{color:#111827;margin:0;font-size:13.5px;font-weight:600;line-height:1.2}.conversation-time{color:#9ca3af;flex-shrink:0;font-size:11.5px;line-height:1.2}.conversation-message{color:#4b5563;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12.5px;line-height:1.2;overflow:hidden}.conversation-meta{align-items:center;gap:8px;margin-top:2px;display:flex}.conversation-badge{border-radius:9999px;justify-content:center;align-items:center;min-height:20px;padding:0 10px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.conversation-badge.urgent{color:#b91c1c;background:#fee2e2}.conversation-badge.open{color:#1e40af;background:#dbeafe}.conversation-badge.pending{color:#92400e;background:#fef3c7}.conversation-badge.resolved{color:#166534;background:#dcfce7}.conversation-unread{background:#3b82f6;border-radius:999px;flex-shrink:0;width:7px;height:7px}.conversation-item.active .conversation-badge.urgent,.conversation-item.active .conversation-badge.open,.conversation-item.active .conversation-badge.pending,.conversation-item.active .conversation-badge.resolved{box-shadow:inset 0 0 0 1px #fff6}.omnichannel-chat{border-right:1px solid #e5e7eb;flex-direction:column;min-height:0;display:flex}.chat-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-header-info{align-items:center;gap:10px;display:flex}.chat-user-status{flex-direction:column;gap:2px;display:flex}.chat-user-name{color:#111827;margin:0;font-size:14px;font-weight:600}.chat-user-status-text{color:#6b7280;align-items:center;gap:4px;font-size:11px;display:flex}.status-dot{background:#10b981;border-radius:999px;width:6px;height:6px}.chat-customer-id{color:#9ca3af;margin:0;font-size:11px}.chat-header-actions{gap:8px;display:flex}.chat-action-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;place-items:center;width:28px;height:28px;transition:background .2s;display:grid}.chat-action-btn:hover{background:#f3f4f6}.chat-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.message-group{flex-direction:column;gap:4px;display:flex}.message-time{text-align:center;color:#9ca3af;background:#f3f4f6;border-radius:12px;width:fit-content;margin:0 auto;padding:4px 8px;font-size:10px}.message{align-items:flex-end;gap:8px;display:flex}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:12px;max-width:70%;padding:8px 12px;font-size:13px;line-height:1.4}.message.received .message-bubble{color:#111827;background:#fff;border:1px solid #e5e7eb}.message.sent .message-bubble{color:#fff;background:#3b82f6}.chat-input-section{border-top:1px solid #e5e7eb;align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.chat-input-actions{gap:4px;display:flex}.input-action-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:0;border-radius:6px;place-items:center;width:28px;height:28px;transition:background .2s;display:grid}.input-action-btn:hover{background:#e5e7eb}.chat-input-wrapper{flex:1;align-items:center;gap:6px;display:flex}.chat-input{color:#111827;border:1px solid #d1d5db;border-radius:8px;flex:1;height:32px;padding:0 10px;font-family:Inter,sans-serif;font-size:12px}.chat-input::placeholder{color:#9ca3af}.chat-send-btn{color:#fff;cursor:pointer;background:#3b82f6;border:0;border-radius:6px;place-items:center;width:28px;height:28px;transition:background .2s;display:grid}.chat-send-btn:hover{background:#2563eb}.omnichannel-customer{flex-direction:column;gap:16px;padding:16px;display:flex;overflow-y:auto}.customer-profile{border-bottom:1px solid #e5e7eb;flex-direction:column;align-items:center;gap:8px;padding-bottom:12px;display:flex}.customer-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:999px;place-items:center;width:60px;height:60px;font-size:28px;display:grid}.customer-name{color:#111827;text-align:center;margin:0;font-size:16px;font-weight:600}.customer-tags{gap:4px;display:flex}.tag{border-radius:12px;align-items:center;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.tag.active{color:#166534;background:#dcfce7}.tag.vip{color:#1e40af;background:#dbeafe}.customer-section-title{color:#111827;border-bottom:1px solid #e5e7eb;margin:0;padding-bottom:8px;font-size:12px;font-weight:600}.customer-info-item{color:#6b7280;align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.customer-info-label{color:#9ca3af;flex-shrink:0;width:60px}.customer-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.customer-stat{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px}.customer-stat-label{color:#9ca3af;margin:0;font-size:10px}.customer-stat-value{color:#111827;margin:4px 0 0;font-size:16px;font-weight:700}.recent-orders{flex-direction:column;gap:6px;display:flex}.order-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:8px;font-size:11px}.order-id{color:#111827;margin:0;font-weight:600}.order-product{color:#6b7280;margin:2px 0}.order-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.order-price{color:#111827;font-weight:600}.order-status{border-radius:3px;align-items:center;padding:2px 6px;font-size:9px;font-weight:600;display:inline-flex}.order-status.processing{color:#92400e;background:#fef3c7}.order-status.delivered{color:#166534;background:#dcfce7}.quick-actions-buttons{flex-direction:column;gap:6px;display:flex}.quick-action-primary{color:#fff;cursor:pointer;background:#3b82f6;border:0;border-radius:6px;width:100%;height:28px;font-size:11px;font-weight:600}.quick-action-secondary{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;height:28px;font-size:11px;font-weight:600}@media (width<=1024px){.omnichannel-content{grid-template-columns:1fr}}.ep-outer{background:#f9fafb;grid-template-columns:245.75px 1fr;height:100vh;font-family:Inter,sans-serif;display:grid;overflow:hidden}.ep-main{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.ep-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:120px;padding:0 32px;display:flex}.ep-header h1{color:#111827;margin:0 0 5px;font-size:29px;font-weight:700;line-height:1}.ep-header>div>p{color:#4b5563;margin:0;font-size:13px}.ep-header-right{align-items:center;gap:12px;display:flex}.ep-bell{cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:42px;display:grid;position:relative}.ep-bell span{color:#fff;background:#ef4444;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;font-weight:700;display:grid;position:absolute;top:0;right:-2px}.ep-sync-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;align-items:center;gap:7px;height:35px;padding:0 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.ep-body{flex:1;padding:30px 31px;overflow-y:auto}.ep-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.ep-notification{border-bottom:1px solid #e5e7eb;padding:23px 24px}.ep-notif-top{align-items:center;gap:16px;margin-bottom:16px;display:flex}.ep-notif-icon-wrap{background:#dcfce7;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.ep-notif-text{flex:1}.ep-notif-title{color:#111827;margin-bottom:5px;font-size:19px;font-weight:700;display:block}.ep-notif-sub{color:#4b5563;font-size:13px;display:block}.ep-notif-time{color:#6b7280;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.ep-notif-banner{border-radius:8px;align-items:center;gap:16px;padding:16px 20px;display:flex}.ep-notif-banner--green{background:#f0fdf4;border:1px solid #bbf7d0}.ep-banner-icon{border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.ep-banner-icon--green{opacity:.84;background:#22c55e}.ep-banner-title{margin:0 0 4px;font-size:15px;font-weight:600}.ep-banner-desc{margin:0;font-size:13px}.ep-content{grid-template-columns:1fr 1fr;gap:23px;padding:24px;display:grid}.ep-left{flex-direction:column;gap:16px;display:flex}.ep-right{min-width:0}.ep-info-panel,.ep-ai-panel,.ep-processing-panel{background:#f9fafb;border-radius:8px;padding:24px}.ep-ai-panel{background:#eff6ff}.ep-processing-panel{background:#faf5ff}.ep-info-panel h3,.ep-ai-panel h3,.ep-processing-panel h3{color:#111827;margin:0 0 18px;font-size:17px;font-weight:600}.ep-sender-row{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.ep-sender-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:46px;height:46px}.ep-sender-name{color:#111827;margin:0 0 4px;font-size:15px;font-weight:600}.ep-sender-email{color:#4b5563;margin:0 0 3px;font-size:13px}.ep-sender-meta{color:#6b7280;margin:0;font-size:11px}.ep-info-grid{border-top:1px solid #e5e7eb;flex-direction:column;gap:12px;padding-top:16px;display:flex}.ep-info-col{flex-direction:column;gap:3px;display:flex}.ep-info-label,.ep-msg-label{color:#6b7280;font-size:11px}.ep-info-val{color:#111827;font-size:13px;font-weight:500}.ep-pill{border-radius:999px;align-items:center;height:19px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.ep-pill--red{color:#991b1b;background:#fee2e2}.ep-pill--blue{color:#1e40af;background:#dbeafe}.ep-pill--yellow{color:#854d0e;background:#fef9c3}.ep-ai-row{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.ep-ai-row:last-child{margin-bottom:0}.ep-ai-label{color:#4b5563;font-size:13px}.ep-ai-val{color:#111827;font-size:13px;font-weight:500}.ep-ai-val--green{color:#16a34a}.ep-process-item{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.ep-process-item:last-child{margin-bottom:0}.ep-check-circle{background:#22c55e;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;display:grid}.ep-process-title{color:#111827;margin:0 0 3px;font-size:13px;font-weight:500}.ep-process-sub{color:#6b7280;margin:0;font-size:11px}.ep-message-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;height:100%;overflow:hidden}.ep-message-header{color:#111827;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:17px 23px;font-size:17px;font-weight:600}.ep-message-body{padding:20px 24px}.ep-msg-field{margin-bottom:4px}.ep-msg-value{color:#111827;margin-bottom:16px;font-size:13px;font-weight:500}.ep-msg-section{border-top:1px solid #e5e7eb;margin-top:4px;padding-top:16px}.ep-msg-text-box{background:#f9fafb;border-radius:8px;margin-top:12px;padding:16px;overflow:hidden}.ep-msg-text-box p{color:#374151;margin:0 0 10px;font-size:13px;line-height:1.5}.ep-msg-text-box p:last-child{margin-bottom:0}.ep-attachment{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.ep-attach-icon{flex-shrink:0;place-items:center;width:17px;height:17px;display:grid}.ep-attach-name{color:#111827;margin:0 0 3px;font-size:13px;font-weight:500}.ep-attach-meta{color:#6b7280;margin:0;font-size:11px}.ep-attach-download{cursor:pointer;flex-shrink:0;margin-left:auto}.ep-footer{border-top:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:12px;padding:20px 24px;display:flex}.ep-action-btn{cursor:pointer;border:0;border-radius:8px;align-items:center;gap:8px;height:44px;padding:0 22px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.ep-action-btn--blue{color:#fff;background:#2563eb}.ep-action-btn--green{color:#fff;background:#16a34a}.ep-action-btn--yellow{color:#fff;background:#ca8a04}.ep-action-btn--purple{color:#fff;background:#9333ea}.ep-action-btn--outline{color:#374151;background:#fff;border:1px solid #d1d5db}.ui-outer{background:#f9fafb;grid-template-columns:245.75px 1fr;min-height:100vh;font-family:Inter,sans-serif;display:grid}.ui-main{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.ui-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:120px;padding:0 32px;display:flex}.ui-header h1{color:#111827;margin:0 0 5px;font-size:29px;font-weight:700;line-height:1}.ui-header>div>p{color:#4b5563;margin:0;font-size:13px}.ui-header-right{align-items:center;gap:12px;display:flex}.ui-bell{cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:42px;display:grid;position:relative}.ui-bell span{color:#fff;background:#ef4444;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;font-weight:700;display:grid;position:absolute;top:0;right:-2px}.ui-new-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;align-items:center;gap:7px;height:35px;padding:0 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.ui-body{flex:1;min-height:0;display:flex;overflow:hidden}.ui-messages-panel{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:369px;display:flex;overflow:hidden}.ui-search-row{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:15px 15px 14px}.ui-search-box{background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:10px;height:41px;padding:0 12px;display:flex}.ui-search-box input{color:#111827;background:0 0;border:0;outline:0;flex:1;font-family:Inter,sans-serif;font-size:15px}.ui-search-box input::placeholder{color:#9ca3af}.ui-filter-tabs{border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:10px;padding:12px 15px;display:flex}.ui-filter-tab{color:#374151;cursor:pointer;background:#f3f4f6;border:0;border-radius:999px;align-items:center;gap:7px;height:35px;padding:0 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.ui-filter-tab--active{color:#fff;background:#2563eb}.ui-filter-tab em{background:#fff3;border-radius:999px;padding:2px 7px;font-size:13px;font-style:normal;font-weight:600}.ui-tab-gray{color:#374151;background:#e5e7eb;border-radius:999px;padding:2px 7px;font-size:13px;font-style:normal;font-weight:600}.ui-conv-list{flex:1;overflow-y:auto}.ui-conv-item{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e5e7eb;align-items:flex-start;gap:12px;width:100%;padding:15px;font-family:Inter,sans-serif;display:flex}.ui-conv-item--active{background:#eff6ff;border-left:3.5px solid #3b82f6}.ui-conv-avatar-wrap{flex-shrink:0;position:relative}.ui-conv-avatar{object-fit:cover;border-radius:50%;width:46px;height:46px}.ui-conv-dot{border:2px solid #fff;border-radius:50%;width:19px;height:19px;position:absolute;bottom:0;right:0}.ui-conv-content{flex:1;min-width:0}.ui-conv-top{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:5px;display:flex}.ui-conv-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.ui-conv-time{color:#6b7280;white-space:nowrap;flex-shrink:0;font-size:11px}.ui-conv-badges{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.ui-conv-subject{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:500;overflow:hidden}.ui-conv-preview{color:#4b5563;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:13px;overflow:hidden}.ui-badge{white-space:nowrap;border-radius:4px;align-items:center;height:19px;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}.ui-badge--agent{color:#1e40af;background:#dbeafe}.ui-conv-panel{background:#fff;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.ui-contact-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:flex-start;gap:16px;padding:23px 23px 20px;display:flex}.ui-contact-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:54px;height:54px}.ui-contact-info{flex:1;min-width:0}.ui-contact-top{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.ui-contact-name{color:#111827;font-size:19px;font-weight:700}.ui-contact-actions{cursor:pointer;align-items:center;gap:14px;display:flex}.ui-contact-email{color:#4b5563;margin:0 0 8px;font-size:13px}.ui-contact-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ui-contact-ticket{color:#6b7280;font-size:11px}.ui-thread{flex-direction:column;flex:1;gap:18px;padding:23px;display:flex;overflow-y:auto}.ui-msg-customer{background:#f9fafb;border-radius:8px;padding:23px}.ui-msg-agent{background:#eff6ff;border-left:3.5px solid #3b82f6;border-radius:8px;padding:23px}.ui-msg-sender-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.ui-msg-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:38px;height:38px}.ui-msg-sender-name{color:#111827;margin-right:4px;font-size:15px;font-weight:600}.ui-msg-time{color:#6b7280;margin-left:4px;font-size:11px}.ui-msg-via{color:#4b5563;margin-left:auto;font-size:13px}.ui-msg-subject{color:#111827;margin:0 0 14px;font-size:17px;font-weight:700}.ui-msg-body{color:#374151;margin:0 0 10px;font-size:15px;line-height:1.5}.ui-msg-body:last-of-type{margin-bottom:0}.ui-attachments{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.ui-attachment{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;min-width:160px;padding:10px 14px;display:flex}.ui-attachment div strong{color:#374151;font-size:13px;font-weight:400;display:block}.ui-attachment div span{color:#6b7280;font-size:11px}.ui-reply-area{background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;padding:20px 23px}.ui-reply-toolbar{align-items:center;gap:8px;margin-bottom:12px;display:flex}.ui-toolbar-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:7px;height:33px;padding:0 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;display:inline-flex}.ui-reply-input{color:#111827;resize:none;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;margin-bottom:14px;padding:14px 16px;font-family:Inter,sans-serif;font-size:15px;line-height:1.5}.ui-reply-input::placeholder{color:#9ca3af}.ui-reply-footer{justify-content:space-between;align-items:center;display:flex}.ui-set-status-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:33px;padding:0 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.ui-send-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;align-items:center;gap:7px;height:35px;padding:0 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;display:inline-flex}@media (width<=1100px){.ui-messages-panel{width:300px}}@media (width<=900px){.ui-body{flex-direction:column}.ui-messages-panel{border-bottom:1px solid #e5e7eb;border-right:0;width:100%;height:300px}}.all-channels-bg{background:#f9fafb;min-height:100vh;padding:0;font-family:Inter,sans-serif}.all-channels-header{background:0 0;justify-content:space-between;align-items:flex-start;height:104.83px;padding:30.71px 30.71px 0;display:flex}.all-channels-header-left{flex-direction:column;gap:8px;display:flex}.all-channels-title{color:#111827;font-size:27.65px;font-weight:700;line-height:1.2}.all-channels-subtitle{color:#6b7280;font-size:15.36px;font-weight:400}.all-channels-header-right{align-items:center;gap:23.04px;display:flex}.all-channels-notification-btn{color:#6366f1;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.all-channels-manage-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:7.68px;height:44px;padding:0 23.04px;font-size:15.36px;font-weight:600;box-shadow:0 2px 8px #2563eb14}.all-channels-cards-row{gap:24px;padding:23.04px 30.71px 0;display:flex}.all-channels-card{background:#fff;border:none;border-radius:7.68px;flex-direction:column;justify-content:center;width:275px;height:126px;padding:24px 24px 18px;display:flex;position:relative;box-shadow:0 1px 2px #10182808}.all-channels-card.blue{color:#fff;background:linear-gradient(90deg,#2563eb 0%,#60a5fa 100%)}.all-channels-card.green{color:#fff;background:linear-gradient(90deg,#22c55e 0%,#16a34a 100%)}.all-channels-card.purple{color:#fff;background:linear-gradient(90deg,#a78bfa 0%,#6366f1 100%)}.all-channels-card.orange{color:#fff;background:linear-gradient(90deg,#f59e42 0%,#f97316 100%)}.all-channels-card-title{margin-bottom:8px;font-size:15.36px;font-weight:500}.all-channels-card-value{margin-bottom:4px;font-size:30.71px;font-weight:700}.all-channels-card-desc{opacity:.9;font-size:13.44px;font-weight:400}.all-channels-content{gap:24px;padding:23.04px 30.71px 30.71px;display:flex}.all-channels-left{width:65%}.all-channels-right{flex-direction:column;gap:24px;width:35%;display:flex}.all-channels-activity-card{background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;padding:24px;box-shadow:0 1px 2px #10182808}.all-channels-activity-header{justify-content:space-between;align-items:center;margin-bottom:18px;font-size:17px;font-weight:600;display:flex}.all-channels-activity-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:7.68px;padding:4px 16px;font-size:13.44px;font-weight:500}.all-channels-activity-list{flex-direction:column;gap:16px;display:flex}.all-channels-activity-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:7.68px;align-items:flex-start;gap:16px;padding:16px;display:flex}.all-channels-activity-row.high{border-left:5px solid #ef4444}.all-channels-activity-row.active{border-left:5px solid #22c55e}.all-channels-activity-row.social{border-left:5px solid #6366f1}.all-channels-activity-row.support{border-left:5px solid #2563eb}.all-channels-activity-row.resolved{border-left:5px solid #22d3ee}.activity-main{flex:1}.activity-title{color:#111827;margin-bottom:2px;font-size:15.36px;font-weight:600}.activity-badge{vertical-align:middle;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.activity-badge.urgent{color:#b91c1c;background:#fee2e2}.activity-badge.ongoing{color:#166534;background:#dcfce7}.activity-badge.engage{color:#3730a3;background:#e0e7ff}.activity-badge.ticket{color:#1e40af;background:#dbeafe}.activity-badge.archive{color:#065f46;background:#d1fae5}.activity-desc{color:#6b7280;margin-bottom:8px;font-size:13.44px}.activity-footer{justify-content:space-between;align-items:center;display:flex}.activity-meta{color:#9ca3af;font-size:12px}.activity-action{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7.68px;padding:4px 16px;font-size:13.44px;font-weight:500}.all-channels-quick-actions{gap:12px;margin-bottom:0;display:flex}.quick-action-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;height:70px;font-size:14px;font-weight:500;display:flex}.quick-action-card.blue{color:#2563eb}.quick-action-card.green{color:#22c55e}.quick-action-card.purple{color:#6366f1}.quick-action-card.orange{color:#f59e42}.all-channels-status-card{background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;margin-top:0;padding:18px 24px}.status-title{color:#111827;margin-bottom:12px;font-size:15.36px;font-weight:600}.status-list{flex-direction:column;gap:8px;display:flex}.status-row{color:#374151;align-items:center;gap:8px;font-size:13.44px;display:flex}.status-dot{background:#d1d5db;border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.live{background:#22c55e}.all-channels-team-card{background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;margin-top:0;padding:18px 24px}.team-title{color:#111827;margin-bottom:12px;font-size:15.36px;font-weight:600}.team-list{flex-direction:column;gap:12px;display:flex}.team-row{align-items:center;gap:12px;display:flex}.team-avatar{background:#e5e7eb;border-radius:50%;width:32px;height:32px;display:inline-block}.team-info{flex:1}.team-name{color:#111827;font-size:13.44px;font-weight:600}.team-role{color:#6b7280;font-size:12px}.team-status{border-radius:50%;width:10px;height:10px;display:inline-block}.team-status.good{background:#22c55e}.team-status.avg{background:#f59e42}.team-status.poor{background:#ef4444}.icon-bell,.icon-alert,.icon-clock,.icon-hashtag,.icon-ticket,.icon-check,.icon-message,.icon-broadcast,.icon-analytics,.icon-settings{background:#e5e7eb;border-radius:50%;width:20px;height:20px;display:inline-block}.tl-shell{background:#f9fafb;min-height:100vh;font-family:Inter,sans-serif;display:flex}.tl-sidebar{background:#1e293b;flex:0 0 245.75px;width:245.75px;min-height:100vh}.tl-main{flex-direction:column;flex:1;min-width:0;padding:0;display:flex}.tl-header{background:0 0;justify-content:space-between;align-items:flex-start;min-height:88px;padding:28px 30.71px 0;display:flex}.tl-header-left{flex-direction:column;gap:6px;display:flex}.tl-title{color:#111827;margin:0;font-size:28.8px;font-weight:700;line-height:1.2}.tl-subtitle{color:#4b5563;margin:0;font-size:13.44px;font-weight:400}.tl-header-right{align-items:center;gap:16px;display:flex}.tl-notif-wrap{position:relative}.tl-notif-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tl-notif-badge{color:#fff;background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.tl-new-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:7.68px;height:40px;padding:0 20px;font-family:Inter,sans-serif;font-size:13.44px;font-weight:600}.tl-cards-row{gap:20px;padding:20px 30.71px 0;display:flex}.tl-stat-card{border-radius:7.68px;flex:1;justify-content:space-between;align-items:center;height:110px;padding:20px;display:flex;position:relative;overflow:hidden}.tl-stat-card.blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.tl-stat-card.green{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.tl-stat-card.yellow{background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%)}.tl-stat-card.purple{background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%)}.tl-stat-inner{flex-direction:column;gap:3px;display:flex}.tl-stat-label{color:#ffffffe0;font-size:13.44px;font-weight:500}.tl-stat-value{color:#fff;font-size:30px;font-weight:700;line-height:1.1}.tl-stat-sub{color:#ffffffc2;font-size:12px}.tl-stat-icon-box{background:#ffffff2e;border-radius:7.68px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tl-content{flex:1;align-items:flex-start;gap:20px;padding:20px 30.71px 30.71px;display:flex}.tl-flow-card{background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;flex:1;min-width:0;padding:20px;box-shadow:0 1px 3px #1018280d}.tl-flow-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.tl-flow-title{color:#111827;font-size:16px;font-weight:600}.tl-flow-header-right{align-items:center;gap:8px;display:flex}.tl-priority-select select{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:7.68px;outline:none;padding:5px 10px;font-family:Inter,sans-serif;font-size:12.5px}.tl-filter-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:7.68px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tl-kanban{align-items:flex-start;gap:12px;display:flex}.tl-col{border-radius:7.68px;flex:1;min-width:0;padding:12px}.col-new{background:#eff6ff;border:1px solid #bfdbfe}.col-inprogress{background:#fefce8;border:1px solid #fef08a}.col-pending{background:#fff7ed;border:1px solid #fed7aa}.col-resolved{background:#f0fdf4;border:1px solid #bbf7d0}.tl-col-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tl-col-title{color:#111827;font-size:13.44px;font-weight:600}.tl-col-badge{border-radius:9999px;padding:1px 8px;font-size:11px;font-weight:700}.new-badge{color:#1d4ed8;background:#dbeafe}.inprogress-badge{color:#a16207;background:#fef9c3}.pending-badge{color:#c2410c;background:#fed7aa}.resolved-badge{color:#15803d;background:#bbf7d0}.tl-ticket-card{background:#fff;border-radius:7.68px;margin-bottom:8px;padding:10px 12px;box-shadow:0 1px 2px #1018280a}.card-new{border:1px solid #bfdbfe}.card-inprogress{border:1px solid #fef08a}.card-pending{border:1px solid #fed7aa}.card-resolved{border:1px solid #bbf7d0}.tl-ticket-top{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.tl-ticket-id{color:#6b7280;font-size:11px;font-weight:500}.tl-priority-badge{border-radius:4px;padding:1px 7px;font-size:10.5px;font-weight:600}.tl-status-badge.closed{color:#065f46;background:#d1fae5;border-radius:4px;padding:1px 7px;font-size:10.5px;font-weight:600}.tl-ticket-title{color:#111827;margin-bottom:7px;font-size:12.5px;font-weight:500;line-height:1.4}.tl-ticket-footer{justify-content:space-between;align-items:center;display:flex}.tl-ticket-customer{color:#6b7280;font-size:11px}.tl-ticket-time{color:#9ca3af;font-size:10.5px}.tl-right{flex-direction:column;flex-shrink:0;gap:16px;width:260px;display:flex}.tl-widget-card{background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;padding:16px 18px;box-shadow:0 1px 3px #1018280d}.tl-widget-title{color:#111827;margin-bottom:13px;font-size:14px;font-weight:600}.tl-priority-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.tl-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.tl-dot.red{background:#ef4444}.tl-dot.yellow{background:#eab308}.tl-dot.green{background:#22c55e}.tl-priority-label{color:#374151;flex:1;font-size:12.5px}.tl-priority-num{color:#111827;font-size:12.5px;font-weight:600}.tl-priority-bar-bg{background:#f3f4f6;border-radius:9999px;height:5px;margin-bottom:10px;overflow:hidden}.tl-priority-bar{border-radius:9999px;height:5px}.tl-activity-list{flex-direction:column;gap:10px;display:flex}.tl-activity-row{align-items:flex-start;gap:8px;display:flex}.tl-activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.tl-activity-dot.green{background:#22c55e}.tl-activity-dot.blue{background:#3b82f6}.tl-activity-dot.red{background:#ef4444}.tl-activity-dot.yellow{background:#eab308}.tl-activity-text{flex-direction:column;gap:1px;display:flex}.tl-activity-bold{color:#111827;font-size:12px;font-weight:500}.tl-activity-meta{color:#9ca3af;font-size:11px}.tl-sla-row{align-items:center;gap:8px;margin-bottom:9px;display:flex}.tl-sla-label{color:#374151;flex-shrink:0;width:58px;font-size:12.5px}.tl-sla-bar-bg{background:#f3f4f6;border-radius:9999px;flex:1;height:5px;overflow:hidden}.tl-sla-bar{border-radius:9999px;height:5px}.tl-sla-pct{color:#111827;text-align:right;flex-shrink:0;width:34px;font-size:12px;font-weight:600}.se-shell{background:#f9fafb;min-height:100vh;font-family:Inter,sans-serif;display:flex}.se-sidebar{background:#1e293b;flex:0 0 245.75px;width:245.75px;min-height:100vh}.se-main{flex-direction:column;flex:1;min-width:0;padding:0;display:flex;overflow-y:auto}.se-header{justify-content:space-between;align-items:flex-start;padding:26px 28px 0;display:flex}.se-header-left{flex-direction:column;gap:5px;display:flex}.se-title{color:#111827;margin:0;font-size:27px;font-weight:700;line-height:1.2}.se-subtitle{color:#4b5563;margin:0;font-size:13px;font-weight:400}.se-header-right{align-items:center;gap:14px;display:flex}.se-notif-wrap{position:relative}.se-notif-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.se-notif-badge{color:#fff;background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;width:15px;height:15px;font-size:9.5px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.se-create-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#9333ea;border:none;border-radius:7.68px;align-items:center;height:38px;padding:0 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;display:flex}.se-cards-row{gap:18px;padding:18px 28px 0;display:flex}.se-stat-card{border-radius:7.68px;flex:1;justify-content:space-between;align-items:center;height:104px;padding:18px;display:flex;overflow:hidden}.se-card-purple{background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%)}.se-card-blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.se-card-green{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.se-card-red{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.se-stat-inner{flex-direction:column;gap:2px;display:flex}.se-stat-label{color:#ffffffe0;font-size:12.8px;font-weight:500}.se-stat-value{color:#fff;font-size:29px;font-weight:700;line-height:1.1}.se-stat-sub{color:#ffffffc2;font-size:11.5px}.se-stat-icon-box{background:#ffffff2e;border-radius:7.68px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.se-section-card{background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;margin:18px 28px 0;padding:18px 20px;box-shadow:0 1px 3px #1018280d}.se-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.se-section-title{color:#111827;font-size:15px;font-weight:600}.se-chart-title{margin-bottom:12px}.se-section-links{gap:12px;display:flex}.se-link{font-size:12.5px;font-weight:500;text-decoration:none}.se-link-purple{color:#9333ea}.se-link-gray{color:#6b7280}.se-flow-row{gap:14px;display:flex}.se-flow-card{border-radius:7.68px;flex:1;padding:14px}.se-flow-purple{background:linear-gradient(135deg,#a855f71a 0%,#9333ea0f 100%);border:1px solid #a855f740}.se-flow-blue{background:linear-gradient(135deg,#3b82f61a 0%,#2563eb0f 100%);border:1px solid #3b82f640}.se-flow-green{background:linear-gradient(135deg,#22c55e1a 0%,#16a34a0f 100%);border:1px solid #22c55e40}.se-flow-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.se-flow-icon-box{border-radius:7.68px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.se-fib-purple{background:#a855f7}.se-fib-blue{background:#3b82f6}.se-fib-green{background:#22c55e}.se-phase-badge{border-radius:9999px;padding:2px 9px;font-size:10.5px;font-weight:600}.se-phase-purple{color:#9333ea;background:#a855f726}.se-phase-blue{color:#2563eb;background:#3b82f626}.se-phase-green{color:#16a34a;background:#22c55e26}.se-flow-card-title{color:#111827;margin-bottom:3px;font-size:13.5px;font-weight:600}.se-flow-card-sub{color:#6b7280;margin-bottom:10px;font-size:11.5px}.se-flow-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.se-flow-list li{color:#374151;padding-left:12px;font-size:11.5px;position:relative}.se-flow-list li:before{content:"•";color:#9ca3af;position:absolute;left:0}.se-pipeline-card{padding:18px 20px}.se-pipeline-row{align-items:center;gap:10px;display:flex}.se-pipeline-block{flex:1}.se-pipeline-block-header{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.se-pip-icon-box{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.se-pip-purple{background:#a855f71f}.se-pip-blue{background:#3b82f61f}.se-pip-green{background:#22c55e1f}.se-pip-label{color:#374151;font-size:12.5px;font-weight:500}.se-pip-pct{font-size:13px;font-weight:700}.se-pip-pct-purple{color:#9333ea}.se-pip-pct-blue{color:#2563eb}.se-pip-pct-green{color:#16a34a}.se-pip-bar-bg{background:#f3f4f6;border-radius:9999px;height:6px;margin-bottom:5px;overflow:hidden}.se-pip-bar{border-radius:9999px;height:6px}.se-pip-bar-purple{background:linear-gradient(90deg,#a855f7,#9333ea)}.se-pip-bar-blue{background:linear-gradient(90deg,#3b82f6,#2563eb)}.se-pip-bar-green{background:linear-gradient(90deg,#22c55e,#16a34a)}.se-pip-sublabel{color:#9ca3af;font-size:11px}.se-pipeline-arrow{color:#d1d5db;flex-shrink:0;padding:0 4px;font-size:18px}.se-charts-row{gap:18px;margin:18px 28px 0;display:flex}.se-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;padding:18px;box-shadow:0 1px 3px #1018280d}.se-pie-card{flex-shrink:0;width:290px}.se-line-card{flex:1;min-width:0}.se-pie-wrap{justify-content:center;display:flex}.se-pie-legend{flex-direction:column;gap:6px;margin-top:10px;display:flex}.se-legend-row{align-items:center;gap:7px;display:flex}.se-legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.se-legend-label{color:#374151;flex:1;font-size:11.5px}.se-legend-val{color:#111827;font-size:11.5px;font-weight:600}.se-bottom-row{gap:18px;margin:18px 28px 28px;display:flex}.se-stream-card{background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;flex:1;min-width:0;padding:18px;box-shadow:0 1px 3px #1018280d}.se-stream-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.se-live-badge{color:#16a34a;background:#dcfce7;border-radius:9999px;padding:2px 10px;font-size:11.5px;font-weight:700}.se-stream-list{flex-direction:column;gap:10px;display:flex}.se-event-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:7.68px;align-items:flex-start;gap:10px;padding:11px 13px;display:flex}.se-event-icon-box{border-radius:7.68px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.se-event-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.se-event-row1{justify-content:space-between;align-items:center;display:flex}.se-event-title{color:#111827;font-size:13px;font-weight:600}.se-event-time{color:#9ca3af;font-size:11px}.se-event-row2{justify-content:space-between;align-items:center;display:flex}.se-event-id{color:#6b7280;font-size:11.5px}.se-priority-badge{border-radius:4px;padding:1px 7px;font-size:10.5px;font-weight:600}.se-event-detail{color:#6b7280;font-size:11.5px}.se-event-status{color:#9ca3af;font-size:11px}.se-filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;flex-direction:column;flex-shrink:0;width:240px;padding:18px;display:flex;box-shadow:0 1px 3px #1018280d}.se-filter-label{color:#374151;margin-bottom:5px;font-size:12px;font-weight:500}.se-filter-select{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:7.68px;outline:none;width:100%;margin-bottom:12px;padding:7px 10px;font-family:Inter,sans-serif;font-size:12.5px}.se-apply-btn{color:#fff;cursor:pointer;background:#9333ea;border:none;border-radius:7.68px;width:100%;margin-bottom:8px;padding:9px 0;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.se-reset-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:7.68px;width:100%;padding:9px 0;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.nc-shell{background:#f9fafb;min-height:100vh;font-family:Inter,sans-serif;display:flex}.nc-sidebar{background:#1e293b;flex:0 0 245.75px;width:245.75px;min-height:100vh}.nc-main{flex-direction:column;flex:1;min-width:0;padding:0;display:flex}.nc-header{justify-content:space-between;align-items:flex-start;padding:24px 28px 0;display:flex}.nc-title{color:#111827;margin:0;font-size:28px;font-weight:700;line-height:1.2}.nc-subtitle{color:#6b7280;margin:4px 0 0;font-size:12px;font-weight:400}.nc-header-right{align-items:center;gap:12px;display:flex}.nc-bell-wrap{position:relative}.nc-bell-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.nc-bell-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.nc-new-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7.68px;align-items:center;gap:6px;height:34px;padding:0 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;display:flex}.nc-cards-row{gap:8px;padding:14px 28px 0;display:flex}.nc-stat-card{border-radius:7.68px;flex:1;justify-content:space-between;align-items:center;min-width:0;height:68px;padding:10px;display:flex}.nc-card-blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.nc-card-green{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.nc-card-yellow{background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%)}.nc-card-red{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.nc-stat-label{color:#ffffffe6;margin:0;font-size:9px;font-weight:500}.nc-stat-value{color:#fff;margin:2px 0 0;font-size:24px;font-weight:700;line-height:1}.nc-stat-sub{color:#ffffffd1;margin:2px 0 0;font-size:8px;font-weight:500}.nc-stat-icon{color:#fff;background:#ffffff2e;border-radius:7.68px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.nc-panel{background:#fff;border:1px solid #e5e7eb;border-radius:7.68px}.nc-flow-panel{margin:10px 28px 0;padding:10px 12px 12px}.nc-panel-head{justify-content:space-between;align-items:center;display:flex}.nc-panel-title{color:#111827;margin:0;font-size:11px;font-weight:700}.nc-panel-sub{color:#6b7280;margin:2px 0 0;font-size:8px}.nc-panel-tags{align-items:center;gap:10px;display:flex}.nc-tag{font-size:8px;font-weight:600}.nc-tag-blue{color:#3b82f6}.nc-tag-green{color:#22c55e}.nc-flow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.nc-flow-card{border:1px solid #0000;border-radius:7.68px;padding:8px}.flow-purple{background:linear-gradient(135deg,#a855f71a 0%,#9333ea0d 100%);border-color:#a855f738}.flow-blue{background:linear-gradient(135deg,#3b82f61a 0%,#2563eb0d 100%);border-color:#3b82f638}.flow-green{background:linear-gradient(135deg,#22c55e1a 0%,#16a34a0d 100%);border-color:#22c55e38}.flow-orange{background:linear-gradient(135deg,#f973161a 0%,#ea580c0d 100%);border-color:#f9731638}.nc-flow-top{justify-content:flex-start;margin-bottom:6px;display:flex}.nc-step-badge{border-radius:999px;padding:2px 7px;font-size:8px;font-weight:700}.step-purple{color:#9333ea;background:#a855f729}.step-blue{color:#2563eb;background:#3b82f629}.step-green{color:#16a34a;background:#22c55e29}.step-orange{color:#c2410c;background:#f9731629}.nc-flow-title-row{align-items:center;gap:6px;display:flex}.nc-flow-title-row h3{color:#111827;margin:0;font-size:9px;font-weight:700}.nc-flow-icon{color:#fff;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.fib-purple{background:#a855f7}.fib-blue{background:#3b82f6}.fib-green{background:#22c55e}.fib-orange{background:#f97316}.nc-flow-card p{color:#6b7280;margin:4px 0 0;font-size:8px}.nc-flow-card ul{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.nc-flow-card li{color:#4b5563;margin:0;padding-left:9px;font-size:8px;position:relative}.nc-flow-card li:before{content:"•";color:#9ca3af;position:absolute;top:0;left:0}.nc-charts-row{grid-template-columns:260px minmax(0,1fr);gap:10px;margin:10px 28px 0;display:grid}.nc-chart-panel{padding:10px}.nc-pie-wrap{margin-top:6px}.nc-legend{gap:3px;margin-top:4px;display:grid}.nc-legend-row{color:#6b7280;grid-template-columns:8px 1fr auto;align-items:center;gap:6px;font-size:8px;display:grid}.nc-legend-row strong{color:#111827;font-size:8px}.nc-dot{border-radius:50%;width:6px;height:6px}.nc-tooltip{color:#fff;background:#1f2937;border:1px solid #374151;border-radius:6px;padding:4px 8px;font-size:11px}.nc-bottom-row{grid-template-columns:minmax(0,1fr) 240px;gap:10px;margin:10px 28px 22px;display:grid}.nc-recent-panel{padding:10px}.nc-live-updates{color:#3b82f6;font-size:8px;font-weight:600}.nc-recent-list{gap:8px;margin-top:8px;display:grid}.nc-recent-card{border:1px solid #e5e7eb;border-left-width:3px;border-radius:7.68px;grid-template-columns:22px 1fr;gap:8px;padding:8px;display:grid}.nc-recent-card.tone-blue{background:#eff6ff;border-left-color:#3b82f6}.nc-recent-card.tone-green{background:#f0fdf4;border-left-color:#22c55e}.nc-recent-card.tone-yellow{background:#fefce8;border-left-color:#eab308}.nc-recent-card.tone-purple{background:#faf5ff;border-left-color:#a855f7}.nc-recent-card.tone-red{background:#fef2f2;border-left-color:#ef4444}.nc-recent-icon{color:#2563eb;background:#3b82f624;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.nc-recent-content{min-width:0}.nc-recent-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.nc-recent-top h4{color:#111827;margin:0;font-size:10px;font-weight:700}.nc-recent-top span{color:#9ca3af;white-space:nowrap;font-size:8px}.nc-recent-content p{color:#4b5563;margin:2px 0 0;font-size:8px}.nc-settings-panel{padding:10px}.nc-setting-group{margin-top:10px}.nc-label{color:#6b7280;margin:0 0 6px;font-size:9px;font-weight:700}.nc-setting-group label{color:#4b5563;align-items:center;gap:6px;margin-bottom:5px;font-size:8px;display:flex}.nc-setting-group input[type=checkbox]{accent-color:#2563eb;width:9px;height:9px;margin:0}.nc-priority-row{color:#374151;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:4px 6px;font-size:8px;display:flex}.pill{border-radius:999px;padding:1px 6px;font-size:7px;font-weight:700}.pill.red{color:#b91c1c;background:#fee2e2}.pill.yellow{color:#a16207;background:#fef9c3}.pill.blue{color:#1d4ed8;background:#dbeafe}.nc-time-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.nc-time-row span{color:#6b7280;font-size:8px}.nc-time-row input{color:#374151;border:1px solid #e5e7eb;border-radius:6px;width:100%;height:20px;padding:0 4px;font-family:Inter,sans-serif;font-size:8px}.nc-checkbox-row{color:#4b5563;align-items:center;gap:6px;margin-top:10px;font-size:8px;display:flex}.nc-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7.68px;width:100%;height:24px;margin-top:10px;font-family:Inter,sans-serif;font-size:9px;font-weight:700}.reports-shell,.reports-content-shell{background:#f5f7fb}.reports-header{height:57px}.reports-header h1{font-size:22px;font-weight:700;line-height:1.15}.reports-breadcrumb{margin-top:2px;font-size:10px}.reports-header-actions{align-items:center;gap:8px;display:flex}.reports-notification-button{color:#4b5563;cursor:pointer;background:#fff;border:.96px solid #e5e7eb;border-radius:7.68px;place-items:center;width:31px;height:30px;display:grid;position:relative}.reports-notification-button span{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;place-items:center;min-width:14px;height:14px;font-size:8px;display:grid;position:absolute;top:-5px;right:-5px}.reports-export-button{color:#fff;cursor:pointer;background:#3b82f6;border:0;border-radius:7.68px;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex}.reports-page-content{gap:10px;padding:12px;display:grid}.reports-filter-card,.reports-panel,.reports-stat-card{background:#fff;border:.96px solid #e5e7eb;border-radius:11.52px;box-shadow:0 .96px 1.92px #0f172a0a}.reports-filter-card{padding:10px}.reports-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:8px;display:grid}.reports-filter-field{gap:4px;display:grid}.reports-filter-field span{color:#6b7280;font-size:9px;font-weight:600}.reports-filter-control{color:#111827;cursor:pointer;background:#fff;border:.96px solid #d1d5db;border-radius:7.68px;justify-content:space-between;align-items:center;gap:10px;height:30px;padding:0 10px;font-size:10px;display:inline-flex}.reports-filter-control strong{font:inherit;font-weight:500}.reports-filter-control i{color:#6b7280;font-style:normal}.reports-filter-apply{color:#fff;cursor:pointer;background:#3b82f6;border:0;border-radius:7.68px;height:30px;padding:0 12px;font-size:10px;font-weight:600}.reports-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.reports-stat-card{padding:10px}.reports-stat-top{justify-content:space-between;align-items:center;display:flex}.reports-stat-icon{border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.reports-stat-badge{border-radius:999px;align-items:center;min-height:16px;padding:0 7px;font-size:8px;font-weight:700;display:inline-flex}.reports-stat-badge.green{color:#166534;background:#dcfce7}.reports-stat-badge.red{color:#991b1b;background:#fee2e2}.reports-stat-value{color:#111827;margin:10px 0 0;font-size:24px;font-weight:700;line-height:1.1}.reports-stat-title{color:#6b7280;margin:3px 0 0;font-size:11px;font-weight:600}.reports-top-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:10px;display:grid}.reports-panel{padding:10px}.reports-panel-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.reports-panel-header h2{color:#111827;margin:0;font-size:11px;font-weight:700}.reports-tabs{gap:4px;display:inline-flex}.reports-tab,.reports-mini-tab{color:#6b7280;background:0 0;border:0;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:600}.reports-tab.active,.reports-mini-tab.active{color:#fff;background:#3b82f6}.reports-chart-wrap{background:#fff;border:.96px solid #e5e7eb;border-radius:7.68px;margin-top:10px}.reports-line-chart-wrap{height:220px;padding:8px 8px 2px}.reports-pie-layout{grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:10px;margin-top:10px;display:grid}.reports-pie-wrap{height:220px}.reports-pie-legend{align-content:center;gap:7px;display:grid}.reports-pie-legend-row{align-items:center;gap:5px;display:flex}.reports-pie-legend-row span{border-radius:50%;flex:none;width:7px;height:7px}.reports-pie-legend-row p{color:#4b5563;margin:0;font-size:9px}.reports-lower-grid{grid-template-columns:1fr 1fr 220px;gap:10px;display:grid}.reports-bar-panel{min-height:190px}.reports-bar-chart{background:#fff;border:.96px solid #e5e7eb;border-radius:7.68px;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:8px;height:150px;margin-top:12px;padding:14px 12px 12px;display:grid}.reports-bar-chart span{border-radius:6px 6px 0 0}.reports-agents-panel{min-height:190px}.reports-agents-list{gap:7px;margin-top:10px;display:grid}.reports-agent-row{background:#fff;border:.96px solid #e5e7eb;border-radius:7.68px;grid-template-columns:18px 26px 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.reports-agent-row img{object-fit:cover;border-radius:999px;width:26px;height:26px}.reports-agent-rank{color:#fff;border-radius:999px;place-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:grid}.rank-1{background:#3b82f6}.rank-2{background:#10b981}.rank-3{background:#8b5cf6}.rank-4{background:#f59e0b}.rank-5{background:#ef4444}.reports-agent-copy{min-width:0}.reports-agent-copy strong{color:#111827;font-size:10px;display:block}.reports-agent-copy span{color:#6b7280;margin-top:2px;font-size:8px;display:block}.reports-agent-row em{color:#16a34a;font-size:9px;font-style:normal;font-weight:700}.reports-table-panel{padding:10px}.reports-table-header{margin-bottom:8px}.reports-table-search{align-items:center;gap:6px;display:inline-flex}.reports-table-search input{border:.96px solid #d1d5db;border-radius:7.68px;width:144px;height:26px;padding:0 9px;font-size:10px}.reports-table-search button{color:#6b7280;background:#fff;border:.96px solid #d1d5db;border-radius:7.68px;width:26px;height:26px}.reports-table-wrap{border:.96px solid #e5e7eb;border-radius:7.68px;overflow:auto}.reports-table{border-collapse:collapse;background:#fff;width:100%}.reports-table th,.reports-table td{text-align:left;white-space:nowrap;border-bottom:.96px solid #eef2f7;padding:8px 10px;font-size:10px}.reports-table th{color:#6b7280;background:#f9fafb;font-size:9px;font-weight:700}.reports-table td{color:#111827}.reports-status-pill{border-radius:999px;align-items:center;padding:2px 7px;font-size:8px;font-weight:700;display:inline-flex}.reports-status-pill.open{color:#1d4ed8;background:#dbeafe}.reports-status-pill.pending{color:#b45309;background:#fef3c7}.reports-status-pill.resolved{color:#166534;background:#dcfce7}@media (width<=1200px){.reports-stats-grid,.reports-top-grid,.reports-lower-grid,.reports-filter-grid{grid-template-columns:1fr 1fr}.reports-lower-grid{grid-template-columns:1fr}.reports-filter-apply{grid-column:1/-1;width:100%}}@media (width<=720px){.reports-stats-grid,.reports-top-grid,.reports-lower-grid,.reports-filter-grid,.reports-pie-layout{grid-template-columns:1fr}.reports-header{flex-direction:column;align-items:flex-start;height:auto}}.settings-content-shell{background:#f9fafb;overflow-y:auto}.settings-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;min-height:72px;padding:0 28px;display:flex}.settings-breadcrumb{color:#4b5563;align-items:center;gap:6px;margin-top:3px;font-size:13px;display:flex}.settings-bc-link{color:#2563eb;cursor:pointer}.settings-bc-sep{color:#9ca3af;font-size:11px}.settings-header h1{color:#111827;font-size:22px;font-weight:700;line-height:1.15}.settings-breadcrumb{margin-top:2px;font-size:10px}.settings-header-actions{align-items:center;gap:8px;display:flex}.settings-notification-button{color:#4b5563;cursor:pointer;background:#fff;border:.96px solid #e5e7eb;border-radius:7.68px;place-items:center;width:31px;height:30px;display:grid;position:relative}.settings-notification-button span{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;place-items:center;min-width:14px;height:14px;font-size:8px;display:grid;position:absolute;top:-5px;right:-5px}.settings-save-button{color:#fff;cursor:pointer;background:#3b82f6;border:0;border-radius:7.68px;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex}.settings-page-content{grid-template-columns:255px minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.settings-nav-card,.settings-panel{background:#fff;border:.96px solid #e5e7eb;border-radius:12px;box-shadow:0 .96px 1.92px #0f172a0a}.settings-nav-card{padding:10px}.settings-nav-title{color:#111827;margin-bottom:8px;font-size:10px;font-weight:700}.settings-nav-list{gap:4px;display:grid}.settings-nav-item{text-align:left;color:#374151;cursor:pointer;background:0 0;border:0;border-radius:7.68px;grid-template-columns:8px 1fr;align-items:center;gap:8px;height:31px;padding:0 10px;font-size:10px;font-weight:600;display:grid}.settings-nav-item.active{color:#2563eb;background:#eff6ff}.settings-nav-dot{background:0 0;border-radius:999px;width:6px;height:6px}.settings-nav-item.active .settings-nav-dot{background:#2563eb}.settings-main-column{gap:10px;display:grid}.settings-panel{padding:12px}.settings-panel-header{grid-template-columns:28px 1fr;align-items:start;gap:8px;display:grid}.settings-panel-header h2{color:#111827;margin:0;font-size:11px;font-weight:700}.settings-panel-header p{color:#6b7280;margin:2px 0 0;font-size:9px}.settings-panel-icon{border-radius:7.68px;place-items:center;width:28px;height:28px;display:grid}.settings-panel-icon.blue{color:#2563eb;background:#dbeafe}.settings-panel-icon.green{color:#16a34a;background:#dcfce7}.settings-panel-icon.purple{color:#9333ea;background:#f3e8ff}.settings-panel-icon.orange{color:#f97316;background:#ffedd5}.settings-appearance-mark,.settings-localization-mark{background:currentColor;border-radius:999px;width:12px;height:12px}.settings-form-grid{gap:10px;margin-top:12px;display:grid}.settings-form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-form-grid.narrow-gap{gap:8px}.settings-field{gap:5px;display:grid}.settings-field span{color:#374151;font-size:9px;font-weight:600}.settings-field input{color:#111827;background:#fff;border:.96px solid #d1d5db;border-radius:8px;height:48px;padding:0 12px;font-size:10px}.settings-logo-row{margin-top:12px}.settings-logo-box{align-items:center;gap:10px;display:flex}.settings-logo-icon{color:#fff;background:#3b82f6;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;display:grid}.settings-upload-btn{color:#fff;cursor:pointer;background:#3b82f6;border:0;border-radius:7.68px;height:30px;padding:0 10px;font-size:10px;font-weight:600}.settings-logo-box p{color:#9ca3af;margin:4px 0 0;font-size:9px}.settings-days-row{flex-wrap:wrap;gap:5px;display:flex}.settings-day-pill{cursor:pointer;border:0;border-radius:999px;height:24px;padding:0 10px;font-size:9px;font-weight:600}.settings-day-pill.active{color:#1d4ed8;background:#dbeafe}.settings-day-pill.disabled{color:#6b7280;background:#f3f4f6}.settings-appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr)) 1fr;gap:10px;margin-top:12px;display:grid}.settings-theme-card{background:#f9fafb;border:.96px solid #e5e7eb;border-radius:8px;align-content:start;gap:8px;padding:10px;display:grid}.settings-theme-card.active{background:#eff6ff;border-color:#3b82f6}.settings-theme-card span{color:#111827;font-size:10px;font-weight:600}.settings-theme-radio{background:#9ca3af;border-radius:999px;width:7px;height:7px}.settings-theme-radio.active{background:#3b82f6}.settings-theme-preview{border-radius:6px;height:24px}.settings-theme-preview.light{background:linear-gradient(#fff 0%,#f8fbff 100%)}.settings-theme-preview.dark{background:linear-gradient(#111827 0%,#1f2937 100%)}.primary-color-field{align-self:start}.settings-color-row{grid-template-columns:28px 1fr;align-items:center;gap:8px;display:grid}.settings-color-swatch{background:#3b82f6;border:1px solid #d1d5db;border-radius:4px;width:28px;height:28px}@media (width<=1200px){.settings-page-content,.settings-appearance-grid,.settings-form-grid.two-col{grid-template-columns:1fr}}@media (width<=720px){.settings-header{flex-direction:column;align-items:flex-start;height:auto}}.audit-page-content .settings-nav-item.active{color:#2563eb;background:#eff6ff}.audit-panel{background:#fff;border:.96px solid #e5e7eb;border-radius:12px;padding:12px;box-shadow:0 .96px 1.92px #0f172a0a}.audit-panel-header{grid-template-columns:28px 1fr;align-items:start;gap:8px;display:grid}.audit-panel-header.with-action{grid-template-columns:28px 1fr auto;align-items:center}.audit-panel-header h2{color:#111827;margin:0;font-size:11px;font-weight:700}.audit-panel-header p{color:#6b7280;margin:2px 0 0;font-size:9px}.audit-panel-icon{border-radius:7.68px;place-items:center;width:28px;height:28px;display:grid}.audit-panel-icon.blue{color:#2563eb;background:#dbeafe}.audit-panel-icon.green{color:#16a34a;background:#dcfce7}.audit-panel-icon.purple{color:#9333ea;background:#f3e8ff}.audit-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.audit-kpi-card{border:.96px solid #e5e7eb;border-radius:8px;padding:10px}.audit-kpi-card strong{font-size:24px;font-weight:700;line-height:1;display:block}.audit-kpi-card span{margin-top:4px;font-size:10px;font-weight:600;display:block}.audit-kpi-card.blue{color:#2563eb;background:#eff6ff}.audit-kpi-card.green{color:#16a34a;background:#f0fdf4}.audit-kpi-card.orange{color:#ea580c;background:#fff7ed}.audit-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.audit-field{gap:5px;display:grid}.audit-field span{color:#374151;font-size:9px;font-weight:600}.audit-select{color:#111827;text-align:left;background:#fff;border:.96px solid #d1d5db;border-radius:8px;height:36px;padding:0 12px;font-size:10px;font-weight:600}.audit-actions-row{gap:8px;margin-top:10px;display:flex}.audit-btn-primary,.audit-btn-secondary{border-radius:7.68px;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex}.audit-btn-primary{color:#fff;background:#3b82f6;border:0}.audit-btn-secondary{color:#4b5563;background:#f9fafb;border:.96px solid #d1d5db}.audit-link-btn{color:#3b82f6;background:0 0;border:0;font-size:10px;font-weight:600}.audit-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.audit-toggle-card{background:#fff;border:.96px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.audit-toggle-left{align-items:center;gap:8px;display:flex}.audit-toggle-icon{color:#6b7280;background:#f3f4f6;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;display:grid}.audit-toggle-left strong{color:#111827;font-size:10px;display:block}.audit-toggle-left p{color:#6b7280;margin:2px 0 0;font-size:9px}.audit-switch{border:0;border-radius:999px;width:36px;height:20px;padding:0;position:relative}.audit-switch span{background:#fff;border-radius:999px;width:16px;height:16px;position:absolute;top:2px;box-shadow:0 1px 2px #0003}.audit-switch.on{background:#3b82f6}.audit-switch.on span{right:2px}.audit-switch.off{background:#d1d5db}.audit-switch.off span{left:2px}.audit-activity-list{gap:6px;margin-top:10px;display:grid}.audit-activity-row{background:#fff;border:.96px solid #e5e7eb;border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.audit-activity-row.alert{background:#fef2f2;border-color:#fecaca}.audit-activity-icon{border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.audit-activity-icon.green{color:#16a34a;background:#dcfce7}.audit-activity-icon.blue{color:#2563eb;background:#dbeafe}.audit-activity-icon.orange{color:#ea580c;background:#ffedd5}.audit-activity-icon.purple{color:#9333ea;background:#f3e8ff}.audit-activity-icon.red{color:#dc2626;background:#fee2e2}.audit-activity-copy strong{color:#111827;font-size:10px;display:block}.audit-activity-copy p{color:#6b7280;margin:2px 0 0;font-size:9px}.audit-activity-time{text-align:right}.audit-activity-time strong{color:#374151;font-size:9px;display:block}.audit-activity-time span{color:#9ca3af;margin-top:2px;font-size:8px;display:block}.audit-view-all-btn{color:#6b7280;background:#f9fafb;border:.96px solid #e5e7eb;border-radius:7.68px;width:100%;height:26px;margin-top:8px;font-size:9px;font-weight:600}@media (width<=1200px){.audit-kpi-grid,.audit-input-grid,.audit-toggle-grid{grid-template-columns:1fr}}.sr-main{background-color:#f9fafb;flex-direction:column;gap:32px;min-height:100vh;padding:32px;display:flex}.sr-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.sr-header h1{color:#1f2937;margin:0 0 12px;font-size:32px;font-weight:700}.sr-breadcrumb{color:#6b7280;align-items:center;gap:8px;font-size:14px;display:flex}.sr-breadcrumb span:nth-child(2n){color:#d1d5db}.sr-header-actions{gap:12px;display:flex}.sr-btn-outline,.sr-btn-primary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sr-btn-outline{color:#374151;background-color:#fff;border:1px solid #e5e7eb}.sr-btn-outline:hover{background-color:#f3f4f6}.sr-btn-primary{color:#fff;background-color:#2563eb}.sr-btn-primary:hover{background-color:#1d4ed8}.sr-content{flex-direction:column;gap:24px;display:flex}.sr-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.sr-metric-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:16px;padding:20px;display:flex;box-shadow:0 1px 2px #0000000d}.sr-metric-icon{color:#2563eb;background-color:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.sr-metric-content{flex:1}.sr-metric-value{color:#1f2937;margin:0;font-size:24px;font-weight:700}.sr-metric-label{color:#6b7280;margin:4px 0 0;font-size:13px}.sr-metric-trend{border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.sr-metric-trend.up{color:#22c55e;background-color:#f0fdf4}.sr-metric-trend.down{color:#ef4444;background-color:#fef2f2}.sr-main-grid{grid-template-columns:1fr 320px;gap:24px;display:grid}.sr-left-section,.sr-right-section{flex-direction:column;gap:24px;display:flex}.sr-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;box-shadow:0 1px 2px #0000000d}.sr-card h3{color:#1f2937;margin:0 0 16px;font-size:18px;font-weight:600}.sr-sidebar-card{padding:20px}.sr-sidebar-card h3{color:#1f2937;margin:0 0 12px;font-size:16px;font-weight:600}.sr-card-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.sr-card-controls{align-items:center;gap:8px;display:flex}.sr-dropdown{cursor:pointer;color:#374151;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;font-size:13px}.sr-card-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:500;transition:background-color .2s;display:flex}.sr-card-btn:hover{background-color:#1d4ed8}.sr-rules-list{flex-direction:column;gap:16px;display:flex}.sr-rule-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;gap:12px;padding:16px;transition:background-color .2s;display:flex}.sr-rule-item:hover{background-color:#f3f4f6}.sr-rule-status-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px}.sr-rule-status-dot.green{background-color:#22c55e}.sr-rule-status-dot.yellow{background-color:#eab308}.sr-rule-status-dot.red{background-color:#ef4444}.sr-rule-status-dot.gray{background-color:#9ca3af}.sr-rule-content{flex:1}.sr-rule-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.sr-rule-header h4{color:#1f2937;margin:0;font-size:15px;font-weight:600}.sr-rule-badge{text-transform:uppercase;border-radius:4px;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.sr-rule-badge.active{color:#166534;background-color:#dcfce7}.sr-rule-badge.testing{color:#92400e;background-color:#fef3c7}.sr-rule-badge.inactive{color:#991b1b;background-color:#fee2e2}.sr-rule-description{color:#6b7280;margin:0 0 8px;font-size:13px}.sr-rule-details{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;display:grid}.sr-rule-detail{flex-direction:column;gap:4px;display:flex}.sr-rule-detail span{color:#9ca3af;text-transform:uppercase;font-size:11px;font-weight:600}.sr-rule-detail p{color:#374151;margin:0;font-size:13px}.sr-rule-actions{gap:8px;display:flex}.sr-rule-actions button{cursor:pointer;color:#6b7280;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sr-rule-actions button:hover{color:#374151;background-color:#f3f4f6}.sr-flow-card{margin-top:8px}.sr-flow-steps{flex-direction:column;gap:16px;display:flex}.sr-flow-step{align-items:center;gap:12px;display:flex;position:relative}.sr-flow-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sr-flow-blue{background-color:#2563eb}.sr-flow-purple{background-color:#a855f7}.sr-flow-orange{background-color:#f97316}.sr-flow-green{background-color:#22c55e}.sr-flow-content{flex:1}.sr-flow-label{color:#1f2937;margin:0;font-size:14px;font-weight:600}.sr-flow-description{color:#6b7280;margin:4px 0 0;font-size:12px}.sr-flow-arrow{color:#d1d5db;justify-content:center;width:24px;height:24px;margin-left:32px;display:flex}.sr-metrics-list{flex-direction:column;gap:12px;display:flex}.sr-metric-bar{flex-direction:column;gap:6px;display:flex}.sr-metric-bar-header{color:#374151;justify-content:space-between;font-size:12px;font-weight:500;display:flex}.sr-metric-bar-value{color:#1f2937;font-weight:600}.sr-metric-bar-track{background-color:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.sr-metric-bar-fill{border-radius:3px;height:100%;transition:width .3s}.sr-metric-bar-fill.sr-green{background-color:#22c55e}.sr-metric-bar-fill.sr-blue{background-color:#2563eb}.sr-metric-bar-fill.sr-purple{background-color:#a855f7}.sr-metric-bar-fill.sr-orange{background-color:#f97316}.sr-team-list{flex-direction:column;gap:10px;display:flex}.sr-team-item{justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.sr-team-info{color:#374151;flex:1;align-items:center;gap:8px;display:flex}.sr-team-percentage{color:#1f2937;font-weight:600}.sr-actions-list{flex-direction:column;gap:8px;display:flex}.sr-action-btn{color:#374151;cursor:pointer;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sr-action-btn:hover{color:#1f2937;background-color:#e5e7eb}.sr-activity-list{flex-direction:column;gap:10px;display:flex}.sr-activity-item{align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.sr-activity-dot{background-color:#2563eb;border-radius:50%;flex-shrink:0;width:8px;height:8px}.sr-activity-content{flex:1}.sr-activity-content p{color:#374151;margin:0;font-size:13px;font-weight:500}.sr-activity-content span{color:#9ca3af;margin-top:2px;font-size:11px;display:block}@media (width<=1200px){.sr-metrics-grid{grid-template-columns:repeat(2,1fr)}.sr-main-grid,.sr-rule-details{grid-template-columns:1fr}}@media (width<=768px){.sr-main{gap:16px;padding:16px}.sr-header{flex-direction:column}.sr-header-actions{width:100%}.sr-header-actions button{flex:1}.sr-metrics-grid{grid-template-columns:repeat(1,1fr)}}.agent-assignment-main{background-color:#f9fafb;flex:1;overflow-y:auto}.agent-assignment-header{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:32px 32px 24px;display:flex}.agent-assignment-header-content h1{color:#1f2937;margin:0;font-family:Inter,sans-serif;font-size:28px;font-weight:600}.agent-assignment-breadcrumb{color:#6b7280;margin:8px 0 0;font-family:Inter,sans-serif;font-size:14px}.agent-assignment-header-actions{gap:12px;display:flex}.agent-assignment-btn-outline{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}.agent-assignment-btn-outline:hover{background-color:#f9fafb}.agent-assignment-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.agent-assignment-btn-primary:hover{background-color:#1d4ed8}.agent-assignment-stats{background-color:#f9fafb;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 32px;display:grid}.agent-assignment-stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex;box-shadow:0 1px 2px #0f172a0a}.stat-green .stat-card-icon{color:#22c55e;background-color:#dcfce7}.stat-red .stat-card-icon{color:#ef4444;background-color:#fee2e2}.stat-blue .stat-card-icon{color:#3b82f6;background-color:#dbeafe}.stat-purple .stat-card-icon{color:#a855f7;background-color:#f3e8ff}.stat-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-card-content{flex:1}.stat-card-value{color:#1f2937;font-family:Inter,sans-serif;font-size:24px;font-weight:700}.stat-card-label{color:#6b7280;margin-top:4px;font-family:Inter,sans-serif;font-size:12px}.stat-card-change{font-family:Inter,sans-serif;font-size:13px;font-weight:600}.change-red{color:#ef4444}.agent-assignment-grid{background-color:#f9fafb;grid-template-columns:1fr 1fr;gap:24px;padding:24px 32px;display:grid}.agent-assignment-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 2px #0f172a0a}.agent-assignment-section h2{color:#1f2937;margin:0 0 16px;font-family:Inter,sans-serif;font-size:16px;font-weight:600}.agent-assignment-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.agent-assignment-tabs{gap:8px;display:flex}.tab-button{color:#6b7280;cursor:pointer;background-color:#0000;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.tab-button.active{color:#1f2937;background-color:#f3f4f6;border-color:#d1d5db}.pending-assignments-list{flex-direction:column;gap:0;display:flex}.pending-assignment-row{flex-direction:column;gap:0;padding:16px 0;display:flex}.pending-assignment-row:first-child{padding-top:0}.pending-assignment-row:last-child{padding-bottom:0}.assignment-divider{background-color:#e5e7eb;height:1px;margin:0 -20px}.pending-assignment-row{cursor:pointer}.assignment-row-left{margin-bottom:12px}.assignment-ticket-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.assignment-ticket-id{color:#1f2937;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.assignment-priority-badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;display:inline-block}.priority-red{color:#dc2626;background-color:#fee2e2}.priority-blue{color:#2563eb;background-color:#dbeafe}.priority-green{color:#16a34a;background-color:#dcfce7}.assignment-wait-badge{color:#9ca3af;font-family:Inter,sans-serif;font-size:12px}.assignment-description{color:#374151;margin:0;font-family:Inter,sans-serif;font-size:13px;line-height:1.4}.assignment-meta{color:#6b7280;align-items:center;gap:6px;margin-top:8px;font-family:Inter,sans-serif;font-size:12px;display:flex}.assignment-meta img{border-radius:50%;width:20px;height:20px}.assignment-row-right{align-items:center;gap:8px;display:flex}.assignment-select-wrapper{flex:1}.assignment-select{color:#6b7280;cursor:pointer;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-family:Inter,sans-serif;font-size:12px}.assignment-assign-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#2563eb;border:none;border-radius:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.assignment-assign-btn:hover{background-color:#1d4ed8}.change-status-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1200;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.change-status-modal{background:#fff;border-radius:12px;width:420px;max-width:100%;padding:24px;box-shadow:0 20px 25px -5px #0f172a26,0 8px 10px -6px #0f172a1f}.change-status-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin:-4px -4px 16px;padding:0 4px 16px;display:flex}.change-status-header h3{color:#111827;margin:0;font-family:Inter,sans-serif;font-size:18px;font-weight:600}.change-status-close{color:#9ca3af;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.change-status-close:hover{color:#6b7280;background:#f3f4f6}.change-status-section{margin-bottom:14px}.change-status-label{color:#111827;margin:0 0 8px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;line-height:16px}.change-status-ticket-box{background:#f9fafb;border-radius:8px;padding:12px}.change-status-ticket-id{color:#111827;margin:0;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:18px}.change-status-ticket-desc{color:#6b7280;margin:2px 0 0;font-family:Inter,sans-serif;font-size:12px;line-height:16px}.change-status-current-row{align-items:center;gap:8px;display:flex}.change-status-chip{border-radius:6px;align-items:center;padding:4px 8px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;line-height:14px;display:inline-flex}.change-status-chip.critical{color:#b91c1c;background:#fee2e2}.change-status-chip.unassigned{color:#c2410c;background:#ffedd5}.change-status-options{flex-direction:column;gap:8px;display:flex}.change-status-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px}.change-status-option.selected{background:#eff6ff;border-color:#2563eb}.change-status-option-left{align-items:center;gap:8px;display:flex}.change-status-radio{background:#fff;border:1px solid #d1d5db;border-radius:999px;flex-shrink:0;width:14px;height:14px}.change-status-radio.checked{border-color:#2563eb;box-shadow:inset 0 0 0 4px #2563eb}.change-status-option-chip{border-radius:6px;align-items:center;padding:2px 8px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;line-height:14px;display:inline-flex}.change-status-option-chip.tone-blue{color:#1d4ed8;background:#dbeafe}.change-status-option-chip.tone-yellow{color:#b45309;background:#fef3c7}.change-status-option-chip.tone-purple{color:#7e22ce;background:#f3e8ff}.change-status-option-chip.tone-orange{color:#c2410c;background:#ffedd5}.change-status-option-chip.tone-green{color:#15803d;background:#dcfce7}.change-status-option-hint{color:#6b7280;font-family:Inter,sans-serif;font-size:12px;line-height:16px}.change-status-note{resize:none;color:#111827;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:80px;max-height:80px;padding:10px 12px;font-family:Inter,sans-serif;font-size:12px;line-height:16px}.change-status-note::placeholder{color:#9ca3af}.change-status-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.change-status-cancel,.change-status-update{cursor:pointer;border:0;border-radius:8px;height:36px;padding:0 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.change-status-cancel{color:#374151;background:#e5e7eb}.change-status-update{color:#fff;background:#2563eb}.agent-assignment-right{flex-direction:column;gap:24px;display:flex}.agent-workload-list{flex-direction:column;gap:12px;display:flex}.agent-workload-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.agent-workload-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.agent-workload-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.agent-workload-info{flex:1}.agent-workload-name{color:#1f2937;margin:0;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.agent-workload-status{text-transform:capitalize;border-radius:4px;margin-top:4px;padding:3px 8px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;display:inline-block}.status-available{color:#16a34a;background-color:#dcfce7}.status-busy{color:#d97706;background-color:#fed7aa}.agent-workload-progress{align-items:center;gap:8px;display:flex}.progress-bar{background-color:#e5e7eb;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .3s}.fill-available{background-color:#22c55e}.fill-busy{background-color:#f97316}.progress-label{color:#6b7280;white-space:nowrap;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.recent-assignments-list{flex-direction:column;gap:12px;display:flex}.recent-assignment-item{background-color:#f0fdf4;border-radius:6px;align-items:center;gap:12px;padding:10px;display:flex}.recent-assignment-content{flex:1}.recent-assignment-ticket{color:#1f2937;margin:0;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.recent-assignment-agent{color:#6b7280;margin:2px 0 0;font-family:Inter,sans-serif;font-size:11px}.recent-assignment-time{color:#9ca3af;white-space:nowrap;font-family:Inter,sans-serif;font-size:11px}.queue-stats-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.queue-stat-item{text-align:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex}.queue-stat-item p{color:#6b7280;margin:6px 0 4px;font-family:Inter,sans-serif;font-size:11px}.queue-stat-item strong{color:#1f2937;font-family:Inter,sans-serif;font-size:16px;font-weight:700}.stat-color-green{color:#22c55e;background-color:#f0fdf4;border-color:#dcfce7}.stat-color-green strong{color:#16a34a}.stat-color-blue{color:#3b82f6;background-color:#eff6ff;border-color:#dbeafe}.stat-color-blue strong{color:#2563eb}.stat-color-purple{color:#a855f7;background-color:#faf5ff;border-color:#e9d5ff}.stat-color-purple strong{color:#9333ea}@media (width<=1024px){.agent-assignment-stats{grid-template-columns:repeat(2,1fr)}.agent-assignment-grid{grid-template-columns:1fr}}@media (width<=768px){.agent-assignment-header{flex-direction:column;gap:16px}.agent-assignment-header-actions{width:100%}.agent-assignment-btn-outline,.agent-assignment-btn-primary{flex:1}.agent-assignment-stats,.queue-stats-grid{grid-template-columns:1fr}}.queue-assignment-main{background-color:#f9fafb;flex:1;overflow-y:auto}.queue-assignment-header{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:32px;display:flex}.queue-assignment-header-content{flex:1}.queue-assignment-header-content h1{color:#111827;margin:0 0 8px;font-family:Inter,sans-serif;font-size:28px;font-weight:700}.queue-assignment-breadcrumb{color:#6b7280;margin:0;font-family:Inter,sans-serif;font-size:13px}.queue-assignment-header-actions{gap:12px;margin-left:32px;display:flex}.queue-assignment-btn-outline,.queue-assignment-btn-primary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:flex}.queue-assignment-btn-outline{color:#6b7280;background-color:#fff;border:1px solid #d1d5db}.queue-assignment-btn-outline:hover{background-color:#f3f4f6;border-color:#9ca3af}.queue-assignment-btn-primary{color:#fff;background-color:#2563eb}.queue-assignment-btn-primary:hover{background-color:#1d4ed8}.queue-assignment-metrics{grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 32px;display:grid}.queue-assignment-metric-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:16px;padding:20px;display:flex}.metric-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.metric-blue .metric-card-icon{color:#3b82f6;background-color:#eff6ff}.metric-orange .metric-card-icon{color:#f97316;background-color:#fffbeb}.metric-green .metric-card-icon{color:#22c55e;background-color:#f0fdf4}.metric-purple .metric-card-icon{color:#a855f7;background-color:#faf5ff}.metric-card-content{flex:1}.metric-card-value{color:#111827;margin:0;font-family:Inter,sans-serif;font-size:24px;font-weight:700}.metric-card-label{color:#6b7280;margin:4px 0 0;font-family:Inter,sans-serif;font-size:13px}.metric-card-change{white-space:nowrap;margin-left:auto;font-size:12px;font-weight:600}.change-blue{color:#3b82f6}.change-orange{color:#f97316}.change-green{color:#22c55e}.change-purple{color:#a855f7}.queue-assignment-grid{grid-template-columns:1fr 320px;gap:24px;padding:24px 32px;display:grid}.queue-assignment-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:24px}.queue-assignment-section h2{color:#111827;margin:0 0 20px;font-family:Inter,sans-serif;font-size:18px;font-weight:700}.queue-assignment-section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.queue-assignment-section-header h2{margin:0}.queue-assignment-section-tabs{gap:16px;display:flex}.queue-tab-active,.queue-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .2s}.queue-tab-active{color:#2563eb;border-bottom-color:#2563eb}.queue-tab:hover{color:#111827}.queue-assignment-queue-list{flex-direction:column;gap:16px;display:flex}.queue-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:flex-start;padding:16px;transition:all .2s;display:flex}.queue-item:hover{background-color:#fff;border-color:#d1d5db}.queue-item-left{flex:1;gap:12px;display:flex}.queue-item-icon{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-red{color:#ef4444;background-color:#fee2e2}.icon-blue{color:#3b82f6;background-color:#dbeafe}.icon-green{color:#22c55e;background-color:#dcfce7}.icon-purple{color:#a855f7;background-color:#f3e8ff}.queue-item-content{flex:1}.queue-item-content h3{color:#111827;margin:0 0 4px;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.queue-item-priority{color:#ef4444;margin:0 0 4px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.queue-item-description{color:#6b7280;margin:0 0 8px;font-family:Inter,sans-serif;font-size:12px;line-height:1.4}.queue-item-stats{color:#9ca3af;gap:6px;font-family:Inter,sans-serif;font-size:11px;display:flex}.queue-item-actions{gap:8px;margin-left:16px;display:flex}.queue-action-btn,.queue-action-btn-primary{cursor:pointer;white-space:nowrap;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .2s;display:flex}.queue-action-btn{color:#6b7280;background-color:#f3f4f6;border:1px solid #d1d5db}.queue-action-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.queue-action-btn-primary{color:#fff;background-color:#2563eb}.queue-action-btn-primary:hover{background-color:#1d4ed8}.queue-assignment-flow{grid-template-columns:repeat(4,1fr);align-items:start;gap:12px;display:grid}.queue-assignment-flow>div{flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.flow-step{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.flow-step-blue{background-color:#3b82f6}.flow-step-purple{background-color:#a855f7}.flow-step-orange{background-color:#f97316}.flow-step-green{background-color:#22c55e}.flow-step-content{text-align:center}.flow-step-content h3{color:#111827;margin:0 0 4px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.flow-step-content p{color:#6b7280;margin:0;font-family:Inter,sans-serif;font-size:11px;line-height:1.3}.flow-arrow{color:#d1d5db;align-items:center;display:flex;position:absolute;top:8px;right:-20px}.queue-assignment-right{flex-direction:column;gap:24px;display:flex}.queue-assignment-sidebar-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.queue-assignment-sidebar-section h3{color:#111827;margin:0 0 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:700}.agent-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.agent-item{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.agent-item:hover{background-color:#f3f4f6}.agent-avatar{border-radius:50%;flex-shrink:0;width:32px;height:32px}.agent-info{flex:1;min-width:0}.agent-name{color:#111827;margin:0;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.agent-status{margin:4px 0 0;font-family:Inter,sans-serif;font-size:12px}.status-available{color:#22c55e}.status-busy{color:#f59e0b}.status-away{color:#6b7280}.rules-list{flex-direction:column;gap:12px;display:flex}.rule-item{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;gap:12px;padding:12px;display:flex}.rule-icon{color:#9ca3af;background-color:#f3f4f6;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rule-content{flex:1;min-width:0}.rule-name{color:#111827;margin:0;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.rule-description{color:#6b7280;margin:4px 0 0;font-family:Inter,sans-serif;font-size:11px;line-height:1.3}.recent-list{flex-direction:column;gap:12px;display:flex}.recent-item{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;align-items:center;gap:12px;padding:12px;display:flex}.recent-check{flex-shrink:0}.recent-content{flex:1;min-width:0}.recent-ticket{color:#111827;margin:0;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.recent-agent{color:#6b7280;margin:2px 0 0;font-family:Inter,sans-serif;font-size:12px}.recent-time{color:#9ca3af;white-space:nowrap;margin:0;font-family:Inter,sans-serif;font-size:11px}.view-all-btn{color:#2563eb;cursor:pointer;background-color:#0000;border:1px solid #d1d5db;border-radius:4px;width:100%;margin-top:12px;padding:8px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .2s}.view-all-btn:hover{background-color:#eff6ff;border-color:#3b82f6}@media (width<=1200px){.queue-assignment-header{flex-direction:column;align-items:flex-start;gap:16px}.queue-assignment-header-actions{align-self:flex-end;margin-left:0}.queue-assignment-metrics{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 24px}.queue-assignment-grid{grid-template-columns:1fr;gap:20px;padding:20px 24px}.queue-assignment-right{order:-1}.queue-assignment-flow{grid-template-columns:repeat(2,1fr);gap:16px}.flow-arrow{height:auto;margin:8px 0;position:static;transform:rotate(90deg)}}@media (width<=768px){.queue-assignment-metrics{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 16px}.queue-assignment-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(0)}.queue-item-actions{flex-direction:column;margin-top:12px;margin-left:0}.queue-item{flex-direction:column}.queue-assignment-header-actions{gap:8px;width:100%}.queue-assignment-btn-outline,.queue-assignment-btn-primary{flex:1}}.define-actions-figma-bg{color:#111827;background:linear-gradient(#f9fafb 0% 100%),#fff;width:100%;max-width:100%;min-height:100vh;padding-bottom:60px;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.define-actions-header-figma{z-index:2;background:#fff;border-bottom:1.15px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;max-width:870px;height:85px;margin:0 auto;display:flex;position:relative;top:0}.define-actions-breadcrumb-figma{color:#2563eb;align-items:center;gap:8px;font-size:13.44px;font-weight:400;display:flex;position:absolute;top:51px;left:30px}.breadcrumb-link{color:#4b5563}.define-actions-header-title-row{position:absolute;top:16px;left:30px}.define-actions-header-title{color:#111827;font-size:23.04px;font-weight:700}.define-actions-header-actions-figma{align-items:center;gap:16px;display:flex;position:absolute;top:24px;right:30px}.define-actions-bell-figma{cursor:pointer;background:0 0;border:none;margin-right:8px;position:relative}.define-actions-badge-figma{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-size:11.52px;font-weight:700;display:flex;position:absolute;top:-10px;right:-10px}.define-actions-save-btn-figma{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7.68px;align-items:center;gap:8px;padding:8px 24px;font-size:13.44px;font-weight:600;display:flex}.define-actions-stepper-figma{background:#fff;border-bottom:1.15px solid #e5e7eb;width:100%;max-width:1100px;height:62px;margin:0 auto 20px;position:relative;top:0}.define-actions-stepper-inner{align-items:center;gap:0;width:100%;max-width:1008px;height:30.71px;display:flex;position:absolute;top:15.35px;left:50%;transform:translate(-50%)}.define-actions-step-item{flex:none;align-items:center;gap:11.52px;display:inline-flex}.define-actions-step-circle{border-radius:9599.04px;justify-content:center;align-items:center;width:30.71px;height:30.71px;font-family:Inter,sans-serif;font-size:13.44px;font-weight:600;line-height:19.2px;display:inline-flex}.define-actions-step-label{white-space:nowrap;justify-content:center;align-items:center;height:16.13px;font-family:Inter,sans-serif;font-size:13.44px;font-weight:500;line-height:19.2px;display:inline-flex}.define-actions-step-connector{background:#d1d5db;width:10.01px;height:.95px;margin:0 15.35px}.define-actions-step-item.done .define-actions-step-circle{color:#fff;background:#22c55e}.define-actions-step-item.done .define-actions-step-label{color:#16a34a}.define-actions-step-item.active .define-actions-step-circle{color:#fff;background:#3b82f6}.define-actions-step-item.active .define-actions-step-label{color:#2563eb}.define-actions-step-item.pending .define-actions-step-circle{color:#4b5563;background:#d1d5db}.define-actions-step-item.pending .define-actions-step-label{color:#4b5563}.define-actions-rule-summary-figma{background:#eff6ff;border:1px solid #bfdbfe;border-radius:7.68px;width:100%;max-width:870px;margin:0 auto 24px;padding:24px 24px 16px;position:relative;top:0}.define-actions-rule-summary-header-figma{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.define-actions-rule-summary-title{color:#1e3a8a;font-size:15.36px;font-weight:600}.define-actions-review-btn-figma{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:13.44px;font-weight:500}.define-actions-rule-summary-sub{color:#1d4ed8;margin-bottom:12px;font-size:13.44px}.define-actions-rule-summary-box{color:#374151;background:#fff;border-radius:7.68px;align-items:center;gap:16px;padding:16px 24px;font-size:13.44px;font-weight:600;display:flex}.define-actions-rule-summary-if{color:#374151;font-weight:600}.define-actions-rule-summary-chip{color:#1e40af;background:#dbeafe;border-radius:3.84px;padding:4px 16px;font-weight:400}.define-actions-rule-summary-and{color:#374151;font-weight:600}.define-actions-main-card-figma{background:#fff;border:1px solid #e5e7eb;border-radius:11.52px;width:100%;max-width:870px;margin:0 auto 24px;padding:32px 32px 24px;position:relative;top:0;box-shadow:0 .96px 1.92px #0000000d}.define-actions-main-card-header{align-items:center;gap:24px;margin-bottom:24px;display:flex}.define-actions-main-card-icon-bg{background:#dcfce7;border-radius:7.68px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.define-actions-main-card-icon{background:#16a34a;border-radius:2px;width:13px;height:15px}.define-actions-main-card-title{color:#111827;font-size:23.04px;font-weight:700}.define-actions-main-card-sub{color:#4b5563;font-size:15.36px;font-weight:400}.define-actions-blocks{margin-top:24px;margin-bottom:16px}.define-actions-action-row{background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;align-items:flex-start;gap:16px;margin-bottom:16px;padding:16px 16px 0;display:flex;position:relative}.define-actions-action-label{color:#374151;min-width:70px;margin-top:4px;font-size:13.44px;font-weight:600}.define-actions-action-delete{color:#ef4444;cursor:pointer;background:0 0;border:none;position:absolute;top:16px;right:16px}.define-actions-action-field-group{flex-direction:column;flex:1;gap:4px;display:flex}.define-actions-action-field-label{color:#374151;font-size:11.52px;font-weight:600}.define-actions-action-field{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7.68px;padding:8px 16px;font-family:Inter,sans-serif;font-size:13.44px;font-weight:400}.define-actions-add-action-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7.68px;justify-content:center;align-items:center;gap:8px;width:100%;margin:8px auto 0;padding:10px 0;font-size:15.36px;font-weight:500;display:flex}.define-actions-quick-templates-figma{background:#fff;border:1px solid #e5e7eb;border-radius:11.52px;width:100%;max-width:870px;margin:0 auto 24px;padding:34px 32px 32px;position:relative;top:0;box-shadow:0 .96px 1.92px #0000000d}.define-actions-quick-templates-title{color:#111827;margin-bottom:24px;font-size:17.28px;font-weight:600}.define-actions-quick-templates-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.define-actions-quick-template-card{background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;flex-direction:column;align-items:flex-start;gap:8px;padding:24px 16px;display:flex}.define-actions-quick-template-icon{border-radius:3.84px;justify-content:center;align-items:center;width:15.36px;height:15.36px;margin-bottom:6px;display:inline-flex}.define-actions-quick-template-card.red .define-actions-quick-template-icon{color:#ef4444;background:#fee2e2}.define-actions-quick-template-card.purple .define-actions-quick-template-icon{color:#a855f7;background:#f3e8ff}.define-actions-quick-template-card.blue .define-actions-quick-template-icon{color:#3b82f6;background:#dbeafe}.define-actions-quick-template-card.green .define-actions-quick-template-icon{color:#22c55e;background:#dcfce7}.define-actions-quick-template-card.orange .define-actions-quick-template-icon{color:#f97316;background:#ffedd5}.define-actions-quick-template-card.yellow .define-actions-quick-template-icon{color:#eab308;background:#fef9c3}.define-actions-quick-template-title{color:#111827;font-size:15.36px;font-weight:600}.define-actions-quick-template-desc{color:#4b5563;font-size:13.44px;font-weight:400}.define-actions-preview-figma{background:#f9fafb;border-radius:11.52px;width:100%;max-width:870px;margin:0 auto 24px;padding:24px 0;position:relative;top:0}.define-actions-preview-title{color:#111827;margin-bottom:16px;margin-left:24px;font-size:17.28px;font-weight:600}.define-actions-preview-box{background:#fff;border:1px solid #e5e7eb;border-radius:7.68px;margin:0 24px;padding:24px}.define-actions-preview-label{color:#374151;margin-bottom:8px;font-size:13.44px;font-weight:600}.define-actions-preview-item{color:#374151;margin-bottom:8px;font-size:13.44px}.define-actions-preview-empty{color:#6b7280;font-size:13.44px;font-style:italic}.define-actions-footer-figma{align-items:center;gap:16px;width:100%;max-width:870px;margin:16px auto 32px;display:flex;position:relative;top:0}.define-actions-footer-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7.68px;flex:1;padding:13px 0;font-family:Inter,sans-serif;font-size:15.36px;font-weight:400;transition:background .2s,color .2s}.define-actions-footer-btn.primary{color:#fff;background:#2563eb;border:none;font-weight:400}.define-actions-footer-btn.outline{color:#374151;background:#fff;border:1px solid #d1d5db}@media (width<=980px){.define-actions-header-figma,.define-actions-stepper-figma,.define-actions-rule-summary-figma,.define-actions-main-card-figma,.define-actions-quick-templates-figma,.define-actions-preview-figma,.define-actions-footer-figma{max-width:calc(100% - 24px)}.define-actions-stepper-figma{max-width:calc(100% - 24px);overflow:hidden}.define-actions-stepper-inner{transform-origin:top;transform:translate(-50%)scale(.88)}.define-actions-main-card-header{gap:14px}.define-actions-action-row{flex-wrap:wrap;padding-bottom:12px}.define-actions-action-label{width:100%;min-width:auto;margin-bottom:2px}.define-actions-action-field-group{min-width:100%}.define-actions-quick-templates-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (width<=860px){.define-actions-stepper-inner{transform:translate(-50%)scale(.76)}.define-actions-quick-templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.define-actions-quick-templates-grid{grid-template-columns:1fr}}.preview-execution-root{color:#111827;background:#f9fafb;width:100%;min-height:100vh;padding-bottom:22px;font-family:Inter,sans-serif}.preview-execution-header{box-sizing:border-box;background:#fff;border-bottom:1.15px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;max-width:870.15px;height:85.62px;margin:0 auto;padding:0 30.71px;display:flex}.preview-execution-title{font-size:23.04px;font-weight:700;line-height:28.8px}.preview-execution-breadcrumb{color:#6b7280;align-items:center;gap:7.68px;margin-top:6.72px;font-size:11.52px;display:flex}.preview-execution-breadcrumb span:first-child,.preview-execution-breadcrumb span:nth-child(3){color:#2563eb}.preview-execution-header-actions{align-items:center;gap:11.52px;display:flex}.preview-execution-bell{color:#111827;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28.8px;height:28.8px;display:inline-flex;position:relative}.preview-execution-badge{color:#fff;background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;width:15.36px;height:15.36px;font-size:9.6px;font-weight:700;display:inline-flex;position:absolute;top:0;right:0}.preview-execution-save-btn{color:#fff;background:#2563eb;border:none;border-radius:7.68px;align-items:center;gap:5.76px;height:30.71px;padding:0 13.44px;font-size:11.52px;font-weight:600;display:inline-flex}.preview-stepper{background:#fff;border-bottom:1.15px solid #e5e7eb;width:100%;max-width:870.15px;height:61.42px;margin:0 auto;position:relative}.preview-stepper-inner{align-items:center;width:808px;height:30.71px;display:flex;position:absolute;top:15.35px;left:30.71px}.preview-step{align-items:center;gap:11.52px;display:inline-flex}.preview-step-circle{border-radius:9599.04px;justify-content:center;align-items:center;width:30.71px;height:30.71px;font-size:13.44px;font-weight:600;line-height:19.2px;display:inline-flex}.preview-step-label{white-space:nowrap;font-size:10.56px;font-weight:500;line-height:10.56px}.preview-step.done .preview-step-circle{color:#fff;background:#22c55e}.preview-step.done .preview-step-label{color:#16a34a}.preview-step.active .preview-step-circle{color:#fff;background:#3b82f6}.preview-step.active .preview-step-label{color:#2563eb}.preview-step.pending .preview-step-circle{color:#4b5563;background:#d1d5db}.preview-step.pending .preview-step-label{color:#4b5563}.preview-step-line{background:#d1d5db;width:10.01px;height:.95px;margin:0 11.52px}.preview-main-card,.preview-test-card,.preview-metrics-card{box-sizing:border-box;background:#fff;border:.96px solid #e5e7eb;border-radius:11.52px;width:100%;max-width:870.15px;margin:14.4px auto 0;padding:15.36px;box-shadow:0 .96px 1.92px #0000000d}.preview-main-head{align-items:flex-start;gap:10.56px;margin-bottom:14.4px;display:flex}.preview-main-icon{color:#3b82f6;background:#dbeafe;border-radius:7.68px;justify-content:center;align-items:center;width:20.16px;height:20.16px;display:inline-flex}.preview-main-head h2{margin:0;font-size:17.28px;font-weight:600;line-height:25.92px}.preview-main-head p{color:#6b7280;margin:0;font-size:10.56px}.preview-rule-summary{background:#f9fafb;border-radius:7.68px;padding:11.52px}.preview-rule-summary-title,.preview-flow-title{margin-bottom:8.64px;font-size:11.52px;font-weight:600}.preview-rule-grid{grid-template-columns:1fr 1fr;gap:9.6px;display:grid}.preview-k{color:#6b7280;margin:0 0 3.84px;font-size:8.64px}.preview-v{margin:0;font-size:10.56px}.preview-status-badge{color:#854d0e;background:#fef9c3;border-radius:9999px;align-items:center;height:17.28px;padding:0 7.68px;font-size:9.6px;font-weight:600;display:inline-flex}.preview-flow-title{margin-top:14.4px}.preview-flow-card{border-radius:7.68px;align-items:flex-start;gap:8.64px;padding:11.52px;display:flex}.flow-trigger{background:#eff6ff}.flow-condition{background:#fff7ed}.flow-action{background:#f0fdf4}.flow-dot{color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:17.28px;height:17.28px;display:inline-flex}.flow-dot.blue{background:#3b82f6}.flow-dot.orange{background:#f97316}.flow-dot.green{background:#22c55e}.flow-title{margin-bottom:2.88px;font-size:10.56px;font-weight:600}.flow-sub,.flow-list{color:#6b7280;font-size:9.6px;line-height:14.4px}.preview-flow-arrow{color:#9ca3af;justify-content:center;align-items:center;width:100%;height:22.08px;display:inline-flex}.preview-test-head{justify-content:space-between;align-items:flex-start;margin-bottom:11.52px;display:flex}.preview-test-head h3,.preview-metrics-card h3{margin:0;font-size:17.28px;font-weight:600}.preview-test-head p{color:#6b7280;margin:0;font-size:10.56px}.preview-run-btn{color:#fff;background:#2563eb;border:none;border-radius:7.68px;align-items:center;gap:5.76px;height:26.88px;padding:0 11.52px;font-size:10.56px;font-weight:600;display:inline-flex}.preview-test-grid{grid-template-columns:1fr 1fr;gap:9.6px;display:grid}.preview-test-left{border:1px solid #e5e7eb;border-radius:7.68px;padding:11.52px}.preview-test-right{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7.68px;padding:11.52px}.test-block-title{margin-bottom:8.64px;font-size:11.52px;font-weight:600}.test-row{color:#374151;justify-content:space-between;margin-bottom:5.76px;font-size:9.6px;display:flex}.chip-high{color:#b91c1c;background:#fee2e2;border-radius:9999px;align-items:center;height:15.36px;padding:0 7.68px;display:inline-flex}.result-line{color:#16a34a;align-items:center;gap:5.76px;margin-bottom:4.8px;font-size:9.6px;display:flex}.result-final{color:#166534;border-top:1px solid #bbf7d0;margin-top:9.6px;padding-top:8.64px;font-size:9.6px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7.68px;margin-top:11.52px;display:grid}.metric{border-radius:7.68px;padding:11.52px}.metric.blue{background:#eff6ff}.metric.green{background:#f0fdf4}.metric.orange{background:#fff7ed}.metric.purple{background:#faf5ff}.metric-label{color:#374151;margin:0;font-size:15.36px;font-weight:500;line-height:19.2px}.metric-value{color:#111827;margin:5.76px 0 0;font-size:23.04px;font-weight:700;line-height:28.8px}.metric-sub{color:#6b7280;margin:2.88px 0 0;font-size:9.6px}.preview-footer{justify-content:space-between;align-items:center;width:100%;max-width:870.15px;margin:15.36px auto 0;display:flex}.preview-footer-right{align-items:center;gap:9.6px;display:flex}.preview-btn{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:7.68px;align-items:center;gap:5.76px;height:48.36px;padding:0 15.36px;font-size:13.44px;font-weight:500;display:inline-flex}.preview-btn.primary{color:#fff;background:#2563eb;border:none}.activate-rule-container{background:#f9fafb;flex-direction:column;min-height:100vh;display:flex}.activate-rule-header{background:#fff;border-bottom:1.15px solid #e5e7eb;flex-direction:column;justify-content:center;gap:12px;height:85.62px;padding:20px 30px;display:flex;position:relative}.activate-rule-breadcrumb{align-items:center;gap:5px;font-size:13.44px;display:flex}.breadcrumb-link{color:#2563eb;cursor:pointer;font-weight:500}.breadcrumb-link.active{color:#2563eb}.activate-rule-header-title-row{justify-content:space-between;align-items:center;margin-top:-5px;display:flex}.activate-rule-header-title{color:#111827;font-size:23.04px;font-weight:700}.activate-rule-header-actions{align-items:center;gap:12px;display:flex;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.activate-rule-bell{cursor:pointer;color:#374151;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:color .2s;display:flex;position:relative}.activate-rule-bell:hover{color:#111827}.activate-rule-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;right:0}.activate-rule-save-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:7.68px;align-items:center;gap:8px;padding:10px 16px;font-size:15.36px;font-weight:500;transition:background .2s;display:flex}.activate-rule-save-btn:hover{background:#15803d}.activate-rule-stepper{background:#fff;border-bottom:1.15px solid #e5e7eb;justify-content:flex-start;padding:28px 30px;display:flex}.activate-rule-stepper-inner{align-items:center;gap:0;width:100%;display:flex}.activate-rule-step-item{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.activate-rule-step-circle{color:#fff;border:1.92px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:30.71px;height:30.71px;font-size:12px;font-weight:700;display:flex}.activate-rule-step-item.done .activate-rule-step-circle{color:#fff;background:#22c55e}.activate-rule-step-item.active .activate-rule-step-circle{color:#fff;background:#3b82f6;border-color:#3b82f6}.activate-rule-step-item.pending .activate-rule-step-circle{color:#9ca3af;background:#e5e7eb;border:1.92px solid #d1d5db}.activate-rule-step-label{text-align:center;white-space:nowrap;color:#4b5563;font-size:12px;font-weight:500}.activate-rule-step-item.done .activate-rule-step-label{color:#16a34a}.activate-rule-step-item.active .activate-rule-step-label{color:#2563eb;font-weight:600}.activate-rule-step-item.pending .activate-rule-step-label{color:#9ca3af}.activate-rule-step-connector{background:#d1d5db;flex:1;height:1.92px;margin:0 -5px;position:relative;top:-17px}.activate-rule-step-item.done~.activate-rule-step-connector{background:#22c55e}.activate-rule-content{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:30px;overflow-y:auto}.activation-settings-card{background:#fff;border:.96px solid #e5e7eb;border-radius:11.52px;margin-bottom:28px;padding:28px;box-shadow:0 .96px 1.92px #0000000d}.activation-settings-header{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.activation-settings-icon{font-size:24px;line-height:1}.activation-settings-header h2{color:#111827;margin:0 0 4px;font-size:17.28px;font-weight:600}.activation-settings-header p{color:#4b5563;margin:0;font-size:13.44px}.activation-settings-options{grid-template-columns:1fr 1fr;gap:16px;display:grid}.activation-option{cursor:pointer;background:#fafbfc;border:.96px solid #d1d5db;border-radius:7.68px;align-items:flex-start;padding:16px;transition:all .2s;display:flex}.activation-option:hover{background:#f3f4f6;border-color:#bfdbfe}.activation-checkbox-label{cursor:pointer;flex:1;align-items:flex-start;gap:12px;display:flex;position:relative}.activation-radio{display:none}.activation-checkbox{background:#fff;border:.96px solid #767676;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;transition:all .2s;display:flex;position:relative}.activation-radio:checked~.activation-checkbox{background:#fff;border-color:#0075ff;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 6px #0075ff}.activation-option-content{flex:1}.activation-option-title{color:#111827;margin-bottom:4px;font-size:15.36px;font-weight:600}.activation-option-desc{color:#4b5563;margin:0;font-size:13.44px;line-height:1.4}.schedule-fields{background:#fff;border-top:.96px solid #e5e7eb;border-radius:7.68px;grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:16px;padding:16px;display:grid}.schedule-field{flex-direction:column;gap:8px;display:flex}.field-label{color:#4b5563;font-size:13.44px;font-weight:500}.schedule-input{color:#111827;background:#fff;border:.96px solid #d1d5db;border-radius:7.68px;height:44.53px;padding:0 12px;font-size:13.44px;transition:border-color .2s}.schedule-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.rule-summary-card{background:#fff;border:.96px solid #e5e7eb;border-radius:11.52px;margin-bottom:28px;padding:24px;box-shadow:0 .96px 1.92px #0000000d}.rule-summary-header{border-bottom:.96px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.rule-summary-title{color:#111827;font-size:15.36px;font-weight:600}.rule-summary-content{flex-direction:column;gap:12px;display:flex}.summary-row{align-items:flex-start;gap:16px;padding:8px 0;display:flex}.summary-label{color:#4b5563;min-width:100px;font-size:13.44px;font-weight:500}.summary-value{color:#111827;font-size:13.44px;font-weight:500}.summary-tags{flex-wrap:wrap;gap:8px;display:flex}.summary-tag{color:#374151;background:#f3f4f6;border-radius:9999px;align-items:center;padding:6px 12px;font-size:11.52px;font-weight:500;display:inline-flex}.summary-tag.blue{color:#1e40af;background:#dbeafe}.summary-tag.yellow{color:#854d0e;background:#fef9c3}.summary-tag.green{color:#166534;background:#dcfce7}.performance-section{margin-bottom:28px}.performance-title{color:#111827;margin:0 0 16px;font-size:15.36px;font-weight:600}.performance-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.performance-card{text-align:center;border-radius:7.68px;flex-direction:column;align-items:center;padding:24px;display:flex;box-shadow:0 .96px 1.92px #0000000d}.performance-card.blue{background:#dbeafe}.performance-card.green{background:#dcfce7}.performance-card.purple{background:#f3e8ff}.perf-icon{margin-bottom:12px;font-size:28px}.perf-label{color:#4b5563;margin-bottom:4px;font-size:12px;font-weight:500}.perf-value{color:#111827;margin-bottom:4px;font-size:23.04px;font-weight:700}.perf-desc{color:#4b5563;margin:0;font-size:11.52px}.activate-warning-box{min-height:118px;box-shadow:none;background:#f2f0de;border:none;border-radius:8px;margin-bottom:28px;padding:16px 20px 18px;position:relative;overflow:hidden}.activate-warning-header{color:#8b5a07;align-items:center;gap:10px;height:30px;display:flex;position:static}.activate-warning-header svg{color:#c08400;flex-shrink:0;width:20px;height:20px;margin-right:0}.activate-warning-header h4{color:#7c4a03;margin:0;padding:0;font-size:15.36px;font-weight:700;line-height:1}.activate-warning-content{color:#a06a1a;white-space:normal;width:calc(100% - 32px);max-width:none;margin:8px 0 0 32px;padding:0;font-size:13.44px;font-weight:400;line-height:1.45;display:block;position:static}.activate-rule-footer{border-top:.96px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;display:flex}.activate-rule-footer-btn{cursor:pointer;border-radius:7.68px;justify-content:center;align-items:center;gap:8px;height:48.36px;padding:0 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15.36px;font-weight:500;transition:all .2s;display:flex}.activate-rule-footer-btn.primary{color:#fff;background:#16a34a;border:none;min-width:180px}.activate-rule-footer-btn.primary:hover{background:#15803d}.activate-rule-footer-btn.secondary{color:#374151;background:#fff;border:.96px solid #d1d5db;min-width:160px}.activate-rule-footer-btn.secondary:hover{background:#f9fafb;border-color:#bfdbfe}@media (width<=1024px){.performance-cards,.schedule-fields{grid-template-columns:1fr}}@media (width<=768px){.activate-rule-header{height:auto}.activate-rule-header-actions{margin-top:12px;position:static;transform:none}.activate-rule-stepper-inner{flex-wrap:wrap}.activate-rule-step-item{flex:0 0 calc(50% - 8px)}.activate-rule-step-connector{display:none}}.at-layout{background:#f9fafb;min-height:100vh;font-family:Inter,sans-serif;display:flex}.at-main{flex-direction:column;flex:1;margin-left:256px;display:flex;overflow-y:auto}.at-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.at-title{color:#111827;margin:0 0 4px;font-size:22px;font-weight:700;line-height:1.2}.at-breadcrumb{color:#4b5563;align-items:center;gap:6px;font-size:12px;display:flex}.at-bc-link{color:#2563eb}.at-bc-sep{color:#9ca3af}.at-header-right{align-items:center;gap:10px;display:flex}.at-bell-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:relative}.at-bell-badge{color:#fff;text-align:center;background:#ef4444;border:1.5px solid #fff;border-radius:999px;width:16px;height:16px;font-size:9px;font-weight:700;line-height:16px;position:absolute;top:-3px;right:-3px}.at-filter-btn{color:#0f2c45;cursor:pointer;background:#f0a83c;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.at-body{flex-direction:column;gap:20px;padding:20px 32px 32px;display:flex}.at-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.at-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.at-stat-top{align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.at-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.at-stat-label{color:#374151;margin:0 0 4px;font-size:13px;font-weight:600}.at-stat-value{color:#111827;margin:0;font-size:22px;font-weight:700;line-height:1.2}.at-stat-trend{margin:0;font-size:12px;font-weight:400}.at-content-grid{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}.at-filter-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.at-filter-panel h3{color:#111827;margin:0;font-size:16px;font-weight:700}.at-filter-field{flex-direction:column;gap:6px;display:flex}.at-filter-field label{color:#374151;font-size:13px;font-weight:600}.at-filter-field input,.at-filter-field select{color:#111827;box-sizing:border-box;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;height:38px;padding:0 12px;font-family:Inter,sans-serif;font-size:13px}.at-filter-field input::placeholder{color:#9ca3af}.at-checkbox-list{flex-direction:column;gap:8px;display:flex}.at-checkbox-row{color:#374151;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.at-checkbox-row input[type=checkbox]{accent-color:#2563eb;cursor:pointer;width:13px;height:13px}.at-apply-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;height:40px;margin-top:4px;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.at-events-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.at-events-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.at-events-head h3{color:#111827;margin:0;font-size:16px;font-weight:700}.at-events-updated{color:#6b7280;font-size:12px}.at-events-list{flex-direction:column;display:flex}.at-event-row{gap:14px;padding:18px 20px;display:flex}.at-event-row-border{border-bottom:1px solid #e5e7eb}.at-event-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.at-event-body{flex:1;min-width:0}.at-event-title-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.at-event-title{color:#111827;font-size:13px;font-weight:600}.at-event-badge{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.at-event-desc{color:#4b5563;margin:0 0 4px;font-size:12px}.at-event-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:11px;display:flex}.at-dot{color:#d1d5db}.auth-page{background:#f4f7fb;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-panel{text-align:center;background:#fff;border:1px solid #dfe7f1;border-radius:8px;max-width:420px;margin:0 auto;padding:28px;box-shadow:0 18px 40px #0f2c451f}.auth-mark{color:#fff;background:#0f2c45;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;font-size:20px;font-weight:800;display:inline-flex}.auth-panel h1{color:#102436;margin:0;font-size:24px}.auth-panel p{color:#5c6f82;margin:10px 0 20px;font-size:14px;line-height:1.5}.auth-action{color:#fff;background:#0f2c45;border-radius:7px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.auth-host{color:#7c8b99;margin-top:14px;font-size:12px;display:block}.product-landing{color:#102436;background:radial-gradient(circle at 20% 20%,#2dd4bf2e,#0000 28%),linear-gradient(135deg,#f8fbfd 0%,#eef6f8 46%,#fff 100%);min-height:100vh;padding:40px 24px}.product-landing__hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:32px;max-width:1100px;min-height:calc(100vh - 80px);margin:0 auto;display:grid}.product-landing__content{max-width:680px}.product-landing__eyebrow{color:#0f766e;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:800}.product-landing h1{margin:0;font-size:clamp(42px,7vw,72px);line-height:1}.product-landing p{color:#526577;margin:20px 0 0;font-size:18px;line-height:1.6}.product-landing__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.product-landing__secondary{color:#17384f;border:1px solid #cbd8e4;border-radius:7px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.product-landing__panel{background:#ffffffdb;border:1px solid #dfe7f1;border-radius:8px;padding:28px;box-shadow:0 24px 60px #0f2c4524}.product-landing__panel span{color:#0f766e;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800;display:block}.product-landing__panel strong{font-size:28px;line-height:1.2;display:block}.product-landing__panel p{font-size:15px}@media (width<=800px){.product-landing__hero{grid-template-columns:1fr;min-height:auto}}