:root {
  --crm-bg: #f4f7fb;
  --crm-surface: #ffffff;
  --crm-surface-soft: #f8fafc;
  --crm-text: #172033;
  --crm-muted: #667085;
  --crm-text-muted: #667085;
  --crm-border: #e2e8f0;
  --crm-primary: #4f46e5;
  --crm-navigation: #ffffff;
  --crm-shadow: 0 14px 40px rgba(15, 23, 42, .08);
}

[data-theme="dark"] {
  --crm-bg: #0b1120;
  --crm-surface: #111827;
  --crm-surface-soft: #172033;
  --crm-text: #f1f5f9;
  --crm-muted: #94a3b8;
  --crm-text-muted: #94a3b8;
  --crm-border: #263244;
  --crm-navigation: #0b1220;
  --crm-shadow: 0 14px 40px rgba(0, 0, 0, .28);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html, body, #root { width: 100%; min-height: 100%; }
body { margin: 0; font-family: Inter, system-ui, sans-serif; color: var(--crm-text); background: var(--crm-bg); }
a { text-decoration: none; }
.min-w-0 { min-width: 0; }
.place-center { place-items: center; }
.text-secondary { color: var(--crm-muted) !important; }

.crm-workspace { min-height: 100vh; display: flex; overflow: hidden; }
.workspace-main { min-width: 0; flex: 1; height: 100vh; overflow: auto; }
.page-content { min-height: 100%; padding: 24px; }
.page-content:has(.attendance-layout),
.page-content:has(.contacts-workspace),
.page-content:has(.agents-workspace),
.page-content:has(.permissions-workspace),
.page-content:has(.sectors-workspace),
.page-content:has(.protocols-workspace) { height: 100%; padding: 0; }

.app-navigation { flex: 0 0 62px; width: 62px; min-height: 100vh; z-index: 1030; background: var(--crm-navigation); border-right: 1px solid var(--crm-border); align-items: center; }
.attendance-queues { padding: 12px 8px; display: flex; flex-direction: column; gap: 14px; }
.navigation-brand { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #fff; text-decoration: none; font-weight: 800; background: linear-gradient(135deg,#6366f1,#0891b2); }
.navigation-links { display: flex; flex-direction: column; gap: 7px; }
.navigation-link { display: grid; place-items: center; text-decoration: none; }
.queue-icon { position: relative; width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 11px; color: var(--crm-muted); background: transparent; font-size: 1.1rem; }
.queue-icon:hover, .queue-icon.active, .navigation-link.active { color: #fff; background: var(--crm-primary); }
.navigation-footer { margin-top: auto; display: flex; flex-direction: column; align-items: center; gap: 9px; }
.navigation-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #475569; font-size: .75rem; font-weight: 700; }
.navigation-admin-toggle.dropdown-toggle::after { display: none; }
.admin-navigation-menu { min-width: 220px; background: var(--crm-surface); border-color: var(--crm-border); color: var(--crm-text); }
.admin-navigation-menu .dropdown-header { color: var(--crm-muted); }
.admin-navigation-menu .dropdown-item { display: flex; align-items: center; justify-content: flex-start; gap: 10px; color: var(--crm-text); border-radius: 0; }
.admin-navigation-menu .dropdown-item:hover, .admin-navigation-menu .dropdown-item.active { color: var(--crm-primary); background: var(--crm-surface-soft); }
.status-dot { width: 9px; height: 9px; border-radius: 50%; display: inline-block; background: #ef4444; box-shadow: 0 0 0 4px rgba(239,68,68,.12); }
.status-dot.connected { background: #22c55e; box-shadow: 0 0 0 4px rgba(34,197,94,.12); }
.mobile-appbar { height: 52px; padding: 0 12px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--crm-border); background: var(--crm-surface); }
.mobile-navigation { background: var(--crm-surface); color: var(--crm-text); }
.mobile-navigation .offcanvas-header { border-bottom: 1px solid var(--crm-border); }
.mobile-navigation .nav-link { display: flex; grid-template: none; justify-content: flex-start; align-items: center; gap: 12px; color: var(--crm-text); border-radius: 9px; padding: 11px 12px; }
.mobile-navigation .nav-link.active { color: #fff; background: var(--crm-primary); }

.panel { background: var(--crm-surface); border: 1px solid var(--crm-border); border-radius: 14px; box-shadow: var(--crm-shadow); }
.panel-header { padding: 18px 20px; border-bottom: 1px solid var(--crm-border); }
.panel-body { padding: 20px; }
.card, .modal-content, .offcanvas, .list-group-item, .input-group-text { background-color: var(--crm-surface); border-color: var(--crm-border); color: var(--crm-text); }
.card { border-color: var(--crm-border); }
.form-control, .form-select { background-color: var(--crm-surface); border-color: var(--crm-border); color: var(--crm-text); }
.form-control:focus, .form-select:focus { background-color: var(--crm-surface); color: var(--crm-text); }
.form-control::placeholder { color: color-mix(in srgb, var(--crm-muted) 70%, transparent); }
.table { --bs-table-bg: transparent; --bs-table-color: var(--crm-text); --bs-table-border-color: var(--crm-border); }
.btn-primary { --bs-btn-bg: var(--crm-primary); --bs-btn-border-color: var(--crm-primary); --bs-btn-hover-bg: #4338ca; --bs-btn-hover-border-color: #4338ca; }
.empty-state { padding: 48px 24px; text-align: center; color: var(--crm-muted); }
.loading-line { height: 12px; border-radius: 8px; background: linear-gradient(90deg,var(--crm-border),var(--crm-surface-soft),var(--crm-border)); background-size: 200% 100%; animation: pulse 1.2s infinite; }
@keyframes pulse { to { background-position: -200% 0; } }
:focus-visible { outline: 3px solid rgba(79,70,229,.35); outline-offset: 2px; }

.page-heading { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 20px; }
.page-heading-actions { display: flex; align-items: center; gap: 8px; }

/* Login: replica o legado */
.login-page { min-height: 100vh; margin: 0; background: var(--crm-bg); }
.login-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(460px, 1.05fr) minmax(460px, .95fr); }
.login-showcase { position: relative; overflow: hidden; padding: clamp(38px, 5vw, 76px); color: #fff; background: linear-gradient(145deg, #312e81 0%, #4338ca 48%, #0891b2 100%); }
.login-showcase::before, .login-showcase::after { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.16); }
.login-showcase::before { width: 520px; height: 520px; right: -180px; top: -150px; box-shadow: 0 0 0 70px rgba(255,255,255,.035), 0 0 0 140px rgba(255,255,255,.025); }
.login-showcase::after { width: 280px; height: 280px; left: -120px; bottom: -120px; background: rgba(255,255,255,.04); }
.login-showcase-content { position: relative; z-index: 1; width: min(620px, 100%); display: flex; flex-direction: column; }
.login-brand, .login-mobile-brand { display: inline-flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; font-size: 1.05rem; font-weight: 800; letter-spacing: -.02em; }
.login-brand-mark { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: rgba(255,255,255,.18); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); font-size: 1.25rem; backdrop-filter: blur(10px); }
.login-showcase-copy { margin: auto 0; padding: 80px 0; }
.login-eyebrow { display: inline-flex; align-items: center; margin-bottom: 22px; font-size: .72rem; font-weight: 800; letter-spacing: .16em; opacity: .82; }
.login-showcase h1 { max-width: 580px; margin-bottom: 22px; font-size: clamp(2.5rem, 4.6vw, 4.5rem); line-height: 1.03; letter-spacing: -.055em; font-weight: 800; }
.login-showcase-copy > p { max-width: 530px; color: rgba(255,255,255,.76); font-size: 1.05rem; line-height: 1.7; }
.login-feature-list { display: grid; gap: 17px; margin-top: 38px; }
.login-feature-list > div { display: flex; align-items: center; gap: 14px; }
.login-feature-list > div > span { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 12px; background: rgba(255,255,255,.13); font-size: 1.05rem; }
.login-feature-list p { display: grid; margin: 0; }
.login-feature-list strong { font-size: .9rem; }
.login-feature-list small, .login-showcase-footer { color: rgba(255,255,255,.64); }
.login-form-section { display: grid; place-items: center; padding: clamp(28px, 6vw, 82px); background: var(--crm-surface); }
.login-form-wrap { width: min(440px, 100%); }
.login-mobile-brand { margin-bottom: 46px; color: var(--crm-text); }
.login-mobile-brand .login-brand-mark { background: linear-gradient(135deg,#6366f1,#0891b2); }
.login-welcome-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; color: var(--crm-primary); background: color-mix(in srgb, var(--crm-primary) 12%, var(--crm-surface)); font-size: 1.2rem; }
.login-input .input-group-text { border-right: 0; color: var(--crm-muted); }
.login-input .form-control { border-left: 0; }
.login-input .form-control:focus { box-shadow: none; border-color: var(--crm-border); }
.login-input:focus-within { border-radius: var(--bs-border-radius-lg); box-shadow: 0 0 0 .25rem rgba(79,70,229,.14); }
.login-input:focus-within > * { border-color: color-mix(in srgb, var(--crm-primary) 55%, var(--crm-border)); }
.login-submit { min-height: 52px; border: 0; background: linear-gradient(135deg,#4f46e5,#2563eb); box-shadow: 0 10px 25px rgba(79,70,229,.22); font-weight: 700; }
.login-submit:hover { background: linear-gradient(135deg,#4338ca,#1d4ed8); transform: translateY(-1px); }
.login-help { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--crm-border); color: var(--crm-muted); font-size: .78rem; text-align: center; }
.login-session-check { display: none; position: fixed; inset: 0; z-index: 10; place-content: center; justify-items: center; gap: 14px; background: var(--crm-surface); color: var(--crm-muted); font-size: .85rem; }
.auth-checking .login-session-check { display: grid; }
.auth-checking .login-shell { visibility: hidden; }

/* Dashboard legado */
.dashboard-page { max-width: 1520px; margin: 0 auto; }
.dashboard-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.dashboard-eyebrow { display: inline-block; margin-bottom: 6px; color: var(--crm-primary); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.dashboard-context { display: flex; align-items: center; gap: 8px; color: var(--crm-muted); }
.dashboard-context-icon { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; color: var(--crm-primary); background: color-mix(in srgb, var(--crm-primary) 10%, var(--crm-surface)); }
.dashboard-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 14px; padding: 16px 18px; margin-bottom: 20px; box-shadow: none; border-radius: 16px; background: color-mix(in srgb, var(--crm-surface) 92%, var(--crm-primary)); }
.dashboard-filters .form-label { color: var(--crm-muted); font-size: .72rem; font-weight: 700; margin-bottom: 4px; }
.dashboard-cards { display: grid; grid-template-columns: repeat(4, minmax(170px, 1fr)); gap: 12px; }
.dashboard-metric { display: flex; align-items: center; gap: 14px; min-height: 88px; padding: 16px; border: 1px solid var(--crm-border); border-radius: 14px; background: var(--crm-surface); box-shadow: 0 6px 22px rgba(15,23,42,.045); }
.metric-icon { width: 43px; height: 43px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 12px; font-size: 1.15rem; }
.metric-label { display: block; color: var(--crm-muted); font-size: .75rem; font-weight: 600; margin-bottom: 2px; }
.metric-value { font-size: 1.85rem; font-weight: 800; }
.dashboard-metric .metric-value { display: block; font-size: 1.35rem; line-height: 1.2; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(320px, .85fr); gap: 18px; }
.dashboard-card { min-width: 0; background: var(--crm-surface); border: 1px solid var(--crm-border); border-radius: 16px; box-shadow: 0 10px 32px rgba(15,23,42,.055); overflow: hidden; }
.dashboard-card-header { min-height: 68px; padding: 15px 18px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--crm-border); }
.dashboard-card-icon { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; color: var(--crm-primary); background: color-mix(in srgb, var(--crm-primary) 10%, var(--crm-surface)); }
.dashboard-placeholder { min-height: 220px; display: grid; place-items: center; padding: 30px; color: var(--crm-muted); text-align: center; }
.dashboard-recent { grid-column: 1 / -1; }

/* Inbox legado */
.attendance-layout { display: grid; grid-template-columns: minmax(310px, 390px) minmax(420px, 1fr) minmax(250px, 300px); height: 100vh; overflow: hidden; background: var(--crm-surface); }
.conversation-list-panel, .conversation-panel { min-height: 0; display: flex; flex-direction: column; background: var(--crm-surface); }
.conversation-list-panel { border-right: 1px solid var(--crm-border); }
.compact-header { padding: 12px 14px; }
.attendance-tabs { display: flex; border-bottom: 1px solid var(--crm-border); overflow-x: auto; }
.attendance-tab { white-space: nowrap; border: 0; border-bottom: 2px solid transparent; padding: 8px 9px; background: transparent; color: var(--crm-muted); font-size: .78rem; }
.attendance-tab.active { color: var(--crm-primary); border-bottom-color: var(--crm-primary); font-weight: 700; }
.conversation-scroll, .message-scroll { overflow-y: auto; min-height: 0; }
.conversation-scroll { flex: 1; }
.conversation-item { width: 100%; border: 0; border-bottom: 1px solid var(--crm-border); background: transparent; color: var(--crm-text); padding: 15px; text-align: left; }
.conversation-item:hover, .conversation-item.active { background: var(--crm-surface-soft); }
.conversation-item.active { box-shadow: inset 3px 0 var(--crm-primary); }
.avatar { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; color: #fff; background: linear-gradient(135deg,#6366f1,#0891b2); font-weight: 700; }
.avatar-xl { width: 88px; height: 88px; font-size: 1.8rem; }
.conversation-toolbar { display: flex; align-items: center; min-height: 49px; }
.conversation-tag { --tag-color: #4f46e5; display: inline-flex; align-items: center; gap: 3px; border: 1px solid var(--tag-color); border-radius: 5px; padding: 2px 6px; color: var(--tag-color); background: color-mix(in srgb, var(--tag-color) 10%, var(--crm-surface)); font-size: .7rem; font-weight: 700; }
.message-scroll { flex: 1; padding: 20px; background: color-mix(in srgb, var(--crm-bg) 65%, var(--crm-surface)); }
.message-row { display: flex; margin-bottom: 14px; }
.message-row.outgoing { justify-content: flex-end; }
.message-bubble { max-width: min(76%, 680px); border: 1px solid var(--crm-border); border-radius: 14px; padding: 10px 13px; background: var(--crm-surface); white-space: pre-wrap; overflow-wrap: anywhere; }
.message-row.outgoing .message-bubble { background: color-mix(in srgb, var(--crm-primary) 14%, var(--crm-surface)); }
.composer { border-top: 1px solid var(--crm-border); padding: 14px; background: var(--crm-surface); }
.contact-detail-panel { min-height: 0; overflow-y: auto; border-left: 1px solid var(--crm-border); background: var(--crm-surface); }
.protocol-number { font-size: 1.7rem; font-weight: 700; margin-top: 3px; }
.quick-reply-menu { position: absolute; right: 16px; bottom: 76px; left: 16px; z-index: 20; max-height: 280px; overflow-y: auto; box-shadow: 0 12px 30px rgba(15,23,42,.18); }
.offline-banner { display: none; }
.offline-banner.visible { display: block; }

/* Compatibilidade com os nomes usados na implementação React da Inbox */
.inbox-workspace { display: grid; grid-template-columns: minmax(310px,390px) minmax(420px,1fr) minmax(250px,300px); height: 100vh; min-height: 0; overflow: hidden; background: var(--crm-surface); }
.page-content:has(.inbox-workspace) { height: 100%; padding: 0; }
.inbox-list-panel, .inbox-chat-panel, .inbox-detail-panel { min-height: 0; overflow: hidden; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.inbox-list-panel { border-right: 1px solid var(--crm-border) !important; }
.inbox-conversation-list { overflow-y: auto; height: 100%; }
.inbox-conversation-item { width: 100%; border: 0; border-bottom: 1px solid var(--crm-border); background: transparent; color: var(--crm-text); padding: 15px; text-align: left; }
.inbox-conversation-item:hover, .inbox-conversation-item.active { background: var(--crm-surface-soft); }
.inbox-conversation-item.active { box-shadow: inset 3px 0 var(--crm-primary); }
.inbox-chat-panel { display: flex; flex-direction: column; }
.inbox-messages { flex: 1; min-height: 0; overflow-y: auto; padding: 20px; background: color-mix(in srgb,var(--crm-bg) 65%,var(--crm-surface)); }
.inbox-message-row { display: flex; margin-bottom: 14px; }
.inbox-message-row.outgoing { justify-content: flex-end; }
.inbox-message-bubble { max-width: min(76%,680px); border: 1px solid var(--crm-border); border-radius: 14px; padding: 10px 13px; background: var(--crm-surface); white-space: pre-wrap; overflow-wrap: anywhere; }
.inbox-message-row.outgoing .inbox-message-bubble { background: color-mix(in srgb,var(--crm-primary) 14%,var(--crm-surface)); }
.inbox-media-image, .inbox-media-video { display: block; max-width: 100%; max-height: 320px; border-radius: 10px; margin-bottom: 8px; }
.inbox-composer { border-top: 1px solid var(--crm-border); padding: 14px; background: var(--crm-surface); }
.inbox-detail-panel { overflow-y: auto; border-left: 1px solid var(--crm-border) !important; background: var(--crm-surface); }

/* Contatos legado */
.contacts-workspace { display: grid; grid-template-columns: 230px minmax(420px,1fr) minmax(280px,340px); height: 100vh; overflow: hidden; background: var(--crm-surface); }
.contacts-filter-panel { padding: 18px 14px; overflow-y: auto; background: var(--crm-surface-soft); border-right: 1px solid var(--crm-border); }
.contacts-nav { gap: 4px; }
.contacts-nav .nav-link { width: 100%; display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 9px; border: 0; border-radius: 12px; padding: 10px 12px; color: var(--crm-text); background: transparent; text-align: left; }
.contacts-nav .nav-link:hover, .contacts-nav .nav-link.active { color: var(--crm-primary); background: color-mix(in srgb,var(--crm-primary) 12%,var(--crm-surface)); }
.contacts-filter-title { margin: 26px 10px 10px; color: var(--crm-muted); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.contacts-list-panel { min-width: 0; display: flex; flex-direction: column; }
.contacts-list-header { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 22px 24px 14px; }
.contacts-search { width: min(360px,45%); }
.contacts-column-head, .contact-list-item { display: grid; grid-template-columns: minmax(180px,1.2fr) minmax(140px,.9fr) minmax(130px,1fr); gap: 18px; align-items: center; }
.contacts-column-head { margin: 0 16px; padding: 11px 16px; color: var(--crm-muted); border-bottom: 1px solid var(--crm-border); font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.contacts-list { overflow-y: auto; }
.contact-list-item { width: 100%; padding: 12px 32px; border: 0; border-bottom: 1px solid var(--crm-border); color: var(--crm-text); background: transparent; text-align: left; }
.contact-list-item:hover, .contact-list-item.active { background: var(--crm-surface-soft); }
.contact-list-item.active { box-shadow: inset 3px 0 var(--crm-primary); }
.contact-identity { min-width: 0; display: flex; align-items: center; gap: 12px; }
.contact-avatar { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg,#db2777,#7c3aed); font-weight: 800; }
.contact-avatar-lg { width: 82px; height: 82px; font-size: 1.45rem; }
.contact-skill { --skill-color: #0891b2; display: inline-flex; border: 1px solid var(--skill-color); border-radius: 5px; padding: 2px 6px; color: var(--skill-color); background: color-mix(in srgb,var(--skill-color) 9%,var(--crm-surface)); font-size: .68rem; font-weight: 700; }
.contact-profile-panel { overflow-y: auto; border-left: 1px solid var(--crm-border); background: var(--crm-surface); }
.contact-profile-hero { padding: 32px 22px 24px; text-align: center; border-bottom: 1px solid var(--crm-border); }
.contact-profile-hero .contact-avatar { margin: 0 auto 14px; }
.contact-profile-info { padding: 10px 20px; }
.contact-detail-line { display: grid; grid-template-columns: 24px 1fr; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--crm-border); overflow-wrap: anywhere; }
.contact-detail-line > i { color: var(--crm-primary); }
.contact-profile-actions { display: flex; gap: 8px; padding: 16px 20px 24px; }
.contact-editor { width: min(560px,100vw) !important; background: var(--crm-surface); color: var(--crm-text); }

/* Protocolos */
.protocols-workspace { display: grid; grid-template-columns: 300px minmax(0,1fr); height: 100vh; overflow: hidden; background: var(--crm-surface); }
.protocols-sidebar { display: flex; flex-direction: column; min-height: 0; border-right: 1px solid var(--crm-border); background: var(--crm-surface-soft); }
.protocols-sidebar > header { padding: 20px 16px 14px; border-bottom: 1px solid var(--crm-border); }
.protocol-list { overflow-y: auto; }
.protocol-list-item { width: 100%; display: flex; flex-direction: column; gap: 2px; padding: 13px 16px; border: 0; border-bottom: 1px solid var(--crm-border); color: var(--crm-text); background: transparent; text-align: left; }
.protocol-list-item:hover, .protocol-list-item.active { background: var(--crm-surface); }
.protocol-list-item.active { box-shadow: inset 3px 0 var(--crm-primary); }
.protocol-viewer { min-width: 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.protocol-view-header { min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 22px; border-bottom: 1px solid var(--crm-border); }
.protocol-metrics { display: grid; grid-template-columns: repeat(6,minmax(100px,1fr)); gap: 1px; background: var(--crm-border); border-bottom: 1px solid var(--crm-border); }
.protocol-metrics > div { padding: 11px 14px; background: var(--crm-surface); }
.protocol-detail-grid { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0,1fr) 280px; }
.protocol-messages { min-height: 0; display: flex; flex-direction: column; }
.protocol-timeline { overflow-y: auto; border-left: 1px solid var(--crm-border); }
.timeline-item, .protocol-event { position: relative; margin-left: 20px; padding: 0 14px 18px 20px; border-left: 2px solid var(--crm-border); }
.timeline-item::before, .protocol-event::before { content: ""; position: absolute; left: -6px; top: 3px; width: 10px; height: 10px; border-radius: 50%; background: var(--crm-primary); }

/* Atendentes */
.agents-workspace { display: grid; grid-template-columns: 240px minmax(440px,1fr) 330px; height: 100vh; overflow: hidden; background: var(--crm-surface); }
.agents-filter-panel { overflow-y: auto; padding: 20px 14px; border-right: 1px solid var(--crm-border); background: var(--crm-surface-soft); }
.agents-list-panel { min-width: 0; display: flex; flex-direction: column; overflow: hidden; }
.agents-column-head, .agent-list-item { display: grid; grid-template-columns: minmax(190px,1.3fr) minmax(130px,1fr) minmax(120px,.8fr) 72px; gap: 16px; align-items: center; }
.agents-column-head { padding: 10px 18px; border-bottom: 1px solid var(--crm-border); color: var(--crm-muted); font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.agents-list { overflow-y: auto; }
.agent-list-item { width: 100%; padding: 13px 18px; border: 0; border-bottom: 1px solid var(--crm-border); color: var(--crm-text); background: transparent; text-align: left; }
.agent-list-item:hover { background: var(--crm-surface-soft); }
.agent-list-item.active { background: color-mix(in srgb,var(--crm-primary) 8%,var(--crm-surface)); box-shadow: inset 3px 0 var(--crm-primary); }
.agent-avatar { background: linear-gradient(135deg,#0891b2,#4f46e5); }
.agent-profile-panel { overflow-y: auto; border-left: 1px solid var(--crm-border); background: var(--crm-surface); }
.agent-editor { width: min(600px,100vw) !important; background: var(--crm-surface); color: var(--crm-text); }

/* Permissões */
.permissions-workspace { display: grid; grid-template-columns: 330px minmax(0,1fr); height: 100vh; overflow: hidden; background: var(--crm-surface-soft); }
.permission-groups-panel { display: flex; flex-direction: column; min-height: 0; border-right: 1px solid var(--crm-border); background: var(--crm-surface); }
.permission-groups-panel > header { padding: 24px 18px 16px; }
.permission-search { width: calc(100% - 32px); margin: 0 16px 12px; }
.permission-group-list { overflow-y: auto; }
.permission-group-item { width: 100%; display: flex; align-items: center; gap: 12px; padding: 13px 16px; border: 0; border-bottom: 1px solid var(--crm-border); color: var(--crm-text); background: transparent; text-align: left; }
.permission-group-item:hover { background: var(--crm-surface-soft); }
.permission-group-item.active { background: color-mix(in srgb,var(--crm-primary) 9%,var(--crm-surface)); box-shadow: inset 3px 0 var(--crm-primary); }
.permission-group-icon { width: 40px; height: 40px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; color: var(--crm-primary); background: color-mix(in srgb,var(--crm-primary) 12%,var(--crm-surface)); font-size: 1.1rem; }
.permission-detail-panel { min-width: 0; overflow-y: auto; background: var(--crm-surface-soft); }
.permission-detail-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 28px; border-bottom: 1px solid var(--crm-border); background: var(--crm-surface); }
.permission-summary { display: grid; grid-template-columns: repeat(3,minmax(150px,220px)); gap: 12px; padding: 18px 28px; }
.permission-summary > div { display: grid; grid-template-columns: 38px 1fr; column-gap: 10px; align-items: center; padding: 14px; border: 1px solid var(--crm-border); border-radius: 12px; background: var(--crm-surface); }
.permission-summary i { grid-row: 1 / 3; color: var(--crm-primary); font-size: 1.3rem; }
.permission-category-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 16px; padding: 0 28px 28px; }
.permission-category-card { overflow: hidden; border: 1px solid var(--crm-border); border-radius: 14px; background: var(--crm-surface); }
.permission-category-card > header { display: flex; align-items: center; gap: 12px; padding: 15px 16px; border-bottom: 1px solid var(--crm-border); }
.permission-row { display: grid; grid-template-columns: 20px 1fr; gap: 10px; padding: 11px 16px; border-bottom: 1px solid var(--crm-border); }
.permission-editor { width: min(660px,100vw) !important; background: var(--crm-surface); color: var(--crm-text); }

/* Setores */
.sectors-workspace { display: grid; grid-template-columns: 340px minmax(0,1fr); height: 100vh; overflow: hidden; background: var(--crm-surface-soft); }
.sectors-list-panel { display: flex; flex-direction: column; min-height: 0; border-right: 1px solid var(--crm-border); background: var(--crm-surface); }
.sectors-list-panel > header { padding: 24px 18px 16px; }
.sector-search { width: calc(100% - 32px); margin: 0 16px 12px; }
.sectors-list { overflow-y: auto; }
.sector-list-item { width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 0; border-bottom: 1px solid var(--crm-border); color: var(--crm-text); background: transparent; text-align: left; }
.sector-list-item:hover { background: var(--crm-surface-soft); }
.sector-list-item.active { background: color-mix(in srgb,var(--crm-primary) 9%,var(--crm-surface)); box-shadow: inset 3px 0 var(--crm-primary); }
.sector-list-icon, .sector-hero-icon { display: grid; place-items: center; color: var(--crm-primary); background: color-mix(in srgb,var(--crm-primary) 12%,var(--crm-surface)); }
.sector-list-icon { width: 42px; height: 42px; flex: 0 0 auto; border-radius: 12px; }
.sector-detail-panel { min-width: 0; overflow-y: auto; background: var(--crm-surface-soft); }
.sector-detail-header { display: flex; align-items: center; gap: 18px; padding: 28px 32px; border-bottom: 1px solid var(--crm-border); background: var(--crm-surface); }
.sector-hero-icon { width: 64px; height: 64px; flex: 0 0 auto; border-radius: 18px; font-size: 1.6rem; }
.sector-detail-body { max-width: 850px; display: grid; grid-template-columns: repeat(2,minmax(200px,1fr)); gap: 16px; padding: 28px 32px; }
.sector-info-card { display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px solid var(--crm-border); border-radius: 14px; background: var(--crm-surface); }
.sector-info-card > i { color: var(--crm-primary); font-size: 1.3rem; }

/* WhatsApp / Configurações */
.whatsapp-page { max-width: 1320px; }
.whatsapp-page .card, .settings-card { border-color: var(--crm-border); color: var(--crm-text); background: var(--crm-surface); box-shadow: 0 8px 30px rgba(15,23,42,.05); }
.wa-brand-icon, .wa-section-icon { width: 52px; height: 52px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; color: #16a34a; background: color-mix(in srgb,#16a34a 12%,var(--crm-surface)); font-size: 1.4rem; }
.wa-status-badge { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border: 1px solid var(--crm-border); border-radius: 999px; font-size: .75rem; font-weight: 800; }
.wa-status-badge > span { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.wa-status-badge.is-connected { color: #15803d; }
.wa-status-badge.is-error { color: #dc2626; }
.wa-status-badge.is-connecting { color: #d97706; }
.whatsapp-qr-area { min-height: 420px; }
.whatsapp-qr { width: min(320px,100%); height: auto; }
.settings-page { max-width: 1440px; }

/* Chamadas */
.call-modal { border: 0; border-radius: 1.4rem; box-shadow: 0 28px 80px rgba(0,0,0,.3); }
.call-pulse { width: 74px; height: 74px; display: grid; place-items: center; margin: auto; border-radius: 50%; color: #fff; background: #22c55e; font-size: 1.8rem; box-shadow: 0 0 0 0 rgba(34,197,94,.45); animation: call-pulse 1.5s infinite; }
.call-pulse.active { animation: none; background: var(--crm-primary); box-shadow: none; }
.call-timer { font-variant-numeric: tabular-nums; font-size: 1.25rem; font-weight: 800; }
@keyframes call-pulse { 70% { box-shadow: 0 0 0 18px rgba(34,197,94,0); } 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); } }

@media (max-width: 1399.98px) {
  .attendance-layout, .inbox-workspace { grid-template-columns: minmax(300px,360px) minmax(420px,1fr); }
  .contact-detail-panel, .inbox-detail-panel { display: none; }
  .contacts-workspace { grid-template-columns: 220px minmax(420px,1fr); }
  .contact-profile-panel { display: none; }
  .agents-workspace { grid-template-columns: 220px minmax(440px,1fr); }
  .agent-profile-panel { display: none; }
  .dashboard-cards { grid-template-columns: repeat(2,minmax(170px,1fr)); }
}

@media (max-width: 991.98px) {
  .login-shell { grid-template-columns: 1fr; }
  .login-form-section { min-height: 100vh; }
  .dashboard-grid { grid-template-columns: 1fr; }
  .dashboard-recent { grid-column: auto; }
  .protocols-workspace, .permissions-workspace, .sectors-workspace { grid-template-columns: 1fr; height: auto; min-height: 100%; }
  .protocols-sidebar, .permission-groups-panel, .sectors-list-panel { max-height: 390px; border-right: 0; border-bottom: 1px solid var(--crm-border); }
  .protocol-detail-grid { grid-template-columns: 1fr; }
  .protocol-timeline { border-left: 0; border-top: 1px solid var(--crm-border); }
}

@media (max-width: 767.98px) {
  .workspace-main { height: 100vh; }
  .page-content { min-height: calc(100% - 52px); padding: 18px 14px; }
  .page-content:has(.attendance-layout), .page-content:has(.inbox-workspace), .page-content:has(.contacts-workspace), .page-content:has(.agents-workspace), .page-content:has(.permissions-workspace), .page-content:has(.sectors-workspace), .page-content:has(.protocols-workspace) { height: calc(100% - 52px); padding: 0; }
  .attendance-layout, .inbox-workspace, .contacts-workspace, .agents-workspace { display: block; height: 100%; overflow: auto; }
  .conversation-list-panel, .inbox-list-panel, .contacts-filter-panel, .agents-filter-panel { min-height: 300px; max-height: 48vh; border-right: 0 !important; border-bottom: 1px solid var(--crm-border); }
  .conversation-panel, .inbox-chat-panel, .contacts-list-panel, .agents-list-panel { min-height: 52vh; }
  .dashboard-header, .contacts-list-header { align-items: stretch; flex-direction: column; }
  .dashboard-cards { grid-template-columns: 1fr 1fr; }
  .contacts-search { width: 100%; }
  .contacts-column-head, .contact-list-item { grid-template-columns: minmax(180px,1fr); }
  .contacts-column-head span:nth-child(n+2), .contact-list-item > :nth-child(n+2) { display: none; }
  .agents-column-head, .agent-list-item { grid-template-columns: minmax(180px,1fr) 80px; }
  .agents-column-head span:nth-child(2), .agents-column-head span:nth-child(3), .agent-list-item > :nth-child(2), .agent-list-item > :nth-child(3) { display: none; }
}

@media (max-width: 575.98px) {
  .dashboard-cards { grid-template-columns: 1fr; }
  .permission-summary, .sector-detail-body { grid-template-columns: 1fr; }
  .permission-category-list { grid-template-columns: 1fr; padding-inline: 14px; }
  .login-form-section { padding: 28px 22px; }
  .inbox-message-bubble, .message-bubble { max-width: 90%; }
}

.tag-remove { border: 0; padding: 0 0 0 3px; color: inherit; background: transparent; font-weight: 800; }
.message-bubble.deleted { opacity: .72; font-style: italic; }
.message-media-image, .message-media-video { display: block; width: min(100%, 420px); max-height: 360px; margin-bottom: 8px; border-radius: 10px; object-fit: contain; background: #0f172a; }
.message-media-audio { display: block; width: min(100%, 360px); margin-bottom: 8px; }
.permission-editor-groups { display: grid; gap: 12px; }
.permission-check-group { padding: 14px; border: 1px solid var(--crm-border); border-radius: 12px; }
.permission-check-group legend { float: none; width: auto; margin: 0 0 10px; padding: 0; color: var(--crm-text); font-size: .9rem; font-weight: 700; }
.permission-check { display: flex; gap: 8px; margin-bottom: 10px; }
.permission-check:last-child { margin-bottom: 0; }
.permission-check code, .permission-row code { color: var(--crm-muted); }
.sector-editor { width: min(500px, 100vw) !important; color: var(--crm-text); background: var(--crm-surface); }
.settings-card .card-header, .settings-card .card-footer, .settings-card .list-group-item { border-color: var(--crm-border); color: var(--crm-text); background: transparent; }

.wa-reconnect-card { border-left: 4px solid #16a34a !important; }
.wa-steps { display: grid; gap: 12px; padding: 0; list-style: none; }
.wa-steps li { display: flex; align-items: flex-start; gap: 12px; padding: 13px; border: 1px solid var(--crm-border); border-radius: 12px; background: var(--crm-surface-soft); }
.wa-steps li > span { width: 29px; height: 29px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--crm-primary); font-size: .78rem; font-weight: 800; }
.wa-qr-panel { padding: 20px; border: 1px solid var(--crm-border); border-radius: 16px; background: linear-gradient(145deg,var(--crm-surface),var(--crm-surface-soft)); }
.wa-qr-stage { aspect-ratio: 1; min-height: 280px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; padding: 16px; overflow: hidden; border: 1px dashed var(--crm-border); border-radius: 14px; background: var(--crm-surface); }
.wa-qr-placeholder { display: flex; flex-direction: column; align-items: center; gap: 7px; color: var(--crm-muted); text-align: center; }
.wa-qr-placeholder i { font-size: 3.25rem; }
.wa-qr-stage img { max-width: 100%; max-height: 100%; object-fit: contain; }
.wa-security-footer { padding: 20px; color: var(--crm-muted); text-align: center; font-size: .8rem; }

.monitoring-shell { max-width: 1600px; margin: 0 auto; }
.monitoring-topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.monitoring-heading { display: flex; align-items: center; gap: 14px; }
.monitoring-heading h1 { margin: 0; font-size: 1.75rem; font-weight: 800; }
.monitoring-heading p { margin: 2px 0 0; color: var(--crm-muted); }
.monitoring-heading-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; color: var(--crm-primary); background: color-mix(in srgb,var(--crm-primary) 12%,var(--crm-surface)); font-size: 1.3rem; }
.monitoring-topbar-actions { display: flex; align-items: center; gap: 10px; }
.monitoring-readonly, .monitoring-live, .monitoring-detail-mode { display: inline-flex; align-items: center; gap: 6px; color: var(--crm-muted); font-size: .78rem; font-weight: 700; }
.monitoring-summary { display: grid; grid-template-columns: repeat(4,minmax(170px,1fr)); gap: 12px; margin-bottom: 18px; }
.monitoring-summary-card { display: flex; align-items: center; gap: 13px; padding: 16px; border: 1px solid var(--crm-border); border-radius: 14px; background: var(--crm-surface); }
.monitoring-summary-card > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; color: var(--crm-primary); background: color-mix(in srgb,var(--crm-primary) 10%,var(--crm-surface)); }
.monitoring-summary-card small, .monitoring-summary-card strong { display: block; }
.monitoring-summary-card small { color: var(--crm-muted); }
.monitoring-summary-card strong { font-size: 1.35rem; }
.monitoring-board { min-height: 620px; height: calc(100vh - 245px); display: grid; grid-template-columns: minmax(320px,390px) minmax(0,1fr); overflow: hidden; border: 1px solid var(--crm-border); border-radius: 16px; background: var(--crm-surface); box-shadow: var(--crm-shadow); }
.monitoring-list-panel { min-height: 0; display: flex; flex-direction: column; border-right: 1px solid var(--crm-border); }
.monitoring-tabs { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid var(--crm-border); }
.monitoring-tab { min-width: 0; padding: 12px 8px; border: 0; border-bottom: 2px solid transparent; color: var(--crm-muted); background: transparent; font-size: .75rem; }
.monitoring-tab i, .monitoring-tab span, .monitoring-tab strong { display: block; }
.monitoring-tab.active { color: var(--crm-primary); border-bottom-color: var(--crm-primary); font-weight: 700; }
.monitoring-list-heading { display: flex; align-items: center; justify-content: space-between; padding: 13px 15px; border-bottom: 1px solid var(--crm-border); }
.monitoring-list-heading small { display: block; color: var(--crm-muted); }
.monitoring-list { flex: 1; min-height: 0; overflow-y: auto; }
.monitoring-list-item { width: 100%; padding: 14px 15px; border: 0; border-bottom: 1px solid var(--crm-border); color: var(--crm-text); background: transparent; text-align: left; }
.monitoring-list-item:hover, .monitoring-list-item.active { background: var(--crm-surface-soft); }
.monitoring-list-item.active { box-shadow: inset 3px 0 var(--crm-primary); }
.monitoring-detail-panel { min-width: 0; min-height: 0; overflow-y: auto; }
.monitoring-empty { min-height: 100%; display: grid; place-content: center; justify-items: center; padding: 30px; color: var(--crm-muted); text-align: center; }
.monitoring-empty > span { width: 70px; height: 70px; display: grid; place-items: center; margin-bottom: 16px; border-radius: 50%; color: var(--crm-primary); background: color-mix(in srgb,var(--crm-primary) 10%,var(--crm-surface)); font-size: 1.7rem; }
.monitoring-empty h2 { color: var(--crm-text); font-size: 1.15rem; }
.monitoring-detail { min-height: 100%; }
.monitoring-detail-toolbar { min-height: 52px; display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-bottom: 1px solid var(--crm-border); }

.bots-page .list-group-item.active { color: var(--crm-text); background: color-mix(in srgb,var(--crm-primary) 9%,var(--crm-surface)); border-color: var(--crm-border); box-shadow: inset 3px 0 var(--crm-primary); }
.bot-sector-row { background: var(--crm-surface-soft); }

@media (max-width: 991.98px) {
  .monitoring-topbar { align-items: flex-start; flex-direction: column; }
  .monitoring-summary { grid-template-columns: repeat(2,minmax(160px,1fr)); }
  .monitoring-board { height: auto; grid-template-columns: 1fr; }
  .monitoring-list-panel { max-height: 480px; border-right: 0; border-bottom: 1px solid var(--crm-border); }
  .monitoring-detail-panel { min-height: 520px; }
}
@media (max-width: 575.98px) {
  .monitoring-summary { grid-template-columns: 1fr; }
  .monitoring-topbar-actions { width: 100%; flex-wrap: wrap; }
}

.call-page { max-width: 1180px; }
.call-qr-card { max-width: 460px; margin-inline: auto; }
.call-qr-stage { min-height: 330px; display: grid; place-items: center; border: 1px dashed var(--crm-border); border-radius: 18px; background: var(--crm-surface-soft); padding: 24px; }
.call-qr-stage img { width: min(100%, 300px); background: #fff; border-radius: 14px; padding: 12px; }
.call-qr-placeholder { display: grid; place-items: center; gap: 10px; color: var(--crm-muted); text-align: center; }
.call-qr-placeholder i { font-size: 4rem; }
.call-status-dot { width: 10px; height: 10px; display: inline-block; border-radius: 50%; background: #94a3b8; }
.call-status-dot.is-connected { background: #22c55e; }
.call-status-dot.is-qr_required { background: #f59e0b; }
.call-status-dot.is-error, .call-status-dot.is-not_configured { background: #ef4444; }
.call-status-dot.is-loading { background: #3b82f6; }

:root {
  --assumi-navy: #0a1a33;
  --assumi-deep-blue: #112d5e;
  --assumi-cyan: #00b8ff;
  --assumi-teal: #00c2a8;
  --assumi-aqua: #6ef2d6;
}

.navigation-brand {
  width: 46px;
  height: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 4px 3px;
  border: 0;
  border-radius: 12px;
  color: var(--crm-text);
  background: transparent;
  box-shadow: none;
  transition: background 140ms ease, transform 140ms ease;
}

.navigation-brand:hover,
.navigation-brand:focus-visible {
  color: var(--crm-text);
  background: color-mix(in srgb, var(--assumi-cyan) 7%, var(--crm-surface));
  box-shadow: none;
}

.navigation-brand:hover {
  transform: translateY(-1px);
}

.navigation-brand img {
  width: 32px;
  height: 27px;
  display: block;
  object-fit: contain;
  background: transparent;
}

.navigation-brand-wordmark {
  max-width: 42px;
  overflow: hidden;
  color: var(--crm-text);
  font-size: .47rem;
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile-brand-inline,
.mobile-navigation-brand {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.mobile-brand-inline img,
.mobile-navigation-brand img {
  width: 27px;
  height: 22px;
  flex: 0 0 auto;
  object-fit: contain;
  background: transparent;
}

.mobile-brand-inline strong,
.mobile-navigation-brand strong {
  max-width: 150px;
  overflow: hidden;
  color: var(--crm-text);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .045em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile-page-title {
  overflow: hidden;
  color: var(--crm-muted);
  font-size: .72rem;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.login-showcase {
  background:
    radial-gradient(circle at 78% 14%, color-mix(in srgb, var(--assumi-cyan) 24%, transparent), transparent 31%),
    radial-gradient(circle at 22% 92%, color-mix(in srgb, var(--assumi-teal) 19%, transparent), transparent 30%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--assumi-navy) 90%, #000) 0%,
      var(--assumi-navy) 43%,
      var(--assumi-deep-blue) 78%,
      color-mix(in srgb, var(--assumi-teal) 44%, var(--assumi-deep-blue)) 132%
    );
}

.login-brand,
.login-mobile-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.login-brand-mark {
  width: 54px;
  height: 46px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.login-brand-mark img {
  width: 54px;
  height: 43px;
  display: block;
  object-fit: contain;
  background: transparent;
}

.login-brand-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
  line-height: 1.05;
}

.login-brand-name {
  max-width: min(340px, 30vw);
  overflow: hidden;
  color: #fff;
  font-size: 1.34rem;
  font-weight: 800;
  letter-spacing: .055em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.login-brand-tagline {
  max-width: min(380px, 34vw);
  overflow: hidden;
  color: rgba(255, 255, 255, .72);
  font-size: .64rem;
  font-weight: 650;
  letter-spacing: .025em;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.login-mobile-brand {
  margin-bottom: 46px;
}

.login-mobile-brand .login-brand-name {
  max-width: 65vw;
  color: var(--crm-text);
}

.login-mobile-brand .login-brand-tagline {
  max-width: 70vw;
  color: var(--crm-muted);
}

.login-eyebrow {
  color: var(--assumi-aqua);
  opacity: 1;
}

.login-submit {
  background: linear-gradient(
    135deg,
    var(--assumi-deep-blue),
    color-mix(in srgb, var(--assumi-cyan) 62%, var(--assumi-deep-blue)) 62%,
    var(--assumi-teal)
  );
  box-shadow: 0 10px 25px color-mix(in srgb, var(--assumi-cyan) 18%, transparent);
}

.login-submit:hover,
.login-submit:focus-visible {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--assumi-deep-blue) 88%, #000),
    color-mix(in srgb, var(--assumi-cyan) 52%, var(--assumi-deep-blue)) 62%,
    color-mix(in srgb, var(--assumi-teal) 88%, #000)
  );
}

@media (max-width: 575.98px) {
  .mobile-brand-inline strong {
    display: none;
  }

  .mobile-appbar {
    gap: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .navigation-brand {
    transition: none;
  }
}

html,
html[data-bs-theme="light"],
html[data-bs-theme="dark"] {
  --bs-body-bg: var(--crm-bg);
  --bs-body-color: var(--crm-text);
  --bs-emphasis-color: var(--crm-text);
  --bs-secondary-color: var(--crm-muted);
  --bs-secondary-bg: var(--crm-surface-soft);
  --bs-tertiary-bg: var(--crm-surface-soft);
  --bs-border-color: var(--crm-border);
  --bs-link-color: var(--crm-primary);
  --bs-link-hover-color: color-mix(in srgb, var(--crm-primary) 82%, var(--crm-text));
}

.modal-content,
.offcanvas,
.dropdown-menu,
.popover,
.list-group-item,
.input-group-text {
  color: var(--crm-text);
  background-color: var(--crm-surface);
  border-color: var(--crm-border);
}

.modal-header,
.modal-footer,
.offcanvas-header,
.dropdown-divider {
  border-color: var(--crm-border);
}

.dropdown-menu {
  --bs-dropdown-bg: var(--crm-surface);
  --bs-dropdown-color: var(--crm-text);
  --bs-dropdown-border-color: var(--crm-border);
  --bs-dropdown-link-color: var(--crm-text);
  --bs-dropdown-link-hover-color: var(--crm-text);
  --bs-dropdown-link-hover-bg: var(--crm-surface-soft);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: var(--crm-primary);
  --bs-dropdown-header-color: var(--crm-muted);
}

.form-control,
.form-select {
  color: var(--crm-text);
  background-color: var(--crm-surface);
  border-color: var(--crm-border);
}

.form-control:focus,
.form-select:focus {
  color: var(--crm-text);
  background-color: var(--crm-surface);
  border-color: color-mix(in srgb, var(--crm-primary) 55%, var(--crm-border));
  box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--crm-primary) 18%, transparent);
}

.form-control:disabled,
.form-select:disabled,
.form-control[readonly] {
  color: var(--crm-muted);
  background-color: color-mix(in srgb, var(--crm-surface-soft) 88%, var(--crm-bg));
  border-color: var(--crm-border);
  opacity: 1;
}

.form-control::placeholder {
  color: color-mix(in srgb, var(--crm-muted) 72%, transparent);
  opacity: 1;
}

.form-check-input {
  background-color: var(--crm-surface);
  border-color: color-mix(in srgb, var(--crm-muted) 58%, var(--crm-border));
}

.form-check-input:checked {
  background-color: var(--crm-primary);
  border-color: var(--crm-primary);
}

.form-check-input:focus {
  border-color: color-mix(in srgb, var(--crm-primary) 60%, var(--crm-border));
  box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--crm-primary) 18%, transparent);
}

.form-text,
.form-label,
.text-body-secondary {
  color: var(--crm-muted);
}

.table {
  --bs-table-color: var(--crm-text);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--crm-border);
  --bs-table-hover-color: var(--crm-text);
  --bs-table-hover-bg: color-mix(in srgb, var(--crm-primary) 5%, var(--crm-surface));
}

[data-theme="dark"] .btn-outline-secondary {
  --bs-btn-color: color-mix(in srgb, var(--crm-text) 82%, var(--crm-muted));
  --bs-btn-border-color: color-mix(in srgb, var(--crm-muted) 48%, var(--crm-border));
  --bs-btn-hover-color: var(--crm-text);
  --bs-btn-hover-bg: var(--crm-surface-soft);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--crm-muted) 65%, var(--crm-border));
  --bs-btn-active-color: var(--crm-text);
  --bs-btn-active-bg: var(--crm-surface-soft);
}

[data-theme="dark"] .btn-close {
  filter: invert(1) grayscale(100%) brightness(180%);
  opacity: .72;
}

[data-theme="dark"] .btn-close:hover,
[data-theme="dark"] .btn-close:focus {
  opacity: 1;
}

[data-theme="dark"] input[type="color"] {
  background-color: var(--crm-surface-soft);
}

.KNCwiPqM {
  position: fixed;
  inset: 0;
  z-index: 2000;
  min-height: 100dvh;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 28px;
  color: var(--crm-text);
  background:
    radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--assumi-cyan) 20%, transparent), transparent 30%),
    radial-gradient(circle at 82% 78%, color-mix(in srgb, var(--assumi-teal) 16%, transparent), transparent 34%),
    linear-gradient(145deg, color-mix(in srgb, var(--crm-primary) 5%, var(--crm-bg)), var(--crm-bg));
  isolation: isolate;
}

.sDZ5X3iA,
.sDZ5X3iA::before,
.sDZ5X3iA::after {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.sDZ5X3iA {
  width: min(68vw, 760px);
  aspect-ratio: 1;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 12%, transparent);
  opacity: .7;
  animation: rFckNtAL 9s ease-in-out infinite alternate;
}

.sDZ5X3iA::before,
.sDZ5X3iA::after {
  content: "";
  inset: 13%;
  border: 1px solid color-mix(in srgb, var(--assumi-cyan) 11%, transparent);
}

.sDZ5X3iA::after {
  inset: 28%;
  border-color: color-mix(in srgb, var(--assumi-teal) 12%, transparent);
}

.DyB4Moas {
  position: relative;
  z-index: 1;
  width: min(430px, 100%);
  display: grid;
  justify-items: center;
  gap: 22px;
  padding: clamp(34px, 6vw, 48px);
  border: 1px solid color-mix(in srgb, var(--crm-border) 84%, transparent);
  border-radius: 28px;
  background: color-mix(in srgb, var(--crm-surface) 88%, transparent);
  box-shadow:
    0 30px 80px color-mix(in srgb, var(--assumi-navy) 18%, transparent),
    inset 0 1px 0 color-mix(in srgb, #fff 18%, transparent);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.Kh5_1lIK {
  position: relative;
  width: 150px;
  height: 150px;
  display: grid;
  place-items: center;
}

.Gwdu6wti {
  position: relative;
  z-index: 2;
  width: 112px;
  height: 112px;
  display: grid;
  place-items: center;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--crm-border) 72%, transparent);
  border-radius: 30px;
  background: color-mix(in srgb, var(--crm-surface) 94%, transparent);
  box-shadow:
    0 18px 42px color-mix(in srgb, var(--crm-primary) 14%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--crm-primary) 4%, transparent);
}

.Gwdu6wti img {
  display: block;
  width: 100%;
  max-height: 72px;
  object-fit: contain;
}

.hNnO1tpB {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 15%, transparent);
  animation: cJkBSghw 6s linear infinite;
}

.hNnO1tpB::before,
.hNnO1tpB::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.hNnO1tpB::before {
  width: 12px;
  height: 12px;
  top: 9px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--assumi-cyan);
  box-shadow: 0 0 20px color-mix(in srgb, var(--assumi-cyan) 65%, transparent);
}

.hNnO1tpB::after {
  inset: 12px;
  border: 1px dashed color-mix(in srgb, var(--assumi-teal) 22%, transparent);
}

.vXOpxOJO {
  max-width: 330px;
  display: grid;
  justify-items: center;
  gap: 7px;
  text-align: center;
}

.pxG9_H9J {
  color: var(--crm-primary);
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.vXOpxOJO h1 {
  margin: 0;
  font-size: clamp(1.65rem, 5vw, 2.1rem);
  font-weight: 850;
  letter-spacing: -.045em;
}

.vXOpxOJO p {
  margin: 0;
  color: var(--crm-muted);
  font-size: .84rem;
  line-height: 1.55;
}

.kI4s2LdJ {
  width: min(280px, 100%);
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: color-mix(in srgb, var(--crm-border) 72%, transparent);
}

.kI4s2LdJ span {
  display: block;
  width: 46%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--crm-primary), var(--assumi-cyan), var(--assumi-teal));
  box-shadow: 0 0 16px color-mix(in srgb, var(--assumi-cyan) 35%, transparent);
  animation: Qf31MiRp 1.55s ease-in-out infinite;
}

.qyxx8GDv {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--crm-muted);
  font-size: .72rem;
  font-weight: 650;
}

.fGae9ahq {
  display: inline-flex;
  gap: 4px;
}

.fGae9ahq span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--crm-primary);
  animation: ZF6FIqGC 1.1s ease-in-out infinite;
}

.fGae9ahq span:nth-child(2) { animation-delay: .14s; }
.fGae9ahq span:nth-child(3) { animation-delay: .28s; }

.iqFnGUzI {
  position: absolute;
  z-index: 1;
  right: 24px;
  bottom: 22px;
  left: 24px;
  color: color-mix(in srgb, var(--crm-muted) 80%, transparent);
  font-size: .68rem;
  font-weight: 600;
  text-align: center;
}

@keyframes cJkBSghw {
  to { transform: rotate(360deg); }
}

@keyframes Qf31MiRp {
  0% { transform: translateX(-115%); }
  55% { transform: translateX(80%); }
  100% { transform: translateX(230%); }
}

@keyframes ZF6FIqGC {
  0%, 70%, 100% { opacity: .25; transform: translateY(0); }
  35% { opacity: 1; transform: translateY(-2px); }
}

@keyframes rFckNtAL {
  from { transform: scale(.96) rotate(-4deg); }
  to { transform: scale(1.04) rotate(4deg); }
}

@media (max-width: 575.98px) {
  .KNCwiPqM { padding: 18px; }
  .DyB4Moas { padding: 32px 24px; border-radius: 24px; }
  .Kh5_1lIK { width: 132px; height: 132px; }
  .Gwdu6wti { width: 98px; height: 98px; border-radius: 26px; }
  .sDZ5X3iA { width: 110vw; }
  .iqFnGUzI { bottom: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .sDZ5X3iA,
  .hNnO1tpB,
  .kI4s2LdJ span,
  .fGae9ahq span {
    animation: none;
  }

  .kI4s2LdJ span {
    width: 68%;
    opacity: .85;
  }
}

.eWGw4cqq {
  width: min(1580px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 18px;
}

.tQLWZA70 {
  position: relative;
  min-height: 210px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding: 34px 38px;
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 84% 18%, rgba(34,211,238,.24), transparent 27%),
    radial-gradient(circle at 61% 118%, rgba(99,102,241,.48), transparent 38%),
    linear-gradient(125deg, #172554 0%, #312e81 48%, #0f766e 130%);
  box-shadow: 0 24px 58px rgba(30,41,59,.16);
}

.tQLWZA70::before {
  content: "";
  position: absolute;
  width: 330px;
  height: 330px;
  right: -90px;
  top: -190px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  box-shadow: 0 0 0 54px rgba(255,255,255,.035), 0 0 0 108px rgba(255,255,255,.025);
}

.bIxE6T4r {
  position: absolute;
  width: 260px;
  height: 260px;
  left: 43%;
  bottom: -230px;
  border-radius: 50%;
  background: rgba(255,255,255,.16);
  filter: blur(35px);
}

.l4gKkrve,
.Jg0D46tm {
  position: relative;
  z-index: 1;
}

.NEBxSGVA {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: rgba(255,255,255,.72);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.tQLWZA70 h1 {
  margin: 0;
  font-size: clamp(2.3rem, 4vw, 4rem);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 800;
}

.l4gKkrve > p {
  max-width: 680px;
  margin: 14px 0 20px;
  color: rgba(255,255,255,.72);
  font-size: .96rem;
}

.I4gfQl24 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.I4gfQl24 span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 31px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  color: rgba(255,255,255,.82);
  background: rgba(255,255,255,.07);
  backdrop-filter: blur(8px);
  font-size: .7rem;
  font-weight: 600;
}

.Jg0D46tm {
  min-width: 126px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  color: #1e293b !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 9px 22px rgba(15,23,42,.18);
  font-weight: 700;
}

.RSPiLlrp {
  animation: aIJhnGDx .8s linear infinite;
}

@keyframes aIJhnGDx {
  to { transform: rotate(360deg); }
}

.xRQVS_Qj {
  position: sticky;
  top: 10px;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid color-mix(in srgb, var(--crm-border) 86%, var(--crm-primary));
  border-radius: 18px;
  background: color-mix(in srgb, var(--crm-surface) 91%, transparent);
  box-shadow: 0 12px 32px rgba(15,23,42,.08);
  backdrop-filter: blur(16px);
}

.nzlsap7s {
  display: flex;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: var(--crm-surface-soft);
}

.nzlsap7s button {
  min-height: 31px;
  padding: 5px 10px;
  border: 0;
  border-radius: 9px;
  color: var(--crm-muted);
  background: transparent;
  font-size: .72rem;
  font-weight: 700;
  transition: 140ms ease;
}

.nzlsap7s button:hover {
  color: var(--crm-text);
  background: color-mix(in srgb, var(--crm-primary) 7%, var(--crm-surface));
}

.nzlsap7s .nbYJVRmi {
  color: #fff;
  background: var(--crm-primary);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--crm-primary) 25%, transparent);
}

.whZaOl_K {
  width: 142px;
}

.m845SaHH {
  min-width: 190px;
  flex: 1 1 210px;
  max-width: 285px;
}

.whZaOl_K label,
.m845SaHH label {
  margin-bottom: 3px;
  color: var(--crm-muted);
  font-size: .66rem;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.whZaOl_K .form-control,
.m845SaHH .form-select {
  min-height: 34px;
  border-radius: 10px;
  font-size: .76rem;
}

.eSeaT6p2 {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding-inline: 16px;
  border-radius: 10px;
  font-weight: 700;
}

.l3phlXO2 {
  display: grid;
  grid-template-columns: repeat(4, minmax(170px, 1fr));
  gap: 12px;
}

.YS1iQP1G {
  min-height: 122px;
  padding: 20px;
  border: 1px solid var(--crm-border);
  border-radius: 18px;
  background: var(--crm-surface);
}

.d79rLMpT {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: 13px;
}

.ZS4PyT4v {
  position: relative;
  min-width: 0;
  min-height: 142px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 18px 19px 16px;
  border: 1px solid var(--crm-border);
  border-radius: 19px;
  background: var(--crm-surface);
  box-shadow: 0 9px 28px rgba(15,23,42,.045);
}

.ZS4PyT4v::after {
  content: "";
  position: absolute;
  width: 84px;
  height: 84px;
  top: -30px;
  right: -26px;
  border-radius: 50%;
  background: var(--metric-soft, var(--crm-surface-soft));
}

._93gdeHwW {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 9px;
}

.jc3qIsKA {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 10px;
  color: var(--metric-color, var(--crm-primary));
  background: var(--metric-soft, var(--crm-surface-soft));
}

.Q85O2isB {
  overflow: hidden;
  color: var(--crm-muted);
  font-size: .72rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.KWyHtOdt {
  position: relative;
  z-index: 1;
  margin-top: auto;
  font-size: clamp(1.65rem, 2vw, 2.15rem);
  line-height: 1.05;
  letter-spacing: -.035em;
}

.YO8ukNsb {
  position: relative;
  z-index: 1;
  margin-top: 6px;
  overflow: hidden;
  color: var(--crm-muted);
  font-size: .68rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.FRD9qGAY { --metric-color: #4f46e5; --metric-soft: color-mix(in srgb, #4f46e5 11%, var(--crm-surface)); }
.QkrxYYpw { --metric-color: #15803d; --metric-soft: color-mix(in srgb, #16a34a 11%, var(--crm-surface)); }
.BNy8P5hN { --metric-color: #b45309; --metric-soft: color-mix(in srgb, #f59e0b 12%, var(--crm-surface)); }
.Bld8P4uA { --metric-color: #0369a1; --metric-soft: color-mix(in srgb, #0ea5e9 11%, var(--crm-surface)); }
.VQ5S0Yi4 { --metric-color: #b91c1c; --metric-soft: color-mix(in srgb, #ef4444 11%, var(--crm-surface)); }
.YQ2sJlKA { --metric-color: var(--crm-muted); --metric-soft: var(--crm-surface-soft); }

.BBywao9W,
.S4LQzIzR {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 16px;
  background: var(--crm-border);
}

.BBywao9W > div,
.S4LQzIzR > div {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 15px;
  background: var(--crm-surface);
}

.BBywao9W > div > span,
.S4LQzIzR > div > span {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 9px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 9%, var(--crm-surface));
}

.BBywao9W small,
.S4LQzIzR small,
.BBywao9W strong,
.S4LQzIzR strong {
  display: block;
}

.BBywao9W small,
.S4LQzIzR small {
  overflow: hidden;
  color: var(--crm-muted);
  font-size: .66rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.BBywao9W strong,
.S4LQzIzR strong {
  margin-top: 1px;
  font-size: 1rem;
}

.d6fw4CPh,
.aGyDIKSl,
.BnNYq0PD {
  display: grid;
  gap: 16px;
}

.d6fw4CPh {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
}

.aGyDIKSl {
  grid-template-columns: minmax(0, 1.7fr) minmax(300px, .72fr);
}

.BnNYq0PD {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vTOgesvo {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 19px;
  background: var(--crm-surface);
  box-shadow: 0 9px 30px rgba(15,23,42,.045);
}

.ULSTH1v3 {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 18px;
  border-bottom: 1px solid var(--crm-border);
}

.ULSTH1v3 h2 {
  margin: 0;
  font-size: .92rem;
  font-weight: 750;
  letter-spacing: -.015em;
}

.ULSTH1v3 p {
  margin: 3px 0 0;
  color: var(--crm-muted);
  font-size: .68rem;
}

.FUjFarJ4 {
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 10px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 9%, var(--crm-surface));
}

.WUtMy_zG {
  display: grid;
  gap: 15px;
  padding: 19px;
}

.j2kJRAJo {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.j2kJRAJo strong {
  font-size: 1.55rem;
  letter-spacing: -.03em;
}

.j2kJRAJo span {
  color: var(--crm-muted);
  font-size: .7rem;
}

.LCSCACpS {
  height: 10px;
  overflow: hidden;
  display: flex;
  border-radius: 999px;
  background: var(--crm-surface-soft);
}

.q4aYeSMs,
.Caul9Dan {
  display: block;
  height: 100%;
  min-width: 0;
  transition: width 220ms ease;
}

.q4aYeSMs { background: #4f46e5; }
.Caul9Dan { background: #0891b2; }

.oBBWa8QQ {
  display: grid;
  gap: 9px;
}

.oBBWa8QQ > div {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 12px;
  background: var(--crm-surface-soft);
}

.mHhCVt9R {
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  border-radius: 10px;
}

.mGxRjgdj { color: #4f46e5; background: color-mix(in srgb, #4f46e5 11%, var(--crm-surface)); }
.cgucz3Fz { color: #087f8c; background: color-mix(in srgb, #0891b2 12%, var(--crm-surface)); }

.oBBWa8QQ strong,
.oBBWa8QQ small {
  display: block;
}

.oBBWa8QQ > div > div:nth-child(2) strong {
  font-size: .78rem;
}

.oBBWa8QQ small {
  margin-top: 1px;
  color: var(--crm-muted);
  font-size: .64rem;
}

.uNu4CEu3 {
  text-align: right;
}

.uNu4CEu3 strong {
  font-size: .92rem;
}

.uNu4CEu3 span {
  color: var(--crm-muted);
  font-size: .64rem;
}

.pHj2Kuhx {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 16px;
}

.tUUTP6yk {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px;
  border: 1px solid var(--crm-border);
  border-radius: 14px;
  background: color-mix(in srgb, var(--crm-surface) 92%, #0891b2);
}

.tUUTP6yk > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 11px;
  color: #087f8c;
  background: color-mix(in srgb, #0891b2 12%, var(--crm-surface));
}

.tUUTP6yk small,
.tUUTP6yk strong,
.tUUTP6yk em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tUUTP6yk small {
  color: var(--crm-muted);
  font-size: .63rem;
  font-weight: 700;
}

.tUUTP6yk strong {
  margin: 1px 0;
  font-size: 1.15rem;
  letter-spacing: -.02em;
}

.tUUTP6yk em {
  color: var(--crm-muted);
  font-size: .6rem;
  font-style: normal;
}

.jmJWryY9 {
  padding: 14px 17px 17px;
}

.ocbsUOBr {
  overflow-x: auto;
  overflow-y: hidden;
}

.kZVeK1cs {
  min-width: 720px;
  height: 232px;
  display: flex;
  align-items: end;
  gap: 5px;
  padding: 12px 8px 0;
  background-image: linear-gradient(to top, var(--crm-border) 1px, transparent 1px);
  background-size: 100% 25%;
}

.N5pUcM8w {
  min-width: 22px;
  height: 100%;
  flex: 1 0 22px;
  display: grid;
  grid-template-rows: 1fr 22px;
  align-items: end;
  gap: 5px;
}

.Y4lmCXG3 {
  height: 100%;
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 2px;
}

.JO2EcLsZ {
  width: min(7px, 30%);
  min-width: 3px;
  border-radius: 5px 5px 2px 2px;
  box-shadow: 0 2px 5px rgba(15,23,42,.06);
  transition: opacity 120ms ease, transform 120ms ease;
}

.JO2EcLsZ:hover {
  opacity: .78;
  transform: translateY(-2px);
}

.Uw5rjGSN { background: #4f46e5; }
.ebEED4ia { background: #16a34a; }
.PqUkruYq { background: #0891b2; }

.N5pUcM8w > span {
  color: var(--crm-muted);
  font-size: .61rem;
  text-align: center;
}

.hjPrlSrH {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  padding-top: 12px;
  color: var(--crm-muted);
  font-size: .66rem;
}

.hjPrlSrH span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hjPrlSrH i {
  width: 9px;
  height: 9px;
  display: block;
  border-radius: 3px;
}

.W53ih0Mq { background: #4f46e5; }
.hNy0LkkP { background: #16a34a; }
.jroPTjhp { background: #0891b2; }

.GEBB0cH8 {
  min-height: 263px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 21px;
  padding: 20px;
}

.KSKbfC1j {
  width: 150px;
  height: 150px;
  position: relative;
  display: grid;
  place-items: center;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--crm-border) 50%, transparent);
}

.KSKbfC1j::after {
  content: "";
  position: absolute;
  inset: 23px;
  border-radius: 50%;
  background: var(--crm-surface);
}

.z896NDMI {
  position: relative;
  z-index: 1;
  display: grid;
  text-align: center;
}

.z896NDMI strong {
  font-size: 1.65rem;
  line-height: 1;
}

.z896NDMI span {
  margin-top: 4px;
  color: var(--crm-muted);
  font-size: .62rem;
}

.ayu3CcRz {
  width: min(100%, 285px);
  display: grid;
  gap: 7px;
}

._e8uqSiM {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  color: var(--crm-muted);
  font-size: .7rem;
}

._e8uqSiM strong {
  color: var(--crm-text);
  font-size: .75rem;
}

.T754QVcm {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.tu1lkpeg {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.ddA550yg {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
  font-size: .72rem;
}

.ddA550yg span { color: var(--crm-muted); }

.kF1zVYK_ {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--crm-surface-soft);
}

.ix1YAHar {
  display: block;
  height: 100%;
  min-width: 4px;
  border-radius: inherit;
}

.MjGF3Gdu {
  display: grid;
  padding: 4px 17px 12px;
}

.mzkIneDG {
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid var(--crm-border);
}

.mzkIneDG:last-child { border-bottom: 0; }

._b1oJL5f {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 9%, var(--crm-surface));
  font-size: .69rem;
  font-weight: 800;
}

.WR6ne0IB {
  color: #087f8c;
  background: color-mix(in srgb, #0891b2 11%, var(--crm-surface));
}

.brTJEEFH {
  min-width: 0;
}

.brTJEEFH strong,
.brTJEEFH small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.brTJEEFH strong { font-size: .77rem; }
.brTJEEFH small { margin-top: 2px; color: var(--crm-muted); font-size: .64rem; }

.pWLI8pl8 {
  text-align: right;
}

.pWLI8pl8 strong,
.pWLI8pl8 span,
.pWLI8pl8 small {
  display: block;
}

.pWLI8pl8 strong { font-size: .9rem; }
.pWLI8pl8 span,
.pWLI8pl8 small { color: var(--crm-muted); font-size: .59rem; }

.jB8w84A8 {
  padding: 19px;
}

.EJQojvgW {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--crm-border);
}

.EJQojvgW strong {
  color: var(--crm-primary);
  font-size: 1.7rem;
  letter-spacing: -.03em;
}

.EJQojvgW span {
  color: var(--crm-muted);
  font-size: .68rem;
}

.yHLa0Eoc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 13px;
}

.yHLa0Eoc > div {
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  gap: 3px 8px;
  padding: 10px;
  border-radius: 12px;
  background: var(--crm-surface-soft);
}

.yHLa0Eoc > div > span {
  grid-row: 1 / 3;
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 9%, var(--crm-surface));
}

.yHLa0Eoc strong { font-size: .9rem; }
.yHLa0Eoc small { color: var(--crm-muted); font-size: .6rem; }

.S4LQzIzR {
  grid-template-columns: repeat(3, minmax(150px, 1fr));
}

.rVTsNMRT {
  display: grid;
}

.wWzS5xfD,
.L_VLvOCu {
  display: grid;
  grid-template-columns: minmax(125px, .8fr) minmax(170px, 1.2fr) minmax(155px, 1fr) minmax(190px, auto);
  gap: 14px;
  align-items: center;
}

.wWzS5xfD {
  padding: 8px 18px;
  border-bottom: 1px solid var(--crm-border);
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  font-size: .61rem;
  font-weight: 750;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.L_VLvOCu {
  padding: 12px 18px;
  border-bottom: 1px solid var(--crm-border);
  color: var(--crm-text);
  transition: background 120ms ease;
}

.L_VLvOCu:last-child { border-bottom: 0; }
.L_VLvOCu:hover { background: var(--crm-surface-soft); }

.jSvQEZez {
  min-width: 0;
}

.jSvQEZez strong,
.jSvQEZez span,
.jSvQEZez small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jSvQEZez strong,
.jSvQEZez span { font-size: .73rem; }
.jSvQEZez small { margin-top: 2px; color: var(--crm-muted); font-size: .62rem; }

.ILbfQgMx {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
}

.smPNVygY,
.yiE0t5sw {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: .6rem;
  font-weight: 750;
  white-space: nowrap;
}

.pMyPNGlv {
  color: #4338ca;
  background: color-mix(in srgb, #4f46e5 10%, var(--crm-surface));
}

.dDPHioIM {
  color: #087f8c;
  background: color-mix(in srgb, #0891b2 12%, var(--crm-surface));
}

.GNpff8nV {
  color: #4338ca;
  background: color-mix(in srgb, #4f46e5 9%, var(--crm-surface));
}

.wWWmm1tJ {
  color: #a16207;
  background: color-mix(in srgb, #f59e0b 12%, var(--crm-surface));
}

.xk4_kMSL {
  color: #15803d;
  background: color-mix(in srgb, #16a34a 11%, var(--crm-surface));
}

.i_GikIhb {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) minmax(300px, 390px);
  align-items: center;
  gap: 17px;
  padding: 22px;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 22%, var(--crm-border));
  border-radius: 20px;
  background:
    radial-gradient(circle at 94% 110%, color-mix(in srgb, var(--crm-primary) 12%, transparent), transparent 34%),
    color-mix(in srgb, var(--crm-surface) 97%, var(--crm-primary));
}

.jw9rg5Rd {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  align-self: start;
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(135deg, #4f46e5, #2563eb);
  box-shadow: 0 9px 22px rgba(79,70,229,.2);
  font-size: 1.15rem;
}

.CFBO4pT4 > span {
  color: var(--crm-primary);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.CFBO4pT4 h2 {
  margin: 3px 0 4px;
  font-size: 1.05rem;
  font-weight: 780;
  letter-spacing: -.02em;
}

.CFBO4pT4 p {
  max-width: 710px;
  margin: 0;
  color: var(--crm-muted);
  font-size: .7rem;
}

.k2xJgb4Y {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.k2xJgb4Y span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  border-radius: 999px;
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  font-size: .61rem;
}

.Xs0N4xrX {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.Xs0N4xrX .form-select {
  min-width: 0;
  font-size: .72rem;
}

.Xs0N4xrX .btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: .72rem;
  font-weight: 700;
}

.GqUCUWax {
  grid-column: 2 / -1;
  margin: 0;
}

.txWq2EwZ {
  min-height: 170px;
  display: grid;
  place-items: center;
  padding: 28px;
  color: var(--crm-muted);
  text-align: center;
  font-size: .74rem;
}

@media (max-width: 1199.98px) {
  .d79rLMpT,
  .l3phlXO2 {
    grid-template-columns: repeat(2, minmax(170px, 1fr));
  }

  .aGyDIKSl {
    grid-template-columns: 1fr;
  }

  .GEBB0cH8 {
    grid-template-columns: auto minmax(180px, 1fr);
  }

  .i_GikIhb {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  .Xs0N4xrX,
  .GqUCUWax {
    grid-column: 2;
  }
}

@media (max-width: 991.98px) {
  .tQLWZA70 {
    min-height: 230px;
    align-items: stretch;
    flex-direction: column;
    padding: 28px;
  }

  .Jg0D46tm {
    align-self: flex-start;
  }

  .xRQVS_Qj {
    position: static;
  }

  .BBywao9W {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
  }

  .d6fw4CPh,
  .BnNYq0PD {
    grid-template-columns: 1fr;
  }

  .wWzS5xfD,
  .L_VLvOCu {
    grid-template-columns: minmax(120px, .8fr) minmax(150px, 1fr) minmax(180px, auto);
  }

  .wWzS5xfD > span:nth-child(3),
  .L_VLvOCu .jSvQEZez:nth-child(3) {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .eWGw4cqq {
    gap: 13px;
  }

  .tQLWZA70 {
    min-height: 0;
    padding: 24px 20px;
    border-radius: 19px;
  }

  .tQLWZA70 h1 {
    font-size: 2.5rem;
  }

  .I4gfQl24 {
    display: grid;
  }

  .I4gfQl24 span {
    width: fit-content;
    max-width: 100%;
  }

  .xRQVS_Qj,
  .nzlsap7s,
  .whZaOl_K,
  .m845SaHH,
  .eSeaT6p2 {
    width: 100%;
    max-width: none;
  }

  .nzlsap7s button {
    flex: 1;
  }

  .d79rLMpT,
  .l3phlXO2,
  .BBywao9W,
  .S4LQzIzR {
    grid-template-columns: 1fr;
  }

  .ZS4PyT4v {
    min-height: 126px;
  }

  .pHj2Kuhx {
    grid-template-columns: 1fr;
  }

  .GEBB0cH8 {
    grid-template-columns: 1fr;
  }

  .kZVeK1cs {
    min-width: 620px;
  }

  .wWzS5xfD {
    display: none;
  }

  .L_VLvOCu {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
  }

  .L_VLvOCu .jSvQEZez:nth-child(2) {
    grid-column: 1;
  }

  .ILbfQgMx {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    flex-direction: column;
    align-items: flex-end;
  }

  .i_GikIhb {
    grid-template-columns: 1fr;
    padding: 19px;
  }

  .jw9rg5Rd {
    width: 44px;
    height: 44px;
  }

  .Xs0N4xrX,
  .GqUCUWax {
    grid-column: 1;
  }

  .Xs0N4xrX {
    grid-template-columns: 1fr;
  }

  .Xs0N4xrX .btn {
    justify-content: center;
  }
}

@media (max-width: 479.98px) {
  .oBBWa8QQ > div {
    grid-template-columns: 35px minmax(0, 1fr);
  }

  .uNu4CEu3 {
    grid-column: 2;
    text-align: left;
  }

  .L_VLvOCu {
    grid-template-columns: 1fr;
  }

  .ILbfQgMx {
    grid-column: 1;
    grid-row: auto;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
}

.teSbiQgr .modal-content{border:1px solid color-mix(in srgb,var(--bs-danger) 18%,var(--bs-border-color));border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.28)}
.zWnq47ds{display:flex;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--bs-border-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bs-danger) 8%,var(--bs-body-bg)),var(--bs-body-bg))}
.eRS4ITiR{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;background:color-mix(in srgb,var(--bs-danger) 12%,transparent);color:var(--bs-danger);font-size:1.25rem}
.Kr2QjWyq{display:block;color:var(--bs-danger);font-size:.69rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:3px}
.xw7jZDEd{font-size:1.18rem;font-weight:760;line-height:1.2}
.UG3yHlR8{padding:22px}
.hp8OnLKD{margin:0;color:var(--bs-secondary-color);line-height:1.6}
.fvkrkeiy{display:flex;align-items:flex-start;gap:8px;margin:18px 0 0;font-size:.9rem}
.qS3eqL2I{padding:16px 22px;border-top:1px solid var(--bs-border-color);background:color-mix(in srgb,var(--bs-tertiary-bg) 72%,transparent)}
.qS3eqL2I .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:122px;border-radius:10px}
@media(max-width:575.98px){.zWnq47ds,.UG3yHlR8,.qS3eqL2I{padding-left:16px;padding-right:16px}.qS3eqL2I{display:grid;grid-template-columns:1fr 1fr}.qS3eqL2I .btn{width:100%;min-width:0}}

.U71XVed9{min-height:100%;padding:22px;background:radial-gradient(circle at 18% -8%,color-mix(in srgb,var(--crm-primary) 9%,transparent),transparent 28%),var(--crm-bg)}
.N32L0_xF{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px;border:1px solid color-mix(in srgb,var(--crm-primary) 22%,var(--crm-border));border-radius:24px;color:#fff;background:linear-gradient(135deg,#172554 0%,#3730a3 52%,#0f766e 100%);box-shadow:0 20px 54px rgba(15,23,42,.16);overflow:hidden;position:relative}.N32L0_xF:after{content:"";position:absolute;width:280px;height:280px;right:-90px;top:-120px;border-radius:50%;background:rgba(255,255,255,.08)}
.kio6YB9V{position:relative;z-index:1;max-width:820px}.zKRfCNUR{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;font-size:.67rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#c7d2fe}.N32L0_xF h1{margin:0;font-size:clamp(1.7rem,2.6vw,2.35rem);font-weight:800;letter-spacing:-.04em}.N32L0_xF p{max-width:720px;margin:8px 0 0;color:rgba(255,255,255,.75);font-size:.9rem}.WIi2DbkA{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.WIi2DbkA span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.08);font-size:.68rem;font-weight:650;color:rgba(255,255,255,.86)}.yW7_xbsU{position:relative;z-index:1;min-width:150px;border-color:rgba(255,255,255,.28)!important;background:#fff!important;color:#3730a3!important;font-weight:750!important;box-shadow:0 10px 28px rgba(15,23,42,.18)}
.ujP9Gjh5{margin:14px 0 0;border-radius:14px}
.TSEjIiY8{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.w0jt6H2S{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--crm-border);border-radius:16px;background:var(--crm-surface);box-shadow:0 8px 24px rgba(15,23,42,.045)}.flxh7PhI{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:var(--crm-primary);background:color-mix(in srgb,var(--crm-primary) 9%,var(--crm-surface))}.w0jt6H2S small{display:block;color:var(--crm-muted);font-size:.62rem;font-weight:750;text-transform:uppercase;letter-spacing:.055em}.w0jt6H2S strong{display:block;margin-top:2px;color:var(--crm-text);font-size:1rem;font-weight:800}
._HeIFWN5{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:14px;min-height:580px}.uxOGC8lZ{grid-template-columns:minmax(220px,270px) minmax(420px,1fr) minmax(270px,330px)}
.Pcojs1EY{min-width:0;overflow:hidden;border:1px solid var(--crm-border);border-radius:20px;background:var(--crm-surface);box-shadow:0 12px 34px rgba(15,23,42,.06)}.VEqnoEzB{display:flex;flex-direction:column;min-height:580px}.ZILK10tD{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;border-bottom:1px solid var(--crm-border);background:linear-gradient(180deg,color-mix(in srgb,var(--crm-surface) 94%,var(--crm-primary) 6%),var(--crm-surface))}.ZILK10tD h2,.ZILK10tD h3{margin:0;color:var(--crm-text);font-size:.95rem;font-weight:800}.ZILK10tD p{margin:3px 0 0;color:var(--crm-muted);font-size:.7rem}.YvNmL3op{display:inline-flex;min-width:30px;justify-content:center;padding:4px 8px;border-radius:999px;color:var(--crm-primary);background:color-mix(in srgb,var(--crm-primary) 9%,var(--crm-surface));font-size:.68rem;font-weight:800}
.wgmdYi70{padding:12px 14px;border-bottom:1px solid var(--crm-border)}.wgmdYi70 .input-group{overflow:hidden;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface-soft)}.wgmdYi70 .input-group-text,.wgmdYi70 .form-control{border:0;background:transparent}.wgmdYi70 .form-control{font-size:.78rem;box-shadow:none!important}.wgmdYi70 .input-group-text{color:var(--crm-muted)}
.Tngxx_Oj{display:grid;gap:6px;padding:12px 14px;border-bottom:1px solid var(--crm-border)}.ikFFgpx5{width:100%;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid transparent;border-radius:10px;color:var(--crm-muted);background:transparent;text-align:left;font-size:.74rem;font-weight:650}.ikFFgpx5:hover{color:var(--crm-text);background:var(--crm-surface-soft)}.maGRc4QU{border-color:color-mix(in srgb,var(--crm-primary) 20%,var(--crm-border));color:var(--crm-primary);background:color-mix(in srgb,var(--crm-primary) 7%,var(--crm-surface))}.ikFFgpx5 strong{margin-left:auto}
.pXNvAygd{flex:1;min-height:0;overflow:auto;padding:9px}.y3oNEpQP{width:100%;display:flex;align-items:center;gap:10px;margin-bottom:7px;padding:11px 12px;border:1px solid transparent;border-radius:13px;color:var(--crm-text);background:transparent;text-align:left;transition:.14s ease}.y3oNEpQP:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--crm-primary) 16%,var(--crm-border));background:color-mix(in srgb,var(--crm-primary) 3%,var(--crm-surface));box-shadow:0 6px 18px rgba(15,23,42,.045)}.ZDmFsho1{border-color:color-mix(in srgb,var(--crm-primary) 38%,var(--crm-border));background:color-mix(in srgb,var(--crm-primary) 7%,var(--crm-surface));box-shadow:inset 3px 0 var(--crm-primary)}.efi9Fsyd,.AjVNSlI5{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#4f46e5,#0891b2);box-shadow:0 6px 16px rgba(15,23,42,.12);font-weight:800}.wlxC6gfI{min-width:0;flex:1}.wlxC6gfI strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.wlxC6gfI small{display:block;margin-top:2px;color:var(--crm-muted);font-size:.67rem}.zp6hL49X{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:.62rem;font-weight:750}.S57hL1zK{color:#047857;background:color-mix(in srgb,#10b981 12%,var(--crm-surface))}.wrqj3Umv{color:var(--crm-muted);background:var(--crm-surface-soft)}
.vome9x1l{min-height:330px;display:grid;place-items:center;padding:30px;text-align:center;color:var(--crm-muted)}.vome9x1l div{max-width:360px}.vome9x1l i{display:block;margin-bottom:12px;color:color-mix(in srgb,var(--crm-primary) 72%,var(--crm-muted));font-size:2.5rem}.vome9x1l strong{display:block;color:var(--crm-text);font-size:1rem}.vome9x1l span{display:block;margin-top:6px;font-size:.76rem}
.slHDMLG1{min-height:580px}.Su362z1K{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--crm-border);background:linear-gradient(180deg,color-mix(in srgb,var(--crm-surface) 92%,var(--crm-primary) 8%),var(--crm-surface))}.pDvY_rOL{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(145deg,#4f46e5,#0891b2);font-size:1.25rem;box-shadow:0 10px 24px rgba(15,23,42,.14)}.B7eMuX4p{min-width:0;flex:1}.B7eMuX4p small{display:block;color:var(--crm-primary);font-size:.61rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.B7eMuX4p h2{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--crm-text);font-size:1.2rem;font-weight:800;letter-spacing:-.025em}.B7eMuX4p p{margin:3px 0 0;color:var(--crm-muted);font-size:.75rem}.r08GTHRp{display:flex;gap:7px;flex-wrap:wrap}.iXPvYb99{padding:18px}.VPuOEWkk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pMy5gTXs{padding:13px;border:1px solid var(--crm-border);border-radius:14px;background:var(--crm-surface-soft)}.pMy5gTXs i{color:var(--crm-primary)}.pMy5gTXs small{display:block;margin-top:8px;color:var(--crm-muted);font-size:.6rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.pMy5gTXs strong{display:block;margin-top:2px;color:var(--crm-text);font-size:.82rem;overflow-wrap:anywhere}.LqWkmNyA{margin-top:14px;padding:13px;border:1px solid color-mix(in srgb,var(--crm-primary) 20%,var(--crm-border));border-radius:13px;color:var(--crm-muted);background:color-mix(in srgb,var(--crm-primary) 5%,var(--crm-surface));font-size:.74rem}
.M4abogcV{display:flex;align-items:center;gap:8px;margin:18px 0 9px;color:var(--crm-text);font-size:.76rem;font-weight:800}.M4abogcV i{color:var(--crm-primary)}.Isltzum5{display:flex;flex-wrap:wrap;gap:6px}.hFJZIIry{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--crm-border);border-radius:999px;color:var(--crm-muted);background:var(--crm-surface-soft);font-size:.65rem;font-weight:650}
.RtZsGrUN,.Fj4zpMO2{display:grid;grid-template-columns:minmax(190px,1.3fr) minmax(140px,.9fr) minmax(140px,.9fr) 90px;gap:12px;align-items:center}.RtZsGrUN{padding:10px 15px;border-bottom:1px solid var(--crm-border);color:var(--crm-muted);background:var(--crm-surface-soft);font-size:.61rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.Fj4zpMO2{width:100%;padding:11px 15px;border:0;border-bottom:1px solid color-mix(in srgb,var(--crm-border) 82%,transparent);color:var(--crm-text);background:transparent;text-align:left}.Fj4zpMO2:hover{background:color-mix(in srgb,var(--crm-primary) 3%,var(--crm-surface))}.DflIXJ_y{background:color-mix(in srgb,var(--crm-primary) 7%,var(--crm-surface));box-shadow:inset 3px 0 var(--crm-primary)}.JrWVIg7_{display:flex;align-items:center;gap:10px;min-width:0}.lyRj6Kru{min-width:0}.lyRj6Kru strong,.Ji4Lq3tz{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.lyRj6Kru small{display:block;color:var(--crm-muted);font-size:.65rem}
.lyibwR3t{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.MajXVm8Z{overflow:hidden;border:1px solid var(--crm-border);border-radius:14px;background:var(--crm-surface)}._3EzMIm2E{display:flex;align-items:center;gap:7px;padding:10px 12px;border-bottom:1px solid var(--crm-border);background:var(--crm-surface-soft);font-size:.72rem;font-weight:800}.DqtiGJYW{display:flex;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid color-mix(in srgb,var(--crm-border) 72%,transparent);font-size:.69rem}.DqtiGJYW:last-child{border-bottom:0}.DqtiGJYW code{color:var(--crm-muted);font-size:.65rem}
.JQFGoo6t{padding:18px}.poMK400K{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.x5_7mGRd{display:grid;gap:9px}.TRf7GPL9{padding:13px;border:1px solid var(--crm-border);border-radius:14px;background:var(--crm-surface-soft)}
.udujfvlz{width:min(560px,100vw)!important;border-left:1px solid var(--crm-border)!important;background:var(--crm-surface)!important}.udujfvlz .offcanvas-header{padding:18px 20px;border-bottom:1px solid var(--crm-border);background:color-mix(in srgb,var(--crm-surface) 94%,var(--crm-primary) 6%)}.udujfvlz .offcanvas-body{padding:18px 20px}.udujfvlz .form-label{margin-bottom:5px;color:var(--crm-muted);font-size:.71rem;font-weight:700}.udujfvlz .form-control,.udujfvlz .form-select{border-color:var(--crm-border);border-radius:10px;background-color:var(--crm-surface);color:var(--crm-text)}.udujfvlz .form-control:focus,.udujfvlz .form-select:focus{border-color:color-mix(in srgb,var(--crm-primary) 48%,var(--crm-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--crm-primary) 10%,transparent)}.EkhMpo3u{display:grid;gap:10px;max-height:48vh;overflow:auto;padding-right:3px}.q7GyLxzE{padding:12px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface-soft)}.q7GyLxzE legend{float:none;width:auto;margin:0 0 8px;color:var(--crm-text);font-size:.7rem;font-weight:800}.Ol0qkhCc{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:.68rem}.Ol0qkhCc code{color:var(--crm-muted);font-size:.64rem}
@media(max-width:1199.98px){.TSEjIiY8{grid-template-columns:repeat(2,minmax(0,1fr))}.uxOGC8lZ{grid-template-columns:minmax(220px,270px) minmax(0,1fr)}.uxOGC8lZ>.DKNCRjBL{display:none}.poMK400K{grid-template-columns:1fr}.lyibwR3t{grid-template-columns:1fr}}
@media(max-width:899.98px){.U71XVed9{padding:14px}.N32L0_xF{align-items:flex-start;flex-direction:column;padding:22px}.yW7_xbsU{width:100%}._HeIFWN5,.uxOGC8lZ{grid-template-columns:1fr}.VEqnoEzB{min-height:360px}.slHDMLG1{min-height:440px}.RtZsGrUN{display:none}.Fj4zpMO2{grid-template-columns:1fr auto;grid-template-areas:"identity status" "meta meta";gap:5px}.Fj4zpMO2 .JrWVIg7_{grid-area:identity}.Fj4zpMO2 .Ji4Lq3tz{grid-area:meta}.Fj4zpMO2 .zp6hL49X{grid-area:status}.VPuOEWkk{grid-template-columns:1fr 1fr}}
@media(max-width:575.98px){.U71XVed9{padding:9px}.N32L0_xF{border-radius:18px}.TSEjIiY8{grid-template-columns:1fr}.VPuOEWkk{grid-template-columns:1fr}.Pcojs1EY,.slHDMLG1{border-radius:16px}.Su362z1K{align-items:flex-start;flex-wrap:wrap}.r08GTHRp{width:100%}.r08GTHRp .btn{flex:1}.WIi2DbkA{display:none}}

.cREFjt7Q{}
.Fa_SDZp1{}
.QWI0dLgI{}

@media(max-width:1199.98px){
  .cREFjt7Q{grid-column:1 / -1}
}

@media(max-width:899.98px){
  .Fa_SDZp1{grid-column:1 / -1!important;grid-row:2!important;grid-area:auto!important}
  .QWI0dLgI{grid-column:1 / -1!important;grid-row:3!important;grid-area:auto!important}
  .cREFjt7Q{grid-column:1}
}

.AbTeKATZ{--message-accent:var(--bs-primary)}
.V4ziHPIQ{--message-accent:var(--bs-danger)}
.A61VOyxp{--message-accent:var(--bs-warning)}
.A1oVyu2w{--message-accent:var(--bs-primary)}
.Gnpx4pZO{--message-accent:var(--bs-success)}
.AbTeKATZ .modal-content{border:1px solid color-mix(in srgb,var(--message-accent) 18%,var(--bs-border-color));border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.28)}
.EkkorRu2{display:flex;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--bs-border-color);background:linear-gradient(135deg,color-mix(in srgb,var(--message-accent) 8%,var(--bs-body-bg)),var(--bs-body-bg))}
.x6J2imTD{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;background:color-mix(in srgb,var(--message-accent) 12%,transparent);color:var(--message-accent);font-size:1.25rem}
.A4XteWpG{display:block;color:var(--message-accent);font-size:.69rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:3px}
.eEwcEv7A{font-size:1.18rem;font-weight:760;line-height:1.2}
.ptT8wwJ3{padding:22px}
.BewPSpVD{margin:0;color:var(--bs-secondary-color);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.Nnf5aseS{padding:16px 22px;border-top:1px solid var(--bs-border-color);background:color-mix(in srgb,var(--bs-tertiary-bg) 72%,transparent)}
.Nnf5aseS .btn{display:inline-flex;align-items:center;justify-content:center;min-width:122px;border-radius:10px}
@media(max-width:575.98px){.EkkorRu2,.ptT8wwJ3,.Nnf5aseS{padding-left:16px;padding-right:16px}.Nnf5aseS .btn{width:100%}}

.gzSf4BFT {
  display: grid;
  gap: 20px;
  padding: 28px;
  color: var(--bs-body-color);
}

.ugRcNGN2,
.KN9rOcvw {
  border: 1px solid var(--bs-border-color);
  border-radius: 18px;
  background: var(--bs-body-bg);
}

.ugRcNGN2 {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  padding: 26px;
  background: color-mix(in srgb, var(--bs-body-bg) 92%, var(--bs-primary) 8%);
}

.ugRcNGN2 h1 {
  margin: 8px 0;
  font-size: clamp(1.75rem, 3vw, 2.35rem);
  font-weight: 800;
}

.ugRcNGN2 p,
.erjectmP p {
  margin: 0;
  color: var(--bs-secondary-color);
  line-height: 1.55;
}

.K0chtbSO {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: var(--bs-primary);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.PoB09p1d {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  flex: 0 0 auto;
  padding: 9px 12px;
  border: 1px solid color-mix(in srgb, var(--bs-primary) 35%, var(--bs-border-color));
  border-radius: 10px;
  color: var(--bs-primary);
  text-decoration: none;
  font-weight: 700;
  font-size: .86rem;
}

.KN9rOcvw {
  padding: 22px;
}

.erjectmP {
  margin-bottom: 18px;
}

.erjectmP h2 {
  margin: 0 0 5px;
  font-size: 1.08rem;
  font-weight: 800;
}

.Rienn08X {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.RIhtaHdD {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.RIhtaHdD > div {
  padding: 14px;
  border: 1px solid var(--bs-border-color);
  border-radius: 12px;
  background: color-mix(in srgb, var(--bs-body-bg) 96%, var(--bs-secondary-bg) 4%);
}

.RIhtaHdD small,
.RIhtaHdD strong,
.RIhtaHdD span {
  display: block;
}

.RIhtaHdD small {
  color: var(--bs-secondary-color);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .68rem;
  font-weight: 800;
}

.RIhtaHdD strong {
  margin: 5px 0;
  overflow-wrap: anywhere;
}

.RIhtaHdD span {
  color: var(--bs-secondary-color);
  font-size: .78rem;
  line-height: 1.4;
}

.mwqUrKRZ {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 18px;
}

.tvjpDcJJ {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border: 1px solid var(--bs-border-color);
  border-radius: 14px;
  background: color-mix(in srgb, var(--bs-body-bg) 94%, var(--bs-success) 6%);
}

.c65kPj6V {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: var(--bs-success);
  background: color-mix(in srgb, var(--bs-success) 12%, transparent);
}

.tvjpDcJJ small,
.tvjpDcJJ strong,
.tvjpDcJJ span {
  display: block;
}

.tvjpDcJJ small {
  color: var(--bs-secondary-color);
}

.tvjpDcJJ strong {
  margin: 3px 0;
  overflow-wrap: anywhere;
}

.tvjpDcJJ > div > span {
  color: var(--bs-secondary-color);
  font-size: .8rem;
}

.hFU4IbgT,
.g9oiLpde,
.PcvBSRPQ {
  display: inline-flex !important;
  gap: 6px;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  font-size: .7rem;
  font-weight: 800;
}

.hFU4IbgT {
  padding: 6px 9px;
  color: var(--bs-success);
  background: color-mix(in srgb, var(--bs-success) 13%, transparent);
}

.Bwt_YsC5 {
  display: flex;
  gap: 12px;
  align-items: flex-end;
}

.VaDGeuas {
  flex: 1;
}

.l7Dliu6P {
  margin: 18px 0 0;
  font-size: .84rem;
}

.F_gcE8oq {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.zU5H0MRX {
  border: 1px solid var(--bs-border-color);
  border-radius: 15px;
  overflow: hidden;
}

.Z8D8PbkQ {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  padding: 16px;
}

.ddhLQbR4 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.ddhLQbR4 strong {
  overflow-wrap: anywhere;
}

.g9oiLpde {
  padding: 4px 7px;
  color: var(--bs-primary);
  background: color-mix(in srgb, var(--bs-primary) 12%, transparent);
}

.Mnpmpu4g {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 7px;
}

.PcvBSRPQ {
  padding: 5px 8px;
}

.jSQetXE4,
.DvimoM1r {
  color: var(--bs-success);
  background: color-mix(in srgb, var(--bs-success) 12%, transparent);
}

.OgssoIGK {
  color: var(--bs-warning-text-emphasis);
  background: var(--bs-warning-bg-subtle);
}

.yrzfCCrY {
  color: var(--bs-info-text-emphasis);
  background: var(--bs-info-bg-subtle);
}

.JEZmWjS3 {
  color: var(--bs-danger-text-emphasis);
  background: var(--bs-danger-bg-subtle);
}

.g2zmXdtp {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.UqDqYVJu {
  margin: 0 16px 16px;
  font-size: .82rem;
}

.KDlnf3gV {
  padding: 16px;
  border-top: 1px solid var(--bs-border-color);
  background: color-mix(in srgb, var(--bs-body-bg) 94%, var(--bs-secondary-bg) 6%);
}

.dgW6mwZq {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 4px;
  font-weight: 800;
}

.KDlnf3gV > p {
  margin: 0 0 12px;
  color: var(--bs-secondary-color);
  font-size: .82rem;
}

.sLdopFzP {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 0;
  border-top: 1px dashed var(--bs-border-color);
}

.sLdopFzP:first-of-type {
  border-top: 0;
}

.sLdopFzP small,
.sLdopFzP code {
  display: block;
}

.sLdopFzP small {
  margin-bottom: 3px;
  color: var(--bs-secondary-color);
  font-size: .7rem;
  font-weight: 700;
}

.sLdopFzP code {
  color: var(--bs-body-color);
  overflow-wrap: anywhere;
  font-size: .8rem;
}

.sM2UR4so {
  width: 34px;
  height: 34px;
  border: 1px solid var(--bs-border-color);
  border-radius: 9px;
  color: var(--bs-secondary-color);
  background: var(--bs-body-bg);
}

.sM2UR4so:hover {
  color: var(--bs-primary);
  border-color: color-mix(in srgb, var(--bs-primary) 45%, var(--bs-border-color));
}

.AKJnACJS {
  margin: 10px 0;
  font-size: .82rem;
}

.gvVBCHmP,
.BE0is9Kn {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 20px;
  color: var(--bs-secondary-color);
  border: 1px dashed var(--bs-border-color);
  border-radius: 14px;
}

@media (max-width: 820px) {
  .gzSf4BFT { padding: 16px; }
  .ugRcNGN2 { flex-direction: column; padding: 20px; }
  .Rienn08X, .RIhtaHdD { grid-template-columns: 1fr; }
  .Z8D8PbkQ { flex-direction: column; }
  .g2zmXdtp { justify-content: flex-start; }
  .Bwt_YsC5 { flex-direction: column; align-items: stretch; }
  .tvjpDcJJ { grid-template-columns: auto minmax(0, 1fr); }
  .hFU4IbgT { grid-column: 1 / -1; }
}

.JH06VVXG .modal-content {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--crm-border) 82%, var(--crm-primary));
  border-radius: 24px;
  background: var(--crm-surface);
  box-shadow: 0 30px 80px rgba(15,23,42,.24);
}

.RL4Wc36o {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 22px 24px;
  border-bottom: 1px solid var(--crm-border);
  background:
    radial-gradient(circle at 95% 0%, color-mix(in srgb, var(--crm-primary) 15%, transparent), transparent 34%),
    var(--crm-surface);
}

.RL4Wc36o > div:nth-child(2) { min-width: 0; }
.RL4Wc36o .modal-title { margin: 2px 0 3px; font-size: 1.35rem; font-weight: 800; letter-spacing: -.025em; }
.RL4Wc36o p { margin: 0; color: var(--crm-muted); font-size: .82rem; }
.qa0M5IDT { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(145deg, var(--crm-primary), #0f766e); box-shadow: 0 9px 20px color-mix(in srgb, var(--crm-primary) 24%, transparent); font-size: 1.1rem; }
.lwRkhU6m { color: var(--crm-primary); font-size: .66rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }

.dnd7H9yB { display: grid; gap: 18px; padding: 22px 24px 24px; }
.M0n1MeKr { margin: 0; border-radius: 14px; font-size: .82rem; }
.zxH1hqV3 { min-height: 130px; display: grid; place-items: center; align-content: center; gap: 10px; color: var(--crm-muted); }
.zxH1hqV3 i { font-size: 1.5rem; animation: V3BiGftn .8s linear infinite; }
@keyframes V3BiGftn { to { transform: rotate(360deg); } }

.Tr8i06MB {
  display: flex;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 20%, var(--crm-border));
  border-radius: 16px;
  background: color-mix(in srgb, var(--crm-primary) 5%, var(--crm-surface));
}
.Tr8i06MB > span { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 10px; color: var(--crm-primary); background: color-mix(in srgb, var(--crm-primary) 10%, var(--crm-surface)); }
.Tr8i06MB strong { display: block; margin-bottom: 3px; color: var(--crm-text); font-size: .83rem; }
.Tr8i06MB p { margin: 0; color: var(--crm-muted); font-size: .76rem; line-height: 1.45; }

._bfwp0vi,
.aBOQod_Z { display: grid; gap: 10px; }
.Bigu5MSV { display: grid; gap: 2px; }
.Bigu5MSV > span { color: var(--crm-text); font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .045em; }
.Bigu5MSV small { color: var(--crm-muted); font-size: .72rem; }
.KNCGD7Qv { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.edQ7ylKC { width: 100%; min-height: 92px; display: grid; grid-template-columns: 38px minmax(0,1fr) 18px; align-items: center; gap: 10px; padding: 13px; border: 1px solid var(--crm-border); border-radius: 15px; color: var(--crm-text); background: var(--crm-surface); text-align: left; transition: 140ms ease; }
.edQ7ylKC:hover { border-color: color-mix(in srgb, var(--crm-primary) 42%, var(--crm-border)); transform: translateY(-1px); }
.aGHUpvFz { border-color: var(--crm-primary); background: color-mix(in srgb, var(--crm-primary) 5%, var(--crm-surface)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--crm-primary) 8%, transparent); }
.edQ7ylKC > i { justify-self: end; color: var(--crm-primary); }
.edQ7ylKC div { min-width: 0; }
.edQ7ylKC strong { display: block; margin-bottom: 3px; font-size: .82rem; }
.edQ7ylKC small { display: block; color: var(--crm-muted); font-size: .69rem; line-height: 1.35; }
.YMcm42yf { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; color: var(--crm-primary); background: color-mix(in srgb, var(--crm-primary) 10%, var(--crm-surface)); }
.dvSN8R6v { color: #b45309; background: color-mix(in srgb, #f59e0b 11%, var(--crm-surface)); }
.kQJi_2BB { display: flex; align-items: center; gap: 8px; color: var(--crm-muted); font-size: .72rem; }

.aBOQod_Z .form-select { min-height: 42px; border-radius: 12px; font-size: .82rem; }
.TWNvD7sB { display: flex; align-items: flex-start; gap: 9px; padding: 11px 13px; border-radius: 13px; color: #92400e; background: color-mix(in srgb, #f59e0b 9%, var(--crm-surface)); font-size: .73rem; line-height: 1.45; }
.TWNvD7sB i { margin-top: 1px; }

.AxD8zc9m { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 18px; border: 1px solid color-mix(in srgb, var(--crm-primary) 24%, var(--crm-border)); border-radius: 17px; background: color-mix(in srgb, var(--crm-primary) 4%, var(--crm-surface)); }
._WiZOdri { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(145deg, var(--crm-primary), #4338ca); }
.snKfzySH { min-width: 0; }
.snKfzySH > span { color: var(--crm-primary); font-size: .65rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.snKfzySH h3 { margin: 2px 0 3px; font-size: 1rem; font-weight: 800; }
.snKfzySH p { margin: 0; color: var(--crm-muted); font-size: .72rem; }
.AxD8zc9m .btn { display: inline-flex; align-items: center; gap: 7px; border-radius: 10px; font-size: .76rem; font-weight: 700; }
.ZxDN7VC7 { display: inline-flex; align-items: center; gap: 6px; color: var(--crm-muted); font-size: .72rem; font-weight: 650; }

.UT9DPniE { gap: 8px; padding: 15px 24px 20px; border-top: 1px solid var(--crm-border); background: var(--crm-surface-soft); }
.UT9DPniE .btn { min-height: 40px; display: inline-flex; align-items: center; gap: 7px; border-radius: 11px; font-size: .79rem; font-weight: 750; }

@media (max-width: 720px) {
  .RL4Wc36o, .dnd7H9yB, .UT9DPniE { padding-left: 16px; padding-right: 16px; }
  .KNCGD7Qv { grid-template-columns: 1fr; }
  .AxD8zc9m { grid-template-columns: 42px minmax(0,1fr); }
  .AxD8zc9m .btn, .ZxDN7VC7 { grid-column: 1 / -1; justify-self: stretch; justify-content: center; }
}

.zCg7h0E1 {
  width: min(1180px, calc(100vw - 24px));
  max-width: none;
  height: calc(100dvh - 24px);
  margin: 12px auto;
}

.zCg7h0E1 .modal-content {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  border-color: var(--crm-border);
  background: var(--crm-surface);
}

.zCg7h0E1 .modal-header,
.zCg7h0E1 .modal-footer {
  flex: 0 0 auto;
  border-color: var(--crm-border);
}

.zA91yAkN {
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: hidden;
  padding: 18px;
  background: var(--crm-bg);
}

.IyorIS2d {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.iQwCofGF {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--crm-primary);
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.IyorIS2d small {
  color: var(--crm-muted);
  font-size: .72rem;
}

.ghL34MJ5 {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: end;
  padding: 15px;
  border: 1px solid var(--crm-border);
  border-radius: 15px;
  background: var(--crm-surface);
}

.ghL34MJ5 .form-label {
  font-size: .76rem;
  font-weight: 750;
}

.ghL34MJ5 .form-text {
  display: block;
  margin-top: 6px;
  color: var(--crm-muted);
  font-size: .66rem;
}

.QnGSetq4 {
  min-width: 190px;
  padding: 10px 12px;
  display: grid;
  gap: 2px;
  border-radius: 11px;
  color: var(--crm-text);
  background: var(--crm-surface-soft);
}

.QnGSetq4 strong {
  max-width: 260px;
  overflow: hidden;
  font-size: .72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.QnGSetq4 small {
  color: var(--crm-muted);
  font-size: .62rem;
}

.DmX09XVR {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.DmX09XVR > div {
  min-width: 0;
  padding: 10px 12px;
  display: grid;
  gap: 2px;
  border: 1px solid var(--crm-border);
  border-radius: 11px;
  background: var(--crm-surface);
}

.DmX09XVR small {
  color: var(--crm-muted);
  font-size: .59rem;
  font-weight: 750;
  text-transform: uppercase;
}

.DmX09XVR strong {
  font-size: .82rem;
}

.en99gcVR {
  min-height: 0;
  flex: 1 1 auto;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 15px;
  background: var(--crm-surface);
}

.KHqE57mc {
  min-height: 48px;
  padding: 8px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--crm-border);
}

.KHqE57mc > div {
  display: grid;
  gap: 1px;
}

.KHqE57mc strong {
  font-size: .76rem;
}

.KHqE57mc small {
  color: var(--crm-muted);
  font-size: .62rem;
}

.hH6OHkuq {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.XqcuZUyY,
.h2SOLrep {
  display: grid;
  grid-template-columns: 38px minmax(180px, 1.2fr) minmax(160px, .9fr) minmax(130px, .65fr) minmax(180px, 1fr);
  gap: 12px;
  align-items: center;
}

.XqcuZUyY {
  position: sticky;
  top: 0;
  z-index: 2;
  min-height: 34px;
  padding: 0 13px;
  border-bottom: 1px solid var(--crm-border);
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  font-size: .59rem;
  font-weight: 800;
  text-transform: uppercase;
}

.h2SOLrep {
  min-height: 58px;
  padding: 9px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--crm-border) 72%, transparent);
}

.h2SOLrep:last-child {
  border-bottom: 0;
}

.h2SOLrep[data-state="invalid"] {
  background: color-mix(in srgb, #dc2626 4%, var(--crm-surface));
}

.h2SOLrep[data-state="duplicate"] {
  background: color-mix(in srgb, #d97706 5%, var(--crm-surface));
}

.Q2nWOC8p,
.Vmi9QZA5,
.YRNPL1TY {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.Q2nWOC8p strong,
.Vmi9QZA5 strong {
  overflow: hidden;
  color: var(--crm-text);
  font-size: .72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Q2nWOC8p small,
.Vmi9QZA5 small,
.YRNPL1TY {
  color: var(--crm-muted);
  font-size: .61rem;
}

.hHKDNUTv {
  width: fit-content;
  padding: 4px 7px;
  border-radius: 999px;
  color: #047857;
  background: color-mix(in srgb, #10b981 10%, var(--crm-surface));
  font-size: .58rem;
  font-weight: 800;
}

.hHKDNUTv[data-state="duplicate"] {
  color: #b45309;
  background: color-mix(in srgb, #f59e0b 12%, var(--crm-surface));
}

.hHKDNUTv[data-state="invalid"] {
  color: #b91c1c;
  background: color-mix(in srgb, #ef4444 10%, var(--crm-surface));
}

.R_Usccve,
.SoraGsYV {
  min-height: 210px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  padding: 28px;
  color: var(--crm-muted);
  text-align: center;
}

.R_Usccve i,
.SoraGsYV i {
  font-size: 1.6rem;
}

.SoraGsYV i {
  animation: r_VJsHg5 1s linear infinite;
}

.R_Usccve strong {
  color: var(--crm-text);
}

.R_Usccve span {
  max-width: 460px;
  font-size: .7rem;
}

.FRiWdEiL {
  margin-right: auto;
  color: var(--crm-muted);
  font-size: .68rem;
}

@keyframes r_VJsHg5 {
  to { transform: rotate(360deg); }
}

@media (max-width: 767.98px) {
  .zCg7h0E1 {
    width: calc(100vw - 12px);
    height: calc(100dvh - 12px);
    margin: 6px auto;
  }

  .zA91yAkN {
    padding: 12px;
  }

  .ghL34MJ5 {
    grid-template-columns: 1fr;
  }

  .QnGSetq4 {
    min-width: 0;
  }

  .DmX09XVR {
    grid-template-columns: 1fr 1fr;
  }

  .XqcuZUyY {
    display: none;
  }

  .h2SOLrep {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 8px;
  }

  .Vmi9QZA5 {
    grid-column: 2;
  }

  .hHKDNUTv {
    grid-column: 3;
    grid-row: 1;
  }

  .YRNPL1TY {
    grid-column: 2 / -1;
  }
}

.to2NfqHt {
  width: min(1580px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 18px;
}

.XWI3n6Iw {
  position: relative;
  min-height: 205px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding: 32px 36px;
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 86% 12%, rgba(45,212,191,.22), transparent 28%),
    radial-gradient(circle at 58% 118%, rgba(99,102,241,.42), transparent 38%),
    linear-gradient(125deg, #172554 0%, #312e81 49%, #115e59 130%);
  box-shadow: 0 24px 58px rgba(30,41,59,.15);
}

.XWI3n6Iw::after {
  content: "";
  position: absolute;
  width: 310px;
  height: 310px;
  right: -105px;
  top: -190px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  box-shadow: 0 0 0 55px rgba(255,255,255,.035), 0 0 0 110px rgba(255,255,255,.022);
}

.Cqrta5g_,
.Plz7O41b {
  position: relative;
  z-index: 1;
}

.XtFQRkTf,
.F7_6aLq8,
.BFJds_AD {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.XtFQRkTf {
  margin-bottom: 10px;
  color: rgba(255,255,255,.72);
}

.XWI3n6Iw h1 {
  margin: 0;
  font-size: clamp(2.25rem, 4vw, 3.9rem);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 800;
}

.Cqrta5g_ > p {
  max-width: 720px;
  margin: 14px 0 18px;
  color: rgba(255,255,255,.74);
  font-size: .95rem;
}

.tVNTQ3Zo {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tVNTQ3Zo span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 31px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  color: rgba(255,255,255,.84);
  background: rgba(255,255,255,.07);
  font-size: .7rem;
  font-weight: 650;
}

.Plz7O41b {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding-inline: 18px;
  border: 0;
  color: #1e293b !important;
  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 10px 25px rgba(15,23,42,.18);
  font-weight: 750;
}

.wqCsZQSb {
  position: sticky;
  top: 10px;
  z-index: 18;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--crm-border) 88%, var(--crm-primary));
  border-radius: 18px;
  background: color-mix(in srgb, var(--crm-surface) 92%, transparent);
  box-shadow: 0 12px 32px rgba(15,23,42,.07);
  backdrop-filter: blur(16px);
}

.Yeap5eFZ {
  flex: 1 1 620px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ITDFmRYq {
  position: relative;
  flex: 1 1 auto;
}

.ITDFmRYq > i {
  position: absolute;
  left: 13px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  color: var(--crm-muted);
}

.ITDFmRYq .form-control {
  min-height: 39px;
  padding-left: 38px;
  padding-right: 38px;
  border-radius: 11px;
  font-size: .8rem;
}

.wZlIH5ON {
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 8px;
  color: var(--crm-muted);
  background: transparent;
}

.wZlIH5ON:hover {
  color: var(--crm-text);
  background: var(--crm-surface-soft);
}

.OtauB0up {
  min-height: 39px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding-inline: 16px;
  border-radius: 11px;
  font-size: .78rem;
  font-weight: 700;
}

.luw_DnhL {
  flex: 0 0 auto;
  display: flex;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: var(--crm-surface-soft);
}

.luw_DnhL button {
  min-height: 31px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: 0;
  border-radius: 9px;
  color: var(--crm-muted);
  background: transparent;
  font-size: .71rem;
  font-weight: 720;
}

.luw_DnhL button:hover {
  color: var(--crm-text);
  background: color-mix(in srgb, var(--crm-primary) 7%, var(--crm-surface));
}

.luw_DnhL .VugS9mdo {
  color: #fff;
  background: var(--crm-primary);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--crm-primary) 24%, transparent);
}

.oSzSSRlE {
  margin: 0;
  border-radius: 14px;
}

.XkZn6ISt {
  min-height: 560px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 350px);
  gap: 18px;
}

.L68rpYQm,
.dRZyXh3a {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 20px;
  background: var(--crm-surface);
  box-shadow: 0 10px 28px rgba(15,23,42,.055);
}

.gj4bXiXr {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--crm-border);
}

.gj4bXiXr h2 {
  margin: 0;
  font-size: .98rem;
  font-weight: 780;
}

.gj4bXiXr p {
  margin: 4px 0 0;
  color: var(--crm-muted);
  font-size: .72rem;
}

.gn6e5a0e {
  min-width: 34px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: 999px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 10%, var(--crm-surface));
  font-size: .72rem;
  font-weight: 800;
}

.LZZzmXtE,
.Pgu_Q0Im {
  display: grid;
  grid-template-columns: minmax(210px, 1.35fr) minmax(155px, .85fr) minmax(170px, 1fr) minmax(170px, 1fr) 24px;
  gap: 14px;
  align-items: center;
}

.LZZzmXtE {
  min-height: 37px;
  padding: 0 18px;
  border-bottom: 1px solid var(--crm-border);
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.wvLzgWBY {
  max-height: min(68vh, 720px);
  overflow-y: auto;
}

.Pgu_Q0Im {
  width: 100%;
  min-height: 72px;
  padding: 11px 18px;
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--crm-border) 72%, transparent);
  color: var(--crm-text);
  background: transparent;
  text-align: left;
  transition: 130ms ease;
}

.Pgu_Q0Im:last-child {
  border-bottom: 0;
}

.Pgu_Q0Im:hover {
  background: color-mix(in srgb, var(--crm-primary) 4%, var(--crm-surface));
}

.Zj1idSRl {
  background: color-mix(in srgb, var(--crm-primary) 7%, var(--crm-surface));
  box-shadow: inset 3px 0 0 var(--crm-primary);
}

.ECxrr713 {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
}

.ECxrr713 > div,
.O6Q1YdoO,
.EUsGP1gd {
  min-width: 0;
}

.ECxrr713 strong,
.EUsGP1gd span,
.O6Q1YdoO span {
  display: block;
  overflow: hidden;
  color: var(--crm-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .78rem;
  font-weight: 720;
}

.ECxrr713 small,
.EUsGP1gd small {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: var(--crm-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .66rem;
}

.KPSw2SMr {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(145deg, #4f46e5, #0f766e);
  box-shadow: 0 6px 14px rgba(79,70,229,.18);
  font-size: .72rem;
  font-weight: 800;
}

.O6Q1YdoO {
  display: flex;
  align-items: center;
  gap: 7px;
}

.O6Q1YdoO i {
  color: #16a34a;
  font-size: .78rem;
}

.m0a_Ob4N {
  color: var(--crm-muted);
  text-align: right;
}

.fQpdhfFs,
.JnIWBjAK {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 30px;
  color: var(--crm-muted);
  text-align: center;
}

.fQpdhfFs i,
.JnIWBjAK > span {
  font-size: 1.7rem;
}

.fQpdhfFs strong,
.JnIWBjAK strong {
  color: var(--crm-text);
}

.fQpdhfFs span,
.JnIWBjAK p {
  max-width: 320px;
  margin: 0;
  font-size: .72rem;
}

.dRZyXh3a {
  align-self: start;
}

.hkCmVHyN {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px;
  border-bottom: 1px solid var(--crm-border);
  background:
    radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--crm-primary) 11%, transparent), transparent 38%),
    var(--crm-surface);
}

.ncwXE0od {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  font-size: .88rem;
}

.BFJds_AD {
  color: var(--crm-primary);
  font-size: .6rem;
}

.hkCmVHyN h2 {
  margin: 4px 0 2px;
  font-size: 1.05rem;
  font-weight: 800;
}

.hkCmVHyN p {
  margin: 0;
  color: var(--crm-muted);
  font-size: .72rem;
}

.JSDLmqUo {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--crm-border);
  background: var(--crm-surface-soft);
}

.JSDLmqUo > div {
  padding: 10px 11px;
  border: 1px solid var(--crm-border);
  border-radius: 12px;
  background: var(--crm-surface);
}

.JSDLmqUo small,
.s6ZJxuEU small,
.W8V9OeCp small,
.RjSWGUwx small {
  display: block;
  color: var(--crm-muted);
  font-size: .62rem;
  font-weight: 720;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.JSDLmqUo strong {
  display: block;
  margin-top: 3px;
  font-size: .77rem;
}

.LnrQAK6i {
  padding: 15px 17px;
  border-bottom: 1px solid var(--crm-border);
}

.LnrQAK6i h3 {
  margin: 0 0 11px;
  color: var(--crm-muted);
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.s6ZJxuEU {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 10px;
}

.s6ZJxuEU:first-of-type {
  margin-top: 0;
}

.s6ZJxuEU > i {
  width: 27px;
  height: 27px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 8%, var(--crm-surface));
}

.s6ZJxuEU span {
  display: block;
  margin-top: 2px;
  overflow-wrap: anywhere;
  font-size: .75rem;
}

.W8V9OeCp {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}

.W8V9OeCp > div {
  padding: 8px 10px;
  border-radius: 10px;
  background: var(--crm-surface-soft);
}

.W8V9OeCp strong {
  display: block;
  margin-top: 2px;
  overflow-wrap: anywhere;
  font-size: .72rem;
}

.IwZz7mdD {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.IwZz7mdD span,
.XEKlLl0S button {
  --skill-color: var(--crm-primary);
  padding: 4px 7px;
  border: 1px solid color-mix(in srgb, var(--skill-color) 55%, var(--crm-border));
  border-radius: 7px;
  color: var(--skill-color);
  background: color-mix(in srgb, var(--skill-color) 9%, var(--crm-surface));
  font-size: .65rem;
  font-weight: 720;
}

.IwZz7mdD small {
  color: var(--crm-muted);
  font-size: .7rem;
}

.RjSWGUwx {
  display: flex;
  gap: 10px;
  padding: 14px 17px;
  border-bottom: 1px solid var(--crm-border);
}

.RjSWGUwx > i {
  color: var(--crm-primary);
}

.RjSWGUwx p {
  margin: 3px 0 0;
  color: var(--crm-text);
  white-space: pre-wrap;
  font-size: .72rem;
}

.CQkc4EGQ {
  display: flex;
  gap: 8px;
  padding: 14px 16px;
}

.CQkc4EGQ .btn:first-child {
  flex: 1 1 auto;
}

.CQkc4EGQ .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 10px;
  font-size: .74rem;
  font-weight: 700;
}

.XEKlLl0S {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 13px 15px;
  border: 1px solid var(--crm-border);
  border-radius: 16px;
  background: var(--crm-surface);
}

.XEKlLl0S > span {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--crm-muted);
  font-size: .68rem;
  font-weight: 780;
}

.XEKlLl0S > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.XEKlLl0S button {
  cursor: pointer;
}

.ahro93eD {
  --bs-offcanvas-width: min(610px, 100vw);
  color: var(--crm-text);
  background: var(--crm-surface);
}

.ahro93eD .offcanvas-header {
  padding: 20px 22px;
  border-bottom: 1px solid var(--crm-border);
}

.ahro93eD .offcanvas-title {
  margin-top: 3px;
  font-size: 1.12rem;
  font-weight: 800;
}

.F7_6aLq8 {
  color: var(--crm-primary);
  font-size: .61rem;
}

.a1nIAiGu {
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px 20px 0;
}

.BKdecDPp {
  margin: 0;
  border-radius: 12px;
  font-size: .75rem;
}

.jwtwAAvM {
  display: grid;
  gap: 13px;
  padding: 15px;
  border: 1px solid var(--crm-border);
  border-radius: 16px;
  background: var(--crm-surface);
}

.jwtwAAvM > header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.jwtwAAvM > header > span {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 9%, var(--crm-surface));
}

.jwtwAAvM h3 {
  margin: 0;
  font-size: .8rem;
  font-weight: 800;
}

.jwtwAAvM header p {
  margin: 2px 0 0;
  color: var(--crm-muted);
  font-size: .67rem;
}

.se5lQk6b {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.OSJ0ggG7 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.g4kPaA7C {
  grid-column: 1 / -1;
}

.jwtwAAvM .form-label {
  margin-bottom: 4px;
  color: var(--crm-muted);
  font-size: .66rem;
  font-weight: 760;
}

.jwtwAAvM .form-control {
  min-height: 38px;
  border-radius: 10px;
  font-size: .77rem;
}

.jwtwAAvM textarea.form-control {
  min-height: 96px;
}

.jwtwAAvM .form-text,
.jwtwAAvM .invalid-feedback {
  font-size: .63rem;
}

.jgS6q8Ol {
  position: sticky;
  bottom: 0;
  z-index: 4;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin: auto -20px 0;
  padding: 14px 20px;
  border-top: 1px solid var(--crm-border);
  background: color-mix(in srgb, var(--crm-surface) 95%, transparent);
  backdrop-filter: blur(12px);
}

.jgS6q8Ol .btn {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 10px;
  font-size: .75rem;
  font-weight: 720;
}

@media (max-width: 1180px) {
  .XkZn6ISt {
    grid-template-columns: minmax(0, 1fr) 310px;
  }

  .LZZzmXtE,
  .Pgu_Q0Im {
    grid-template-columns: minmax(190px, 1.2fr) minmax(145px, .85fr) minmax(155px, 1fr) minmax(155px, 1fr) 20px;
    gap: 10px;
  }
}

@media (max-width: 980px) {
  .XWI3n6Iw {
    align-items: flex-start;
    flex-direction: column;
  }

  .wqCsZQSb {
    position: static;
    align-items: stretch;
    flex-direction: column;
  }

  .luw_DnhL {
    align-self: flex-start;
  }

  .XkZn6ISt {
    grid-template-columns: 1fr;
  }

  .dRZyXh3a {
    order: -1;
  }

  .JSDLmqUo,
  .W8V9OeCp {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .to2NfqHt {
    gap: 12px;
  }

  .XWI3n6Iw {
    min-height: auto;
    padding: 24px 22px;
    border-radius: 18px;
  }

  .XWI3n6Iw h1 {
    font-size: 2.3rem;
  }

  .Plz7O41b {
    width: 100%;
    justify-content: center;
  }

  .Yeap5eFZ {
    flex-direction: column;
  }

  .OtauB0up {
    width: 100%;
    justify-content: center;
  }

  .luw_DnhL {
    width: 100%;
    overflow-x: auto;
  }

  .luw_DnhL button {
    flex: 1 0 auto;
    justify-content: center;
  }

  .LZZzmXtE {
    display: none;
  }

  .Pgu_Q0Im {
    grid-template-columns: 1fr auto;
    gap: 9px 12px;
    padding: 13px 15px;
  }

  .ECxrr713 {
    grid-column: 1;
  }

  .O6Q1YdoO,
  .EUsGP1gd {
    grid-column: 1;
    padding-left: 49px;
  }

  .O6Q1YdoO::before,
  .EUsGP1gd::before {
    flex: 0 0 72px;
    color: var(--crm-muted);
    font-size: .61rem;
    font-weight: 760;
    text-transform: uppercase;
  }

  .O6Q1YdoO::before { content: "Número"; }
  .EUsGP1gd:nth-of-type(3)::before { content: "CNPJ empresa"; }
  .EUsGP1gd:nth-of-type(4)::before { content: "CPF / CNPJ"; }

  .EUsGP1gd {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .EUsGP1gd small {
    display: none;
  }

  .m0a_Ob4N {
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: center;
  }

  .JSDLmqUo,
  .W8V9OeCp,
  .se5lQk6b,
  .OSJ0ggG7,
  .jgS6q8Ol {
    grid-template-columns: 1fr;
  }

  .g4kPaA7C {
    grid-column: auto;
  }

  .XEKlLl0S {
    align-items: flex-start;
    flex-direction: column;
  }
}

.Nb79JYbl{position:fixed;right:230px;bottom:18px;z-index:1040;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.lWVwYNyI{position:relative;right:auto;bottom:auto;z-index:auto}.ipUfhinM{border:0;border-radius:13px;padding:10px 16px;box-shadow:0 10px 30px rgba(0,0,0,.18);font-weight:700;white-space:nowrap}.KCUWC2Ox{width:min(390px,calc(100vw - 28px));max-height:64vh;overflow:auto;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:18px;box-shadow:0 18px 48px rgba(0,0,0,.22)}.lWVwYNyI .KCUWC2Ox{position:absolute;left:0;bottom:calc(100% + 10px);z-index:1080;width:min(340px,calc(100vw - 40px));max-height:min(62vh,560px);box-shadow:0 20px 54px rgba(0,0,0,.3)}.VgoMPMKL{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--bs-body-bg);border-bottom:1px solid var(--bs-border-color)}.gD3VuSmv{padding:12px}.ViKDcjWO{border:1px solid rgba(255,193,7,.6);background:rgba(255,193,7,.08);border-radius:14px;padding:12px;margin-bottom:10px}.u8uJnZOg{border-color:rgba(13,110,253,.35);background:rgba(13,110,253,.06)}.w5KpUlEh{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--bs-warning-text-emphasis)}.u8uJnZOg .w5KpUlEh{color:var(--bs-primary)}.sugilQWz{font-size:.78rem;color:var(--bs-secondary-color)}.niijkVvD{display:flex;gap:8px;margin-top:10px}.txs776YG{display:flex;align-items:flex-start;gap:7px;margin-top:9px;padding:8px 10px;border-radius:10px;background:rgba(13,110,253,.07);font-size:.76rem;color:var(--bs-secondary-color)}.txs776YG i{color:var(--bs-primary);margin-top:1px}.SE2b0oWi{padding:18px;text-align:center;color:var(--bs-secondary-color)}.lFd_e7fx{border-radius:12px;padding:10px 12px;background:rgba(13,110,253,.08);border:1px solid rgba(13,110,253,.2);font-size:.86rem}@media(max-width:600px){.Nb79JYbl:not(.lWVwYNyI){left:10px;right:auto;bottom:10px;align-items:flex-start}.KCUWC2Ox{width:calc(100vw - 20px)}.ipUfhinM{padding:9px 12px}.lWVwYNyI .KCUWC2Ox{left:0;width:min(340px,calc(100vw - 32px));max-height:58vh}}

.DigAbvoC {
  width: min(100%, 390px);
  min-width: 285px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 11px;
  margin-bottom: 6px;
  border: 1px solid var(--audio-player-border, color-mix(in srgb, var(--crm-primary) 16%, var(--crm-border)));
  border-radius: 15px;
  background: var(--audio-player-background, var(--audio-player-default-background, color-mix(in srgb, var(--crm-primary) 7%, var(--crm-surface))));
  color: var(--crm-text);
  white-space: normal;
  box-shadow: 0 2px 5px rgba(15,23,42,.04);
}

.Dw74ChlK {
  --audio-player-default-background: color-mix(in srgb, var(--crm-primary) 14%, var(--crm-surface));
}

.inuVekMw {
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
}

.DigAbvoC audio {
  display: none;
}

.OKO9fNJa {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: var(--audio-player-accent, var(--crm-primary));
  font-size: 1.45rem;
  line-height: 1;
  box-shadow: 0 3px 9px color-mix(in srgb, var(--audio-player-accent, var(--crm-primary)) 24%, transparent);
}

.OKO9fNJa:hover,
.OKO9fNJa:focus-visible {
  filter: brightness(.96);
}

.KGO2n0Hp {
  flex: 1 1 auto;
  min-width: 120px;
  display: grid;
  gap: 1px;
}

.ZdoIuwf7 {
  position: relative;
  height: 32px;
  overflow: hidden;
}

.bKvErGls,
.O47bVipn {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  gap: 2px;
  overflow: hidden;
  pointer-events: none;
}

.bKvErGls span,
.O47bVipn span {
  width: 2px;
  height: var(--wave-height, 12px);
  flex: 1 1 2px;
  max-width: 3px;
  min-width: 1px;
  border-radius: 999px;
}

.bKvErGls span {
  background: color-mix(in srgb, var(--crm-muted) 48%, transparent);
}

.O47bVipn {
  z-index: 1;
}

.O47bVipn span {
  background: var(--audio-player-accent, var(--crm-primary));
}

.bnBFBj9v {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  opacity: 0;
}

.aq7_OWsX {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--crm-muted);
  font-size: .69rem;
  font-variant-numeric: tabular-nums;
}

.VhMghD3I {
  min-width: 39px;
  padding: 4px 6px;
  border: 0;
  border-radius: 11px;
  color: var(--crm-text);
  background: color-mix(in srgb, var(--crm-text) 8%, transparent);
  font-size: .72rem;
  font-weight: 700;
}

.VhMghD3I:hover,
.VhMghD3I:focus-visible {
  color: var(--audio-player-accent, var(--crm-primary));
  background: color-mix(in srgb, var(--audio-player-accent, var(--crm-primary)) 12%, transparent);
}

.gVqOfLkn {
  flex: 0 0 auto;
  color: var(--audio-player-accent, var(--crm-primary));
  font-size: 1.05rem;
}

@media (max-width: 575.98px) {
  .DigAbvoC {
    width: min(100%, 330px);
    min-width: min(260px, 78vw);
  }

  .bKvErGls,
  .O47bVipn {
    gap: 1px;
  }

  .gVqOfLkn {
    display: none;
  }
}

.epOHN5p1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--crm-border);
  border-radius: 16px;
  color: var(--crm-text);
  background: var(--crm-surface);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
}

.GLD_h2Tq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.GLD_h2Tq > div {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.GLD_h2Tq strong {
  color: var(--crm-text);
  font-size: .95rem;
}

.udSCqRcW {
  color: var(--crm-primary);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.GLD_h2Tq .btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.GLD_h2Tq .btn-outline-primary {
  --bs-btn-color: var(--crm-primary);
  --bs-btn-border-color: color-mix(in srgb, var(--crm-primary) 44%, var(--crm-border));
  --bs-btn-hover-color: var(--crm-text);
  --bs-btn-hover-bg: color-mix(in srgb, var(--crm-primary) 12%, var(--crm-surface));
  --bs-btn-hover-border-color: color-mix(in srgb, var(--crm-primary) 62%, var(--crm-border));
  --bs-btn-active-color: var(--crm-text);
  --bs-btn-active-bg: color-mix(in srgb, var(--crm-primary) 16%, var(--crm-surface));
  --bs-btn-active-border-color: color-mix(in srgb, var(--crm-primary) 68%, var(--crm-border));
  --bs-btn-disabled-color: var(--crm-muted);
  --bs-btn-disabled-border-color: var(--crm-border);
  border-radius: 9px;
  font-weight: 650;
}

.t5a2C5sJ {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.BxFsTakp {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 24%, var(--crm-border));
  border-radius: 10px;
  background: color-mix(in srgb, var(--crm-primary) 5%, var(--crm-surface));
  transition: border-color 120ms ease, background 120ms ease, box-shadow 120ms ease;
}

.BxFsTakp:hover {
  border-color: color-mix(in srgb, var(--crm-primary) 42%, var(--crm-border));
  background: color-mix(in srgb, var(--crm-primary) 8%, var(--crm-surface));
}

.BxFsTakp:focus-within {
  border-color: color-mix(in srgb, var(--crm-primary) 52%, var(--crm-border));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--crm-primary) 10%, transparent);
}

.OUjqJDHo,
.qUdLOOCc {
  border: 0;
  background: transparent;
}

.OUjqJDHo {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  color: var(--crm-text);
  font-size: .78rem;
  font-weight: 700;
}

.OUjqJDHo:hover,
.OUjqJDHo:focus-visible {
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 8%, transparent);
}

.OUjqJDHo i:first-child {
  color: var(--crm-primary);
}

.OUjqJDHo i:last-child {
  color: var(--crm-muted);
  font-size: .68rem;
}

.qUdLOOCc {
  display: grid;
  place-items: center;
  width: 30px;
  border-left: 1px solid color-mix(in srgb, var(--crm-primary) 18%, var(--crm-border));
  color: var(--crm-muted);
}

.qUdLOOCc:hover:not(:disabled),
.qUdLOOCc:focus-visible:not(:disabled) {
  color: var(--bs-danger);
  background: color-mix(in srgb, var(--bs-danger) 10%, var(--crm-surface));
}

.OUjqJDHo:disabled,
.qUdLOOCc:disabled,
.V49ye1PK:disabled {
  cursor: not-allowed;
  opacity: .56;
}

.aD1saTsF,
.EasOJBZO {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--crm-muted);
  font-size: .8rem;
}

.aD1saTsF {
  padding: 2px 0;
}

.aD1saTsF i {
  color: color-mix(in srgb, var(--crm-primary) 74%, var(--crm-muted));
  font-size: 1rem;
}

.mrGP8O_7 {
  margin: 0;
  padding: 8px 10px;
  font-size: .78rem;
}

.inJnBpkf {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding-top: 12px;
  border-top: 1px solid var(--crm-border);
}

.ENWGvHbI {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.O1QY9zxr {
  position: relative;
}

.O1QY9zxr > i {
  position: absolute;
  top: 50%;
  left: 10px;
  z-index: 2;
  transform: translateY(-50%);
  color: var(--crm-muted);
  pointer-events: none;
}

.O1QY9zxr .form-control {
  padding-left: 32px;
  border-color: var(--crm-border);
  color: var(--crm-text);
  background: color-mix(in srgb, var(--crm-surface) 96%, var(--crm-bg));
  font-size: .82rem;
  box-shadow: none;
}

.O1QY9zxr .form-control:focus {
  border-color: color-mix(in srgb, var(--crm-primary) 48%, var(--crm-border));
  color: var(--crm-text);
  background: var(--crm-surface);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--crm-primary) 9%, transparent);
}

.O1QY9zxr .form-control::placeholder {
  color: color-mix(in srgb, var(--crm-muted) 76%, transparent);
}

.ENWGvHbI .btn-primary {
  --bs-btn-bg: var(--crm-primary);
  --bs-btn-border-color: var(--crm-primary);
  --bs-btn-hover-bg: color-mix(in srgb, var(--crm-primary) 88%, #000);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--crm-primary) 88%, #000);
  --bs-btn-disabled-bg: color-mix(in srgb, var(--crm-primary) 52%, var(--crm-surface));
  --bs-btn-disabled-border-color: color-mix(in srgb, var(--crm-primary) 42%, var(--crm-border));
  border-radius: 9px;
}

.YSzaSLTG {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 230px;
  overflow: auto;
  scrollbar-color: color-mix(in srgb, var(--crm-muted) 42%, transparent) transparent;
}

.V49ye1PK {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 9px;
  border: 1px solid var(--crm-border);
  border-radius: 11px;
  color: var(--crm-text);
  background: color-mix(in srgb, var(--crm-bg) 58%, var(--crm-surface));
  text-align: left;
  transition: border-color 120ms ease, background 120ms ease, transform 120ms ease;
}

.V49ye1PK:hover:not(:disabled),
.V49ye1PK:focus-visible:not(:disabled) {
  border-color: color-mix(in srgb, var(--crm-primary) 42%, var(--crm-border));
  background: color-mix(in srgb, var(--crm-primary) 7%, var(--crm-surface));
}

.V49ye1PK:hover:not(:disabled) {
  transform: translateY(-1px);
}

.KGIYKb_D {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 12%, transparent);
  border-radius: 9px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 10%, var(--crm-surface));
}

.BiZ0VWJ7 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.BiZ0VWJ7 strong {
  color: var(--crm-text);
  font-size: .8rem;
}

.BiZ0VWJ7 small {
  overflow: hidden;
  color: var(--crm-muted);
  font-size: .72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.V49ye1PK > i {
  color: var(--crm-primary);
}

.EasOJBZO {
  padding: 8px 2px;
}

.t1s6YeVW {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--crm-muted);
  font-size: .7rem;
}

.t1s6YeVW i {
  color: color-mix(in srgb, var(--crm-primary) 72%, var(--crm-muted));
}

.epOHN5p1:not(.eqCr2ZK2) {
  gap: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 19px;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--crm-primary) 2.5%, var(--crm-surface)), var(--crm-surface));
  box-shadow: 0 10px 28px rgba(15, 23, 42, .055);
}

.epOHN5p1:not(.eqCr2ZK2) .GLD_h2Tq {
  min-height: 68px;
  padding: 15px 18px;
  border-bottom: 1px solid var(--crm-border);
  background: color-mix(in srgb, var(--crm-bg) 34%, var(--crm-surface));
}

.epOHN5p1:not(.eqCr2ZK2) .GLD_h2Tq strong {
  font-size: .91rem;
  font-weight: 800;
}

.epOHN5p1:not(.eqCr2ZK2) .udSCqRcW {
  margin-bottom: 2px;
  font-size: .62rem;
}

.epOHN5p1:not(.eqCr2ZK2) .t5a2C5sJ {
  padding: 16px 18px 18px;
}

.epOHN5p1:not(.eqCr2ZK2) .aD1saTsF {
  min-height: 76px;
  padding: 18px;
}

.epOHN5p1:not(.eqCr2ZK2) .mrGP8O_7 {
  margin: 0 18px 16px;
}

.epOHN5p1:not(.eqCr2ZK2) .inJnBpkf {
  padding: 14px 18px 18px;
  border-top-color: color-mix(in srgb, var(--crm-border) 88%, transparent);
  background: color-mix(in srgb, var(--crm-bg) 26%, var(--crm-surface));
}

.epOHN5p1:not(.eqCr2ZK2) .BxFsTakp {
  min-height: 34px;
  border-radius: 11px;
}

.epOHN5p1:not(.eqCr2ZK2) .OUjqJDHo {
  padding-inline: 10px;
}

.eqCr2ZK2 {
  gap: 10px;
  margin: 0 12px 12px;
  padding: 13px;
  border-radius: 15px;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--crm-primary) 3%, var(--crm-surface)), var(--crm-surface));
  box-shadow: 0 7px 22px rgba(15, 23, 42, .035);
}

.eqCr2ZK2 .GLD_h2Tq strong {
  font-size: .85rem;
}

.eqCr2ZK2 .udSCqRcW {
  font-size: .59rem;
  letter-spacing: .07em;
}

.eqCr2ZK2 .GLD_h2Tq .btn {
  min-height: 31px;
  padding: 5px 9px;
  font-size: .7rem;
}

.eqCr2ZK2 .t5a2C5sJ {
  gap: 6px;
}

.eqCr2ZK2 .OUjqJDHo {
  padding: 6px 7px;
  font-size: .72rem;
}

.eqCr2ZK2 .inJnBpkf {
  padding-top: 10px;
}

.eqCr2ZK2 .ENWGvHbI {
  grid-template-columns: 1fr;
}

.eqCr2ZK2 .ENWGvHbI .btn {
  width: 100%;
}

@media (max-width: 767.98px) {
  .eqCr2ZK2 {
    margin: 0 10px 10px;
  }
}

@media (max-width: 575.98px) {
  .GLD_h2Tq {
    align-items: flex-start;
  }

  .ENWGvHbI {
    grid-template-columns: 1fr;
  }

  .ENWGvHbI .btn {
    width: 100%;
  }

  .t5a2C5sJ {
    flex-direction: column;
  }

  .BxFsTakp {
    width: 100%;
  }

  .OUjqJDHo {
    flex: 1;
    justify-content: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .BxFsTakp,
  .V49ye1PK {
    transition: none;
  }
}

.B8j56MsJ {
  width: min(1440px, calc(100vw - 28px));
  max-width: none;
}

.B8j56MsJ .modal-content {
  height: min(900px, calc(100vh - 28px));
  overflow: hidden;
  border-color: var(--crm-border);
  background: var(--crm-surface);
}

.B8j56MsJ .modal-header {
  flex: 0 0 auto;
  border-color: var(--crm-border);
}

.iEQaanKI {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.iEQaanKI small {
  color: var(--crm-muted);
}

.Jb_xyUOu {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--crm-primary);
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vBRLZGqy {
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: var(--crm-bg);
}

.wMgOOIEK {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
}

.VhPuFpI1 {
  min-height: 0;
  display: grid;
  grid-template-rows: auto 1fr;
  border-right: 1px solid var(--crm-border);
  background: var(--crm-surface);
}

.IfHxfrDu {
  padding: 15px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--crm-border);
}

.IfHxfrDu > div {
  min-width: 0;
  display: grid;
}

.IfHxfrDu strong {
  font-size: .82rem;
}

.IfHxfrDu small {
  color: var(--crm-muted);
  font-size: .66rem;
}

.IfHxfrDu > span {
  min-width: 28px;
  height: 28px;
  padding: 0 7px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 10%, var(--crm-surface));
  font-size: .7rem;
  font-weight: 800;
}

.xgICufZ2,
.m_vm6UJH,
.karOGHKR,
.FvdWPIqD {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--crm-muted) 45%, transparent) transparent;
}

.xgICufZ2 {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.JlxaDl0B {
  width: 100%;
  padding: 14px 15px;
  display: grid;
  gap: 5px;
  border: 0;
  border-bottom: 1px solid var(--crm-border);
  color: var(--crm-text);
  background: transparent;
  text-align: left;
}

.JlxaDl0B:hover,
.JlxaDl0B:focus-visible {
  background: var(--crm-surface-soft);
}

.e6WQSUIx {
  background: color-mix(in srgb, var(--crm-primary) 8%, var(--crm-surface));
  box-shadow: inset 3px 0 0 var(--crm-primary);
}

.VGp9BVTb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.VGp9BVTb strong {
  overflow: hidden;
  font-size: .8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.uGWrOpx2 {
  padding: 3px 6px;
  border-radius: 999px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 11%, var(--crm-surface));
  font-size: .56rem;
  font-weight: 800;
  text-transform: uppercase;
}

.GA6A4of3 {
  width: fit-content;
  padding: 3px 6px;
  border-radius: 999px;
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  font-size: .6rem;
  font-weight: 750;
}

.GA6A4of3[data-status="open"] {
  color: color-mix(in srgb, #2563eb 82%, var(--crm-text));
  background: color-mix(in srgb, #2563eb 9%, var(--crm-surface));
}

.GA6A4of3[data-status="resolved"] {
  color: color-mix(in srgb, #059669 82%, var(--crm-text));
  background: color-mix(in srgb, #059669 9%, var(--crm-surface));
}

.JlxaDl0B > small {
  overflow: hidden;
  color: var(--crm-muted);
  font-size: .65rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.P_uzpML1 {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.m_vm6UJH {
  height: 100%;
  padding: 18px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.PDK4L_kx {
  padding: 18px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid var(--crm-border);
  border-radius: 16px;
  background: var(--crm-surface);
}

.kdsl_Eyv {
  color: var(--crm-primary);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.PDK4L_kx h3 {
  margin: 4px 0 8px;
  font-size: 1.28rem;
  font-weight: 850;
}

.JdjN4eqn {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 13px;
  color: var(--crm-muted);
  font-size: .7rem;
}

.JdjN4eqn span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.hlhMnTWJ {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.hlhMnTWJ span {
  padding: 6px 9px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--crm-border);
  border-radius: 999px;
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  font-size: .66rem;
  font-weight: 750;
}

.hlhMnTWJ span[data-status="open"] {
  color: color-mix(in srgb, #2563eb 82%, var(--crm-text));
}

.hlhMnTWJ span[data-status="resolved"] {
  color: color-mix(in srgb, #059669 82%, var(--crm-text));
}

.AY8PWRqs {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.AY8PWRqs > div {
  min-width: 0;
  padding: 12px 13px;
  display: grid;
  gap: 2px;
  border: 1px solid var(--crm-border);
  border-radius: 12px;
  background: var(--crm-surface);
}

.AY8PWRqs small,
.Gez2zeSj small {
  color: var(--crm-muted);
  font-size: .61rem;
  font-weight: 700;
  text-transform: uppercase;
}

.AY8PWRqs strong {
  overflow: hidden;
  font-size: .74rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Gez2zeSj {
  margin-top: 12px;
  padding: 12px 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 28px;
  border: 1px solid var(--crm-border);
  border-radius: 12px;
  background: var(--crm-surface);
}

.Gez2zeSj > div {
  display: grid;
  gap: 6px;
}

.Gez2zeSj > div > div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.Gez2zeSj span {
  padding: 4px 7px;
  border-radius: 7px;
  color: var(--crm-text);
  background: var(--crm-surface-soft);
  font-size: .63rem;
}

.KXgjxhv4 {
  margin-top: 12px;
  min-height: 460px;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr);
  gap: 12px;
}

.W2URPfuN {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 14px;
  background: var(--crm-surface);
}

.W2URPfuN > header {
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid var(--crm-border);
}

.W2URPfuN > header > div {
  display: grid;
}

.W2URPfuN > header strong {
  font-size: .77rem;
}

.W2URPfuN > header small,
.W2URPfuN > header > i {
  color: var(--crm-muted);
  font-size: .63rem;
}

.karOGHKR,
.FvdWPIqD {
  max-height: 520px;
  padding: 14px;
  overflow-y: auto;
}

.XJ1z1dlY {
  display: flex;
  margin-bottom: 10px;
}

.XJ1z1dlY > div {
  width: min(86%, 620px);
  padding: 9px 11px;
  border: 1px solid var(--crm-border);
  border-radius: 11px 11px 11px 3px;
  background: var(--crm-surface-soft);
}

.zw_R6h_F {
  justify-content: flex-end;
}

.zw_R6h_F > div {
  border-radius: 11px 11px 3px 11px;
  background: color-mix(in srgb, var(--crm-primary) 8%, var(--crm-surface));
}

.Ea1lEr_K > div {
  border-color: color-mix(in srgb, #d97706 35%, var(--crm-border));
  background: color-mix(in srgb, #d97706 7%, var(--crm-surface));
}

.XJ1z1dlY header {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.XJ1z1dlY header strong {
  font-size: .65rem;
}

.XJ1z1dlY header span {
  padding: 2px 4px;
  border-radius: 4px;
  color: #92400e;
  background: #fef3c7;
  font-size: .5rem;
  font-weight: 850;
}

.XJ1z1dlY p {
  margin: 0;
  color: var(--crm-text);
  font-size: .72rem;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.XJ1z1dlY footer,
.glpvtIXs {
  margin-top: 5px;
  display: block;
  color: var(--crm-muted);
  font-size: .57rem;
}

.glpvtIXs {
  display: flex;
  align-items: center;
  gap: 4px;
}

.FvdWPIqD {
  display: grid;
  align-content: start;
}

.CM95dhm2 {
  position: relative;
  min-height: 48px;
  padding: 0 0 14px 18px;
  display: grid;
  grid-template-columns: 1fr;
}

.CM95dhm2::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 9px;
  bottom: -2px;
  width: 1px;
  background: var(--crm-border);
}

.CM95dhm2:last-child::before {
  display: none;
}

.y4bRxb81 {
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 5px;
  border: 2px solid var(--crm-surface);
  border-radius: 50%;
  background: var(--crm-primary);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--crm-primary) 30%, var(--crm-border));
}

.CM95dhm2 > div {
  display: grid;
  gap: 2px;
}

.CM95dhm2 strong {
  font-size: .68rem;
}

.CM95dhm2 small,
.CM95dhm2 time {
  color: var(--crm-muted);
  font-size: .58rem;
}

.b0bRkRvD,
.S_XCuqKs {
  min-height: 180px;
  padding: 28px 20px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  color: var(--crm-muted);
  text-align: center;
}

.b0bRkRvD i,
.S_XCuqKs i {
  font-size: 1.45rem;
}

.b0bRkRvD i {
  animation: AjsmbK47 1s linear infinite;
}

.S_XCuqKs strong {
  color: var(--crm-text);
  font-size: .8rem;
}

.S_XCuqKs span {
  max-width: 300px;
  font-size: .68rem;
}

.AzGGMe65 {
  padding: 30px 16px;
  color: var(--crm-muted);
  font-size: .68rem;
  text-align: center;
}

@keyframes AjsmbK47 {
  to { transform: rotate(360deg); }
}

@media (max-width: 991.98px) {
  .B8j56MsJ {
    width: calc(100vw - 16px);
    margin: 8px auto;
  }

  .B8j56MsJ .modal-content {
    height: calc(100vh - 16px);
  }

  .wMgOOIEK {
    grid-template-columns: minmax(210px, 34%) minmax(0, 1fr);
  }

  .AY8PWRqs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .KXgjxhv4 {
    grid-template-columns: 1fr;
  }

  .karOGHKR,
  .FvdWPIqD {
    max-height: 380px;
  }
}

@media (max-width: 679.98px) {
  .wMgOOIEK {
    display: block;
    overflow-y: auto;
  }

  .VhPuFpI1 {
    max-height: 260px;
    border-right: 0;
    border-bottom: 1px solid var(--crm-border);
  }

  .P_uzpML1 {
    overflow: visible;
  }

  .m_vm6UJH {
    height: auto;
    overflow: visible;
  }

  .PDK4L_kx {
    flex-direction: column;
  }

  .hlhMnTWJ {
    justify-content: flex-start;
  }

  .AY8PWRqs {
    grid-template-columns: 1fr 1fr;
  }
}

.DnGPW3G6 {
  height: calc(100dvh - 24px) !important;
  max-height: calc(100dvh - 24px) !important;
  margin: 12px auto !important;
  display: flex;
  align-items: stretch;
}

.DnGPW3G6 .modal-content {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0;
  overflow: hidden;
}

.DnGPW3G6 .modal-body {
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}

@media (max-width: 679.98px) {
  .DnGPW3G6 {
    height: calc(100dvh - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
    margin: 6px auto !important;
  }
}

.aFGI3z7C {
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--crm-surface) 97%, var(--crm-primary) 3%), var(--crm-surface));
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
}

.IipBJFkY {
  position: sticky;
  top: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 15px 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--crm-border) 86%, transparent);
  background: color-mix(in srgb, var(--crm-surface) 94%, transparent);
  backdrop-filter: blur(14px);
}

.hyKBnjuV {
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, #fff 25%, transparent);
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(145deg, #4f46e5, #0891b2 72%);
  box-shadow: 0 8px 20px rgba(15, 23, 42, .14);
  font-size: .82rem;
  font-weight: 750;
  letter-spacing: .02em;
}

.qw1VTxav {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 2px;
  color: var(--crm-primary);
  font-size: .6rem;
  font-weight: 750;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.IipBJFkY h3 {
  color: var(--crm-text);
  font-size: .88rem !important;
  font-weight: 750;
  letter-spacing: -.015em;
}

.IipBJFkY .text-secondary {
  color: var(--crm-muted) !important;
  font-size: .7rem !important;
}

.IipBJFkY .btn {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border-color: var(--crm-border);
  border-radius: 10px;
  color: var(--crm-muted);
  background: var(--crm-surface);
}

.IipBJFkY .btn:hover,
.IipBJFkY .btn:focus-visible {
  border-color: color-mix(in srgb, var(--crm-primary) 34%, var(--crm-border));
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 7%, var(--crm-surface));
}

.YiaM6xdp {
  position: relative;
  margin: 12px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 18%, var(--crm-border));
  border-radius: 15px;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--crm-primary) 12%, transparent), transparent 48%),
    color-mix(in srgb, var(--crm-primary) 5%, var(--crm-surface));
  box-shadow: 0 7px 22px rgba(15, 23, 42, .045);
}

.J1en69M5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.J1en69M5 > i {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 15%, transparent);
  border-radius: 12px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 9%, var(--crm-surface));
  font-size: 1rem;
}

.YiaM6xdp small {
  display: block;
  color: var(--crm-muted);
  text-transform: uppercase;
  letter-spacing: .065em;
  font-size: .58rem;
  font-weight: 750;
}

.YiaM6xdp strong {
  display: block;
  margin-top: 3px;
  color: var(--crm-text);
  font-size: 1.08rem;
  font-weight: 800;
  letter-spacing: -.025em;
}

.YiaM6xdp .badge.text-bg-light {
  border: 1px solid var(--crm-border);
  border-radius: 999px;
  color: var(--crm-muted) !important;
  background: color-mix(in srgb, var(--crm-surface) 88%, var(--crm-bg)) !important;
  font-size: .59rem;
  font-weight: 700;
}

.uhc8MOVa {
  display: flex;
  flex-direction: column;
  margin: 0 12px 12px;
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 15px;
  background: var(--crm-surface);
  box-shadow: 0 7px 22px rgba(15, 23, 42, .035);
}

.J9Dsbebk {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--crm-border) 88%, transparent);
  background: color-mix(in srgb, var(--crm-bg) 54%, var(--crm-surface));
}

.J9Dsbebk span {
  color: var(--crm-text);
  font-size: .76rem;
  font-weight: 750;
}

.J9Dsbebk small {
  color: var(--crm-muted);
  font-size: .63rem;
}

.G9UUEXVV {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--crm-border) 82%, transparent);
  background: var(--crm-surface);
  transition: background 120ms ease;
}

.G9UUEXVV:last-child { border-bottom: 0; }
.G9UUEXVV:hover { background: color-mix(in srgb, var(--crm-primary) 2.5%, var(--crm-surface)); }

.G9UUEXVV > i {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  margin-top: 1px;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 12%, transparent);
  border-radius: 10px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 7%, var(--crm-surface));
  font-size: .8rem;
}

.G9UUEXVV small {
  display: block;
  color: var(--crm-muted);
  font-size: .58rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.YC7y8mWJ {
  margin-top: 2px;
  overflow-wrap: anywhere;
  color: var(--crm-text);
  font-size: .73rem;
  line-height: 1.4;
}

._E5tvxm6 {
  display: grid;
  gap: 11px;
  margin: 0 12px 14px;
  padding: 14px;
  border: 1px solid var(--crm-border);
  border-radius: 15px;
  background: var(--crm-surface);
  box-shadow: 0 7px 22px rgba(15, 23, 42, .035);
}

._E5tvxm6 .form-label {
  margin-bottom: 4px;
  color: var(--crm-muted);
  font-size: .68rem;
  font-weight: 650;
}

._E5tvxm6 .form-control {
  min-height: 35px;
  border-color: var(--crm-border);
  border-radius: 9px;
  color: var(--crm-text);
  background: color-mix(in srgb, var(--crm-surface) 96%, var(--crm-bg));
  font-size: .75rem;
  box-shadow: none;
}

._E5tvxm6 .form-control:focus {
  border-color: color-mix(in srgb, var(--crm-primary) 45%, var(--crm-border));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--crm-primary) 8%, transparent);
}

._E5tvxm6 .btn {
  min-height: 34px;
  border-radius: 9px;
  font-size: .72rem;
  font-weight: 650;
}

.ZlQiC35K,
.Xj1QKVRW { display: none; }

.aFGI3z7C .alert {
  border-radius: 10px;
  font-size: .7rem !important;
}

@media (max-width: 1399.98px) {
  .ZlQiC35K {
    position: fixed;
    top: 14px;
    right: 102px;
    z-index: 1085;
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border: 1px solid var(--crm-border);
    border-radius: 10px;
    color: var(--crm-muted);
    background: var(--crm-surface);
    box-shadow: 0 7px 20px rgba(15, 23, 42, .09);
  }

  .ZlQiC35K:hover,
  .ZlQiC35K:focus-visible {
    color: var(--crm-primary);
    border-color: color-mix(in srgb, var(--crm-primary) 35%, var(--crm-border));
    background: color-mix(in srgb, var(--crm-primary) 6%, var(--crm-surface));
  }

  .aFGI3z7C { display: none; }

  .aFGI3z7C.CCUiIDo7 {
    position: fixed;
    inset: 58px 12px 12px auto;
    z-index: 1070;
    display: block;
    width: min(390px, calc(100vw - 24px));
    overflow-y: auto;
    border: 1px solid var(--crm-border);
    border-radius: 18px;
    background: var(--crm-surface);
    box-shadow: 0 28px 80px rgba(15, 23, 42, .22);
    animation: XoHJjqWM 160ms ease-out;
  }

  .Xj1QKVRW { display: inline-grid; place-items: center; }
}

@keyframes XoHJjqWM {
  from { opacity: 0; transform: translateX(14px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (max-width: 767.98px) {
  .ZlQiC35K { top: 10px; right: 88px; }
  .aFGI3z7C.CCUiIDo7 {
    inset: 54px 8px 8px;
    width: auto;
    border-radius: 16px;
  }
  .IipBJFkY { padding: 12px; }
  .YiaM6xdp { margin: 10px; }
  .uhc8MOVa { margin: 0 10px 10px; }
  ._E5tvxm6 { margin: 0 10px 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .G9UUEXVV { transition: none; }
}

.m9Kdp827 {
  position: fixed;
  inset: 0;
  z-index: 2200;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  color: #f8fafc;
  background: rgba(5, 10, 18, .96);
  backdrop-filter: blur(10px);
}

.NJucRpwD {
  min-height: 64px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  background: rgba(15, 23, 42, .9);
}

.j2YOL5ZR {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  color: rgba(248,250,252,.88);
  font-size: .85rem;
  font-weight: 600;
}

.j2YOL5ZR span {
  max-width: min(320px, 30vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qxNFaVMy {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 5px;
}

.qxNFaVMy button {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: rgba(248,250,252,.9);
  background: transparent;
  font-size: 1rem;
}

.qxNFaVMy button:hover,
.qxNFaVMy button:focus-visible {
  color: #fff;
  background: rgba(255,255,255,.1);
}

.qxNFaVMy button:disabled {
  opacity: .38;
}

.FvH2r9l3 {
  color: #fff !important;
  background: rgba(255,255,255,.08) !important;
}

.XqhXx701 {
  min-width: 48px;
  color: rgba(248,250,252,.72);
  font-size: .75rem;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.QVNKAe61 {
  width: 1px;
  height: 24px;
  margin: 0 4px;
  background: rgba(255,255,255,.12);
}

.DksXiOXp {
  position: relative;
  min-width: 0;
  min-height: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  touch-action: none;
  cursor: zoom-in;
  user-select: none;
  background:
    radial-gradient(circle at center, rgba(255,255,255,.035), transparent 48%),
    #050a12;
}

.uzTSwT2v {
  cursor: grab;
}

.uzTSwT2v:active {
  cursor: grabbing;
}

.GEvmG2CB {
  display: block;
  max-width: calc(100vw - 48px);
  max-height: calc(100vh - 150px);
  object-fit: contain;
  transform-origin: center;
  transition: transform 140ms ease;
  will-change: transform;
  box-shadow: 0 18px 60px rgba(0,0,0,.38);
}

.uzTSwT2v .GEvmG2CB {
  transition: none;
}

.z9mq4LNK {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 9px 16px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(226,232,240,.58);
  background: rgba(15,23,42,.82);
  font-size: .7rem;
}

.z9mq4LNK kbd {
  padding: 1px 5px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 4px;
  color: rgba(248,250,252,.82);
  background: rgba(255,255,255,.08);
  font-family: inherit;
  font-size: .68rem;
}

._pnoPsuu {
  position: fixed;
  left: 50%;
  bottom: 58px;
  z-index: 1;
  max-width: min(520px, calc(100vw - 32px));
  padding: 9px 13px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  color: #f8fafc;
  background: rgba(15,23,42,.92);
  box-shadow: 0 12px 32px rgba(0,0,0,.3);
  font-size: .78rem;
  transform: translateX(-50%);
}

@media (max-width: 767.98px) {
  .m9Kdp827 {
    grid-template-rows: auto minmax(0, 1fr);
  }

  .NJucRpwD {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
    padding: 9px 10px;
  }

  .j2YOL5ZR {
    width: 100%;
  }

  .j2YOL5ZR span {
    max-width: calc(100vw - 48px);
  }

  .qxNFaVMy {
    width: 100%;
    margin-left: 0;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .qxNFaVMy button {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
  }

  .z9mq4LNK {
    display: none;
  }

  .GEvmG2CB {
    max-width: calc(100vw - 20px);
    max-height: calc(100vh - 120px);
  }

  ._pnoPsuu {
    bottom: 18px;
  }
}

.vze_XoAn {
  display: grid;
  gap: 16px;
}

.tiScdcQX {
  min-height: 220px;
  display: grid;
  place-items: center;
  padding: 18px;
  border: 1px solid var(--crm-border);
  border-radius: 16px;
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--crm-primary) 6%, transparent), transparent 46%),
    color-mix(in srgb, var(--crm-bg) 68%, var(--crm-surface));
  overflow: hidden;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 30%, transparent);
}

.X855FBp_ {
  min-height: 430px;
  align-items: stretch;
}

.ZVBdll0X,
.cT0PJV87 {
  display: block;
  max-width: 100%;
  max-height: 58vh;
  border: 1px solid color-mix(in srgb, var(--crm-border) 72%, transparent);
  border-radius: 14px;
  object-fit: contain;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .12);
}

.mdRPI3IE { width: min(100%, 440px); }

.PUIGJ6pN {
  width: min(100%, 640px);
  min-height: 390px;
  display: grid;
  grid-template-rows: minmax(300px, 1fr) auto;
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 14px;
  background: var(--crm-surface);
  box-shadow: 0 18px 42px rgba(15, 23, 42, .12);
}

.PUIGJ6pN iframe {
  width: 100%;
  height: 100%;
  min-height: 320px;
  border: 0;
  background: #fff;
}

.M46HQDBx {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: "icon name" "icon meta";
  align-items: center;
  column-gap: 11px;
  padding: 11px 13px;
  border-top: 1px solid var(--crm-border);
  background: color-mix(in srgb, var(--crm-surface) 97%, var(--crm-bg));
}

.M46HQDBx > i {
  grid-area: icon;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: #dc2626;
  background: color-mix(in srgb, #dc2626 8%, var(--crm-surface));
  font-size: 1.2rem;
}

.M46HQDBx > span {
  grid-area: name;
  overflow: hidden;
  color: var(--crm-text);
  font-size: .82rem;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.M46HQDBx > small {
  grid-area: meta;
  color: var(--crm-muted);
  font-size: .68rem;
}

.rXjGvCum {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--crm-border);
  border-radius: 14px;
  background: var(--crm-surface);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

.QMnqCYaR {
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 8%, var(--crm-surface));
  font-size: 1.5rem;
}

.mMFSM7LC {
  overflow: hidden;
  color: var(--crm-text);
  font-size: .84rem;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.eYZ0rptm {
  margin-top: 2px;
  color: var(--crm-muted);
  font-size: .69rem;
}

.rpN22F2B {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 28px 12px;
  border: 1px solid color-mix(in srgb, var(--bs-danger) 14%, var(--crm-border));
  border-radius: 14px;
  background: color-mix(in srgb, var(--bs-danger) 4%, var(--crm-surface));
}

.VlZz_zWe {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--bs-danger);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--bs-danger) 14%, transparent);
  animation: ecoiKZWV 1.1s ease-in-out infinite;
}

.txGrhx27 {
  min-width: 52px;
  color: var(--crm-text);
  font-variant-numeric: tabular-nums;
  font-weight: 750;
}

.sz8zg5wM {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  border-radius: 999px;
  font-size: .7rem;
}

@media (max-width: 575.98px) {
  .tiScdcQX { padding: 10px; border-radius: 13px; }
  .X855FBp_ { min-height: 330px; padding: 8px; }
  .PUIGJ6pN { min-height: 300px; grid-template-rows: minmax(230px, 1fr) auto; }
  .PUIGJ6pN iframe { min-height: 250px; }
}

@keyframes ecoiKZWV {
  0%, 100% { opacity: .45; transform: scale(.92); }
  50% { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .VlZz_zWe { animation: none; }
}

.RKzgXcil {
  width: min(100%, 410px);
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 12px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, #dc2626 18%, var(--crm-border));
  border-radius: 14px;
  color: var(--crm-text);
  background: color-mix(in srgb, #dc2626 3.5%, var(--crm-surface));
  text-align: left;
  overflow: hidden;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .045);
  transition: border-color 130ms ease, background 130ms ease, box-shadow 130ms ease, transform 130ms ease;
}

.RKzgXcil:hover,
.RKzgXcil:focus-visible {
  border-color: color-mix(in srgb, #dc2626 38%, var(--crm-border));
  background: color-mix(in srgb, #dc2626 6%, var(--crm-surface));
  box-shadow: 0 8px 22px rgba(15, 23, 42, .075);
  transform: translateY(-1px);
}

.JHgZmVDq {
  position: relative;
  width: 112px;
  height: 82px;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 10px;
  background: #f8fafc;
  box-shadow: 0 3px 10px rgba(15, 23, 42, .08);
}

.JHgZmVDq iframe {
  width: 360px;
  height: 460px;
  border: 0;
  transform: scale(.31);
  transform-origin: top left;
  pointer-events: none;
  background: #fff;
}

.g2Ql5qjo {
  position: absolute;
  right: 6px;
  bottom: 6px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: #fff;
  background: #dc2626;
  box-shadow: 0 5px 12px rgba(15, 23, 42, .22);
}

.dUOHzOLP { min-width: 0; }

.klUdOM1C {
  overflow: hidden;
  color: var(--crm-text);
  font-size: .82rem;
  font-weight: 750;
  letter-spacing: -.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tdplmKtm {
  margin-top: 4px;
  color: var(--crm-muted);
  font-size: .68rem;
}

.KUMcfKfA {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--crm-muted) 12%, transparent);
  border-radius: 10px;
  color: var(--crm-muted);
  background: color-mix(in srgb, var(--crm-text) 5%, transparent);
}

.RKzgXcil:hover .KUMcfKfA,
.RKzgXcil:focus-visible .KUMcfKfA {
  color: #dc2626;
  background: color-mix(in srgb, #dc2626 8%, var(--crm-surface));
}

.o_JrGUqm {
  position: fixed;
  inset: 0;
  z-index: 2005;
  display: grid;
  grid-template-rows: 60px minmax(0, 1fr);
  background: #17212b;
}

.iVZy2Lg_ {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 14px 0 18px;
  color: #f8fafc;
  background: #111923;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .07), 0 10px 30px rgba(0, 0, 0, .16);
}

.bcCE9KgK {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
}

.bcCE9KgK > i {
  color: #ef4444;
  font-size: 1.15rem;
}

.bcCE9KgK > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mupGWwml {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
}

.mupGWwml a,
.mupGWwml button {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 11px;
  color: #d1d7db;
  background: transparent;
  text-decoration: none;
  font-size: 1.05rem;
}

.mupGWwml a:hover,
.mupGWwml a:focus-visible,
.mupGWwml button:hover,
.mupGWwml button:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, .1);
}

.V4RTBTfQ {
  min-width: 0;
  min-height: 0;
  padding: 14px;
  background: #202c33;
}

.UG19qlIy {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .2);
}

@media (max-width: 575.98px) {
  .RKzgXcil { grid-template-columns: 84px minmax(0, 1fr) 30px; }
  .JHgZmVDq { width: 84px; height: 68px; }
  .JHgZmVDq iframe { transform: scale(.25); }
  .o_JrGUqm { grid-template-rows: 54px minmax(0, 1fr); }
  .iVZy2Lg_ { padding-left: 12px; }
  .V4RTBTfQ { padding: 0; }
  .UG19qlIy { border-radius: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .RKzgXcil { transition: none; }
}

.F3CiS7Bk {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  padding: 12px;
  box-sizing: border-box;
  background:
    radial-gradient(circle at 15% -10%, color-mix(in srgb, var(--crm-primary) 8%, transparent), transparent 30%),
    linear-gradient(180deg, color-mix(in srgb, var(--crm-bg) 94%, var(--crm-primary) 6%), var(--crm-bg));
}

._EwQcu_I {
  position: fixed;
  top: 14px;
  left: calc(50% + 31px);
  z-index: 1090;
  width: min(720px, calc(100vw - 120px));
  display: grid;
  gap: 8px;
  transform: translateX(-50%);
  pointer-events: none;
}

.l7eyWZFq {
  margin: 0 !important;
  border: 1px solid color-mix(in srgb, currentColor 15%, var(--crm-border));
  border-radius: 14px;
  box-shadow: 0 18px 46px rgba(15, 23, 42, .18);
  backdrop-filter: blur(10px);
  pointer-events: auto;
}

.qc2Q6zNy {
  display: grid;
  grid-template-columns: minmax(310px, 380px) minmax(440px, 1fr) minmax(270px, 315px);
  gap: 12px;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.ScTZxnYt,
.PxI1oYRC,
.UmXbtxao {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 20px;
  background: color-mix(in srgb, var(--crm-surface) 98%, var(--crm-primary) 2%);
  box-shadow: 0 12px 36px rgba(15, 23, 42, .07);
}

.ScTZxnYt,
.PxI1oYRC {
  display: flex;
  flex-direction: column;
}

.fgs5E6aH {
  flex: 0 0 auto;
  padding: 15px 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--crm-border) 86%, transparent);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--crm-surface) 93%, var(--crm-primary) 7%), var(--crm-surface));
}

.fgs5E6aH .input-group {
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 12px;
  background: var(--crm-surface);
  box-shadow: 0 4px 14px rgba(15, 23, 42, .035);
}

.fgs5E6aH .input-group-text,
.fgs5E6aH .form-control {
  border: 0;
  background: transparent;
}

.fgs5E6aH .input-group-text {
  color: var(--crm-muted);
  padding-inline: 11px 7px;
}

.fgs5E6aH .form-control {
  min-height: 36px;
  padding-left: 5px;
  font-size: .82rem;
  box-shadow: none !important;
}

.fgs5E6aH .btn-outline-secondary {
  width: 38px;
  min-height: 36px;
  border-color: var(--crm-border);
  border-radius: 11px;
  color: var(--crm-muted);
  background: var(--crm-surface);
}

.fgs5E6aH .btn-outline-secondary:hover,
.fgs5E6aH .btn-outline-secondary:focus-visible {
  border-color: color-mix(in srgb, var(--crm-primary) 34%, var(--crm-border));
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 7%, var(--crm-surface));
}

.fgs5E6aH .form-select {
  min-height: 34px;
  border-color: var(--crm-border);
  border-radius: 10px;
  color: var(--crm-text);
  background-color: var(--crm-surface);
  font-size: .76rem;
  box-shadow: none;
}

.sMiXdEUa {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  padding: 4px;
  border: 1px solid var(--crm-border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--crm-bg) 72%, var(--crm-surface));
  scrollbar-width: none;
}

.sMiXdEUa::-webkit-scrollbar { display: none; }

.G0nU_oO5 {
  flex: 1 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 6px 9px;
  border: 0;
  border-radius: 9px;
  color: var(--crm-muted);
  background: transparent;
  white-space: nowrap;
  font-size: .73rem;
  font-weight: 650;
  transition: color 140ms ease, background 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.G0nU_oO5 > span {
  min-width: 22px;
  padding: 2px 6px;
  border-radius: 999px;
  color: inherit;
  background: color-mix(in srgb, currentColor 8%, transparent);
  font-size: .66rem;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.G0nU_oO5:hover {
  color: var(--crm-text);
  background: color-mix(in srgb, var(--crm-surface) 82%, var(--crm-primary) 4%);
}

.VZbexr_y {
  color: var(--crm-primary);
  background: var(--crm-surface);
  box-shadow: 0 4px 14px rgba(15, 23, 42, .07), inset 0 0 0 1px color-mix(in srgb, var(--crm-primary) 18%, var(--crm-border));
}

.R6zKYNX6,
.gmajHxkv,
.UmXbtxao {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.R6zKYNX6 {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 9px;
  background: color-mix(in srgb, var(--crm-bg) 54%, var(--crm-surface));
}

.R6zKYNX6::-webkit-scrollbar,
.gmajHxkv::-webkit-scrollbar,
.UmXbtxao::-webkit-scrollbar { width: 8px; }

.R6zKYNX6::-webkit-scrollbar-thumb,
.gmajHxkv::-webkit-scrollbar-thumb,
.UmXbtxao::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: color-mix(in srgb, var(--crm-muted) 30%, transparent);
  background-clip: padding-box;
}

.tZAfLns_ {
  width: 100%;
  margin-bottom: 7px;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 14px;
  color: var(--crm-text);
  background: transparent;
  text-align: left;
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.tZAfLns_:last-child { margin-bottom: 0; }

.tZAfLns_:hover {
  border-color: color-mix(in srgb, var(--crm-primary) 13%, var(--crm-border));
  background: color-mix(in srgb, var(--crm-surface) 96%, var(--crm-primary) 4%);
  box-shadow: 0 5px 18px rgba(15, 23, 42, .045);
  transform: translateY(-1px);
}

.gh18TRDt {
  border-color: color-mix(in srgb, var(--crm-primary) 38%, var(--crm-border));
  background: color-mix(in srgb, var(--crm-primary) 7%, var(--crm-surface));
  box-shadow: 0 7px 20px color-mix(in srgb, var(--crm-primary) 9%, transparent), inset 3px 0 var(--crm-primary);
}

.tZAfLns_ strong.text-truncate {
  color: var(--crm-text);
  font-size: .84rem;
  letter-spacing: -.01em;
}

.tZAfLns_ small.text-secondary {
  color: var(--crm-muted) !important;
  font-size: .66rem;
}

.tZAfLns_ .text-secondary.small.text-truncate {
  margin-block: 4px 7px !important;
  color: var(--crm-muted) !important;
  font-size: .74rem !important;
  line-height: 1.4;
}

.tZAfLns_ .badge.text-bg-light {
  border: 1px solid var(--crm-border);
  color: var(--crm-muted) !important;
  background: color-mix(in srgb, var(--crm-surface) 90%, var(--crm-bg)) !important;
  font-size: .62rem;
  font-weight: 650;
}

.M9QbLNI8 {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, #fff 25%, transparent);
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(145deg, #4f46e5, #0891b2 72%);
  font-size: .79rem;
  font-weight: 750;
  letter-spacing: .02em;
  box-shadow: 0 7px 18px rgba(15, 23, 42, .13);
}

.nBnGRWYL {
  width: 88px;
  height: 88px;
  font-size: 1.8rem;
}

.QP36Qw8p {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.PxI1oYRC > .QP36Qw8p > .fgs5E6aH {
  min-height: 70px;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--crm-surface) 94%, var(--crm-primary) 6%), var(--crm-surface));
}

.PxI1oYRC > .QP36Qw8p > .fgs5E6aH .M9QbLNI8 {
  width: 44px;
  height: 44px;
  border-radius: 15px;
}

.PxI1oYRC > .QP36Qw8p > .fgs5E6aH h2 {
  margin-bottom: 2px !important;
  color: var(--crm-text);
  font-size: .94rem !important;
  font-weight: 750;
  letter-spacing: -.015em;
}

.PxI1oYRC > .QP36Qw8p > .fgs5E6aH .text-secondary {
  color: var(--crm-muted) !important;
  font-size: .72rem;
}

.PxI1oYRC > .QP36Qw8p > .fgs5E6aH .btn {
  width: 35px;
  height: 35px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border-radius: 10px;
  box-shadow: none;
}

.PxI1oYRC > .QP36Qw8p > .fgs5E6aH .btn-primary {
  width: auto;
  padding-inline: 11px;
  display: inline-flex;
}

.PUWLp_dZ {
  position: absolute;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 24px;
  background: color-mix(in srgb, var(--crm-primary) 11%, rgba(15, 23, 42, .36));
  backdrop-filter: blur(4px);
  pointer-events: none;
}

.jY3bm6qi {
  width: min(420px, 86%);
  display: grid;
  justify-items: center;
  gap: 9px;
  padding: 30px 24px;
  border: 2px dashed color-mix(in srgb, var(--crm-primary) 62%, #fff);
  border-radius: 22px;
  color: var(--crm-text);
  background: color-mix(in srgb, var(--crm-surface) 95%, transparent);
  box-shadow: 0 28px 80px rgba(15, 23, 42, .26);
  text-align: center;
}

.jY3bm6qi > i {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 10%, var(--crm-surface));
  font-size: 2rem;
}

.jY3bm6qi > strong { font-size: 1.02rem; }
.jY3bm6qi > span { color: var(--crm-muted); font-size: .78rem; }

.pt4fC83G {
  flex: 0 0 auto;
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom-color: color-mix(in srgb, var(--crm-border) 86%, transparent) !important;
  background: color-mix(in srgb, var(--crm-surface) 96%, var(--crm-bg));
}

.pt4fC83G .form-select {
  min-height: 32px;
  border-color: var(--crm-border);
  border-radius: 9px;
  background-color: var(--crm-surface);
  font-size: .72rem;
  box-shadow: none;
}

.U8xbEOu3 {
  --tag-color: #4f46e5;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 7px;
  border: 1px solid color-mix(in srgb, var(--tag-color) 52%, var(--crm-border));
  border-radius: 999px;
  color: var(--tag-color);
  background: color-mix(in srgb, var(--tag-color) 8%, var(--crm-surface));
  font-size: .61rem;
  font-weight: 750;
  line-height: 1;
}

.KKvhxzN3 {
  width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: inherit;
  background: color-mix(in srgb, currentColor 10%, transparent);
  font-size: .72rem;
  font-weight: 800;
}

.QY8pMosH {
  flex: 0 0 auto;
  padding: 9px 12px !important;
  border-bottom-color: color-mix(in srgb, var(--crm-border) 86%, transparent) !important;
  background: color-mix(in srgb, var(--crm-primary) 4%, var(--crm-surface));
}

.QY8pMosH .form-select,
.QY8pMosH .btn {
  min-height: 34px;
  border-radius: 9px;
}

.gmajHxkv {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 22px 22px 26px;
  background:
    radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--crm-primary) 3%, transparent), transparent 25%),
    linear-gradient(180deg, color-mix(in srgb, var(--crm-bg) 70%, var(--crm-surface)), color-mix(in srgb, var(--crm-bg) 57%, var(--crm-surface)));
}

.LeoWtuFN {
  display: flex;
  margin-bottom: 12px;
}

.PWoOf3UN { justify-content: flex-end; }

.YXeMSGup {
  position: relative;
  max-width: min(74%, 680px);
  padding: 10px 13px 8px;
  border: 1px solid color-mix(in srgb, var(--crm-border) 92%, transparent);
  border-radius: 18px 18px 18px 6px;
  color: var(--crm-text);
  background: color-mix(in srgb, var(--crm-surface) 98%, var(--crm-bg));
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  box-shadow: 0 5px 18px rgba(15, 23, 42, .055);
}

.PWoOf3UN .YXeMSGup {
  border-color: color-mix(in srgb, var(--crm-primary) 20%, var(--crm-border));
  border-radius: 18px 18px 6px 18px;
  background: color-mix(in srgb, var(--crm-primary) 11%, var(--crm-surface));
  box-shadow: 0 6px 20px color-mix(in srgb, var(--crm-primary) 9%, transparent);
}

.YXeMSGup > .small.fw-semibold.text-primary {
  color: color-mix(in srgb, var(--crm-primary) 85%, var(--crm-text)) !important;
  font-size: .69rem;
}

.YXeMSGup:has(audio) {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  overflow: visible;
  box-shadow: none;
}

.YXeMSGup:has(audio) > .OMGo75P6,
.YXeMSGup:has(audio) > .SdGmHgmh,
.YXeMSGup:has(audio) > .j75AZy5P,
.YXeMSGup:has(audio) > .small.fw-semibold {
  margin-right: 9px;
  margin-left: 9px;
}

.YXeMSGup:has(audio) .U2xkey5h {
  margin-top: 0;
  padding: 2px 8px 0;
}

.IsWC3jIo { --audio-player-accent: var(--crm-primary); }
.IsWC3jIo .YXeMSGup { border-style: dashed; }

.IsWC3jIo.nz5s4O31 {
  --audio-player-accent: #0f766e;
  --audio-player-border: color-mix(in srgb, #0f766e 48%, var(--crm-border));
  --audio-player-background: color-mix(in srgb, #14b8a6 10%, var(--crm-surface));
}

.IsWC3jIo.igyNpe8F {
  --audio-player-accent: #7c3aed;
  --audio-player-border: color-mix(in srgb, #7c3aed 48%, var(--crm-border));
  --audio-player-background: color-mix(in srgb, #8b5cf6 10%, var(--crm-surface));
}

.IsWC3jIo.nz5s4O31 .YXeMSGup {
  border-color: color-mix(in srgb, #0f766e 45%, var(--crm-border));
  background: color-mix(in srgb, #14b8a6 9%, var(--crm-surface));
}

.IsWC3jIo.igyNpe8F .YXeMSGup {
  border-color: color-mix(in srgb, #7c3aed 45%, var(--crm-border));
  background: color-mix(in srgb, #8b5cf6 9%, var(--crm-surface));
}

.OMGo75P6,
.SdGmHgmh {
  margin-bottom: 5px;
  font-size: .64rem;
  font-weight: 750;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.nz5s4O31 .OMGo75P6 { color: #0f766e; }
.igyNpe8F .OMGo75P6 { color: #6d28d9; }
.SdGmHgmh { color: var(--crm-muted); }

.j75AZy5P {
  display: grid;
  gap: 2px;
  margin-bottom: 8px;
  padding: 8px 10px;
  border: 0;
  border-left: 3px solid var(--crm-primary);
  border-radius: 8px;
  background: color-mix(in srgb, var(--crm-primary) 7%, var(--crm-surface));
  white-space: normal;
}

.j75AZy5P small,
.jESipCC3 small,
.Hg6ztVeO small {
  color: var(--crm-muted);
  font-size: .63rem;
  font-weight: 750;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.j75AZy5P span {
  max-width: 420px;
  overflow: hidden;
  color: var(--crm-muted);
  font-size: .75rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.U2xkey5h {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 5px;
  min-height: 23px;
}

.U2xkey5h > small.text-secondary {
  color: var(--crm-muted) !important;
  font-size: .61rem;
  font-variant-numeric: tabular-nums;
}

.njdzcXZa {
  width: 27px;
  height: 27px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 9px;
  color: var(--crm-muted);
  background: transparent;
  font-size: .78rem;
  opacity: .72;
  transition: opacity 120ms ease, color 120ms ease, background 120ms ease;
}

.YXeMSGup:hover .njdzcXZa,
.njdzcXZa:focus-visible { opacity: 1; }

.njdzcXZa:hover,
.njdzcXZa:focus-visible {
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 10%, transparent);
}

.i6HomgXU:hover,
.i6HomgXU:focus-visible {
  color: var(--bs-danger);
  background: color-mix(in srgb, var(--bs-danger) 10%, transparent);
}

.njdzcXZa:disabled { opacity: .38; }

.ANceo6kA {
  min-width: min(420px, 65vw);
  white-space: normal;
}

.ANceo6kA .form-control {
  border-color: var(--crm-border);
  border-radius: 10px;
  background: var(--crm-surface);
}

.JI0L8WrI {
  opacity: .7;
  font-style: italic;
}

.WXVD1_Pq,
.QFYoSwo_ {
  display: block;
  width: min(100%, 430px);
  max-height: 370px;
  margin-bottom: 8px;
  border: 1px solid color-mix(in srgb, var(--crm-border) 70%, transparent);
  border-radius: 13px;
  object-fit: contain;
  background: #0f172a;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .1);
}

.WXVD1_Pq {
  cursor: zoom-in;
  transition: filter 120ms ease, transform 120ms ease;
}

.WXVD1_Pq:hover { filter: brightness(.95); }
.WXVD1_Pq:active { transform: scale(.995); }
.YHjEWSFO { display: block; width: min(100%, 360px); margin-bottom: 8px; }

.VdouQPKG {
  position: relative;
  flex: 0 0 auto;
  padding: 11px 14px 14px;
  border-top: 1px solid color-mix(in srgb, var(--crm-border) 86%, transparent);
  background: color-mix(in srgb, var(--crm-surface) 98%, var(--crm-primary) 2%);
  box-shadow: 0 -10px 28px rgba(15, 23, 42, .045);
}

.QSgF69Ux {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 9px;
}

.QSgF69Ux .btn {
  min-height: 30px;
  border-radius: 9px;
  font-size: .7rem;
  font-weight: 650;
}

.QSgF69Ux > .small.text-secondary {
  color: var(--crm-muted) !important;
  font-size: .68rem !important;
}

.PbdTWR3X {
  margin-bottom: 9px;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, #d97706 34%, var(--crm-border));
  border-radius: 10px;
  color: color-mix(in srgb, #92400e 82%, var(--crm-text));
  background: color-mix(in srgb, #f59e0b 8%, var(--crm-surface));
  font-size: .73rem;
}

.jESipCC3 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 9px;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 16%, var(--crm-border));
  border-left: 3px solid var(--crm-primary);
  border-radius: 10px;
  background: color-mix(in srgb, var(--crm-primary) 5%, var(--crm-surface));
  font-size: .76rem;
}

.UnJmMxdg {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  color: var(--crm-muted);
  background: transparent;
  font-size: 1rem;
}

.UnJmMxdg:hover {
  color: var(--crm-text);
  background: color-mix(in srgb, var(--crm-text) 7%, transparent);
}

.TFgDoF1J {
  position: absolute;
  right: 14px;
  bottom: 78px;
  left: 14px;
  z-index: 20;
  max-height: 280px;
  overflow-y: auto;
  border: 1px solid var(--crm-border);
  border-radius: 12px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .16);
}

.TFgDoF1J .list-group-item {
  border-color: var(--crm-border);
  background: var(--crm-surface);
  font-size: .76rem;
}

.TFgDoF1J .list-group-item:hover {
  background: color-mix(in srgb, var(--crm-primary) 5%, var(--crm-surface));
}

.VdouQPKG > .alert {
  border-radius: 10px;
  font-size: .71rem !important;
}

.VdouQPKG .input-group {
  align-items: stretch;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 12%, var(--crm-border));
  border-radius: 14px;
  background: var(--crm-surface);
  box-shadow: 0 5px 18px rgba(15, 23, 42, .055);
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

.VdouQPKG .input-group:focus-within {
  border-color: color-mix(in srgb, var(--crm-primary) 44%, var(--crm-border));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--crm-primary) 9%, transparent), 0 8px 22px rgba(15, 23, 42, .06);
}

.VdouQPKG .input-group > .form-control {
  min-height: 50px;
  max-height: 130px;
  resize: none;
  border: 0;
  background: transparent;
  font-size: .8rem;
  line-height: 1.45;
  box-shadow: none !important;
}

.VdouQPKG .input-group > .btn {
  width: 48px;
  border: 0;
  border-radius: 0;
}

.Hg6ztVeO {
  padding: 11px 12px;
  border: 1px solid var(--crm-border);
  border-radius: 11px;
  background: var(--crm-surface-soft);
}

.Hg6ztVeO > div {
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.UmXbtxao {
  overflow-y: auto;
  background: color-mix(in srgb, var(--crm-surface) 98%, var(--crm-primary) 2%);
}

.zN5tiU8D {
  margin-top: 3px;
  font-size: 1.7rem;
  font-weight: 700;
}

.Z0B2MJ5G {
  display: none;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--crm-border);
  border-radius: 10px;
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  line-height: 1;
}

.Z0B2MJ5G:hover,
.Z0B2MJ5G:focus-visible {
  color: var(--crm-primary);
  border-color: color-mix(in srgb, var(--crm-primary) 35%, var(--crm-border));
  background: color-mix(in srgb, var(--crm-primary) 8%, var(--crm-surface));
}

.F3CiS7Bk .empty-state {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 7px;
  min-height: 150px;
  padding: 24px;
  color: var(--crm-muted);
  text-align: center;
  font-size: .78rem;
}

.F3CiS7Bk .empty-state > i {
  width: 54px;
  height: 54px;
  display: grid !important;
  place-items: center;
  margin-bottom: 5px !important;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 15%, var(--crm-border));
  border-radius: 18px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 7%, var(--crm-surface));
  font-size: 1.45rem !important;
}

@media (max-width: 1399.98px) {
  .qc2Q6zNy {
    grid-template-columns: minmax(300px, 355px) minmax(420px, 1fr);
  }

  .Z0B2MJ5G {
    display: inline-grid;
    place-items: center;
  }

  .UmXbtxao {
    display: none;
  }

  .fdjibAQe {
    position: fixed;
    top: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 1060;
    display: block;
    width: min(380px, calc(100vw - 24px));
    border: 1px solid var(--crm-border);
    border-radius: 18px;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .24);
    animation: vIyiDw05 160ms ease-out;
  }
}

@keyframes vIyiDw05 {
  from { opacity: 0; transform: translateX(14px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (max-width: 991.98px) {
  .F3CiS7Bk { padding: 8px; }
  .qc2Q6zNy { gap: 8px; grid-template-columns: minmax(280px, 330px) minmax(360px, 1fr); }
  .ScTZxnYt,
  .PxI1oYRC,
  .UmXbtxao { border-radius: 16px; }
  .YXeMSGup { max-width: 82%; }
}

@media (max-width: 767.98px) {
  .F3CiS7Bk {
    padding: 0;
    background: var(--crm-bg);
  }

  ._EwQcu_I {
    top: 64px;
    left: 50%;
    width: calc(100vw - 24px);
  }

  .qc2Q6zNy {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(220px, 40%) minmax(0, 60%);
    gap: 0;
  }

  .ScTZxnYt,
  .PxI1oYRC {
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .ScTZxnYt {
    border-bottom: 1px solid var(--crm-border);
  }

  .PxI1oYRC { min-height: 0; }
  .fgs5E6aH { padding: 10px 12px; }
  .R6zKYNX6 { padding: 7px; }
  .tZAfLns_ { margin-bottom: 5px; padding: 10px; border-radius: 12px; }
  .sMiXdEUa { border-radius: 10px; }
  .G0nU_oO5 { min-height: 32px; padding: 5px 8px; font-size: .69rem; }
  .pt4fC83G { padding-inline: 12px !important; }
  .QSgF69Ux > span { flex-basis: 100%; }
  .ANceo6kA { min-width: min(320px, 75vw); }
  .gmajHxkv { padding: 14px 12px 18px; }
  .VdouQPKG { padding: 9px 10px 10px; }
}

@media (max-width: 575.98px) {
  .YXeMSGup { max-width: 91%; }
  .PUWLp_dZ { padding: 12px; }
  .jY3bm6qi { padding: 22px 16px; border-radius: 18px; }
  .PxI1oYRC > .QP36Qw8p > .fgs5E6aH { min-height: 62px; padding: 9px 10px; }
  .PxI1oYRC > .QP36Qw8p > .fgs5E6aH .M9QbLNI8 { width: 39px; height: 39px; border-radius: 13px; }
  .PxI1oYRC > .QP36Qw8p > .fgs5E6aH .btn { width: 32px; height: 32px; border-radius: 9px; }
  .PxI1oYRC > .QP36Qw8p > .fgs5E6aH .btn-primary { width: 32px; padding: 0; }
  .fdjibAQe {
    top: 8px;
    right: 8px;
    bottom: 8px;
    width: calc(100vw - 16px);
    border-radius: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tZAfLns_,
  .G0nU_oO5,
  .njdzcXZa,
  .WXVD1_Pq {
    transition: none;
  }
}

.bCHcbRAG {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1040;
  display: flex;
  align-items: center;
  gap: 9px;
}

.ygFG6BHq,
.AWmuucb8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  border-radius: 12px;
  font-size: .78rem;
  font-weight: 750;
  box-shadow: var(--crm-shadow);
  transition: transform 120ms ease, box-shadow 120ms ease, opacity 120ms ease;
}

.ygFG6BHq {
  padding: 8px 13px;
  border: 1px solid color-mix(in srgb, var(--bs-danger) 64%, var(--crm-border));
  color: #fff;
  background: color-mix(in srgb, var(--bs-danger) 92%, #000);
}

.ygFG6BHq:hover:not(:disabled),
.ygFG6BHq:focus-visible:not(:disabled),
.AWmuucb8:hover,
.AWmuucb8:focus-visible {
  transform: translateY(-1px);
}

.ygFG6BHq:disabled {
  cursor: default;
  opacity: .9;
}

.KYZ_X5xx {
  border-color: color-mix(in srgb, var(--bs-warning) 55%, var(--crm-border));
  color: var(--crm-text);
  background: color-mix(in srgb, var(--bs-warning) 18%, var(--crm-surface));
}

.AWmuucb8 {
  position: relative;
  top: -52px;
  padding: 8px 12px;
  border: 1px solid var(--crm-border);
  color: var(--crm-text);
  background: var(--crm-surface);
}

.AWmuucb8 > i {
  color: var(--crm-primary);
}

.kM_inVFT {
  min-width: 21px;
  height: 21px;
  display: inline-grid;
  place-items: center;
  padding: 0 5px;
  border-radius: 999px;
  color: #fff;
  background: var(--bs-danger);
  font-size: .66rem;
  line-height: 1;
}

.JGykHuJ8 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 18px;
  padding: 13px;
  border: 1px solid color-mix(in srgb, var(--bs-danger) 18%, var(--crm-border));
  border-radius: 13px;
  background: color-mix(in srgb, var(--bs-danger) 6%, var(--crm-surface-soft));
}

.JGykHuJ8 > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 10px;
  color: var(--bs-danger);
  background: color-mix(in srgb, var(--bs-danger) 11%, var(--crm-surface));
}

.JGykHuJ8 strong,
.QpevGPSY strong,
.jFCDThKZ strong,
.D4chd5aP strong,
.YIBooLI6 strong,
.gelYnL0V strong,
.v1vyL13f strong,
.nFbMabvY strong {
  color: var(--crm-text);
}

.JGykHuJ8 p {
  margin: 4px 0 0;
  color: var(--crm-muted);
  font-size: .82rem;
  line-height: 1.45;
}

.gelYnL0V {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 16px;
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, var(--bs-warning) 42%, var(--crm-border));
  border-radius: 12px;
  background: color-mix(in srgb, var(--bs-warning) 8%, var(--crm-surface-soft));
}

.gelYnL0V > i {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  color: color-mix(in srgb, var(--bs-warning) 68%, var(--crm-text));
  background: color-mix(in srgb, var(--bs-warning) 15%, var(--crm-surface));
}

.gelYnL0V > div {
  display: grid;
  gap: 3px;
}

.gelYnL0V span {
  color: var(--crm-muted);
  font-size: .77rem;
  line-height: 1.45;
}

.v1vyL13f {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid var(--crm-border);
  border-radius: 10px;
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  font-size: .78rem;
}

.v1vyL13f > i {
  color: var(--crm-primary);
}

.MmJliYwN {
  display: grid;
  gap: 8px;
}

.yWZ3c6Sa {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px;
  border: 1px solid var(--crm-border);
  border-radius: 12px;
  color: var(--crm-text);
  background: var(--crm-surface-soft);
  text-align: left;
}

.yWZ3c6Sa:hover,
.yWZ3c6Sa:focus-visible,
.LPT8rqMk {
  border-color: color-mix(in srgb, var(--crm-primary) 45%, var(--crm-border));
  background: color-mix(in srgb, var(--crm-primary) 6%, var(--crm-surface-soft));
}

.lPN3I2Q4 {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 11%, var(--crm-surface));
  font-weight: 800;
}

.QpevGPSY {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.QpevGPSY small {
  color: var(--crm-muted);
  font-size: .7rem;
}

.QpevGPSY span {
  overflow: hidden;
  color: var(--crm-text);
  font-size: .78rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.yWZ3c6Sa > i {
  color: var(--crm-muted);
}

.jFCDThKZ {
  display: grid;
  gap: 14px;
  margin-top: 15px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 20%, var(--crm-border));
  border-radius: 14px;
  background: var(--crm-surface);
}

.jFCDThKZ > div:first-child {
  display: grid;
  gap: 2px;
}

.jFCDThKZ > div:first-child small {
  color: var(--crm-muted);
}

.UUZ8qzRF {
  max-width: 240px;
}

.EpFH5uJ1 {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
}

.EpFH5uJ1 span {
  color: var(--crm-muted);
  font-size: .78rem;
  font-weight: 700;
}

.Q8HNw9sc {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.nFbMabvY {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 2px 0 10px;
}

.nFbMabvY > div {
  display: grid;
  gap: 2px;
}

.nFbMabvY > div > span {
  color: var(--crm-muted);
  font-size: .72rem;
}

.nFbMabvY > span {
  min-width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid var(--crm-border);
  border-radius: 999px;
  color: var(--crm-text);
  background: var(--crm-surface-soft);
  font-size: .72rem;
  font-weight: 800;
}

.y44RZ31N {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid var(--crm-border);
}

.T_hmYqOw {
  display: grid;
  gap: 8px;
}

.P0LPDYOM {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--bs-warning) 24%, var(--crm-border));
  border-radius: 12px;
  background: color-mix(in srgb, var(--bs-warning) 5%, var(--crm-surface-soft));
}

.YIBooLI6 {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.YIBooLI6 span,
.YIBooLI6 small {
  color: var(--crm-muted);
}

.YIBooLI6 span {
  font-size: .77rem;
}

.YIBooLI6 small {
  overflow: hidden;
  font-size: .7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.D4chd5aP {
  display: grid;
  justify-items: center;
  gap: 6px;
  padding: 28px 12px;
  color: var(--crm-muted);
  text-align: center;
}

.D4chd5aP i {
  color: var(--bs-success);
  font-size: 1.5rem;
}

.D4chd5aP span {
  font-size: .8rem;
}

.jfz4BsXH {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  border: 1px dashed var(--crm-border);
  border-radius: 11px;
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  font-size: .78rem;
}

.jfz4BsXH i {
  color: var(--crm-primary);
}

@media (max-width: 767.98px) {
  .bCHcbRAG {
    right: 10px;
    bottom: 10px;
  }

  .ygFG6BHq span,
  .RXvpjF72 {
    display: none;
  }

  .ygFG6BHq,
  .AWmuucb8 {
    width: 42px;
    height: 42px;
    padding: 0;
  }

  .AWmuucb8 {
    top: -50px;
  }

  .kM_inVFT {
    position: absolute;
    top: -6px;
    right: -6px;
  }

  .Q8HNw9sc {
    flex-direction: column-reverse;
  }

  .Q8HNw9sc .btn {
    width: 100%;
  }

  .P0LPDYOM {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .P0LPDYOM .btn {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ygFG6BHq,
  .AWmuucb8 {
    transition: none;
  }
}

/* Organização do dock: pausa e aprovações pertencem ao mesmo grupo operacional. */
.bCHcbRAG {
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.AWmuucb8 {
  top: auto;
}

.bCHcbRAG:has(.ygFG6BHq):not(:has(.AWmuucb8)) {
  right: 18px;
  bottom: 18px;
}

.bCHcbRAG:has(.AWmuucb8):not(:has(.ygFG6BHq)) {
  right: 18px;
  bottom: 68px;
}

@media (max-width: 767.98px) {
  .bCHcbRAG:has(.ygFG6BHq):not(:has(.AWmuucb8)) {
    right: 10px;
    bottom: 10px;
  }

  .bCHcbRAG:has(.AWmuucb8):not(:has(.ygFG6BHq)) {
    right: 10px;
    bottom: 62px;
  }

  .AWmuucb8 {
    top: auto;
  }
}

.Mx7OAYnH {
  position: fixed;
  right: 18px;
  bottom: 118px;
  z-index: 1040;
  min-height: 46px;
  max-width: min(380px, calc(100vw - 36px));
  padding: 6px 10px 6px 7px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid color-mix(in srgb, #7c3aed 35%, var(--crm-border));
  border-radius: 13px;
  color: var(--crm-text);
  background: color-mix(in srgb, #7c3aed 8%, var(--crm-surface));
  box-shadow: var(--crm-shadow);
  text-align: left;
}

.Mx7OAYnH:hover,
.Mx7OAYnH:focus-visible {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, #7c3aed 58%, var(--crm-border));
}

.eiPLh3rG {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: #7c3aed;
  background: color-mix(in srgb, #7c3aed 13%, var(--crm-surface));
  font-size: 1rem;
}

.qcrO7zYV {
  min-width: 0;
  display: grid;
  flex: 1 1 auto;
}

.qcrO7zYV strong {
  color: color-mix(in srgb, #7c3aed 78%, var(--crm-text));
  font-size: .72rem;
  font-weight: 850;
}

.qcrO7zYV small {
  overflow: hidden;
  color: var(--crm-muted);
  font-size: .59rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Mx7OAYnH > i {
  flex: 0 0 auto;
  color: var(--crm-muted);
  font-size: .76rem;
}

._sp2qMj6 {
  display: grid;
  gap: 2px;
}

._sp2qMj6 > span {
  color: #7c3aed;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.pPKn6atS {
  padding: 14px;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  border: 1px solid color-mix(in srgb, #7c3aed 25%, var(--crm-border));
  border-radius: 13px;
  background: color-mix(in srgb, #7c3aed 6%, var(--crm-surface));
}

.pPKn6atS > i {
  color: #7c3aed;
  font-size: 1.25rem;
}

.pPKn6atS strong {
  font-size: .8rem;
}

.pPKn6atS p {
  margin: 4px 0 0;
  color: var(--crm-muted);
  font-size: .7rem;
  line-height: 1.5;
}

.voUn7Ub1 {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

.voUn7Ub1 > span {
  padding: 10px 11px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 3px 7px;
  border: 1px solid var(--crm-border);
  border-radius: 11px;
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  font-size: .65rem;
}

.voUn7Ub1 > span strong {
  grid-column: 2;
  color: var(--crm-text);
  font-size: .7rem;
}

.voUn7Ub1 > span[data-active="true"] {
  border-color: color-mix(in srgb, #7c3aed 28%, var(--crm-border));
  color: #7c3aed;
  background: color-mix(in srgb, #7c3aed 6%, var(--crm-surface));
}

.voUn7Ub1 > span[data-active="true"] strong {
  color: #6d28d9;
}

.mIK3TrOP {
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 13px;
}

.mIK3TrOP > header {
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid var(--crm-border);
  background: var(--crm-surface-soft);
}

.mIK3TrOP > header > div {
  display: grid;
}

.mIK3TrOP > header strong {
  font-size: .72rem;
}

.mIK3TrOP > header small,
.mIK3TrOP > header > span {
  color: var(--crm-muted);
  font-size: .58rem;
}

.mIK3TrOP article {
  min-height: 66px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) minmax(110px, auto) auto;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid color-mix(in srgb, var(--crm-border) 72%, transparent);
}

.mIK3TrOP article:last-child {
  border-bottom: 0;
}

.lA0umml0 {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: #7c3aed;
  background: color-mix(in srgb, #7c3aed 10%, var(--crm-surface));
}

.mIK3TrOP article > div {
  min-width: 0;
  display: grid;
}

.mIK3TrOP article > div > strong {
  overflow: hidden;
  font-size: .68rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mIK3TrOP article > div > small,
.dYp_PgfQ small {
  color: var(--crm-muted);
  font-size: .57rem;
}

.dYp_PgfQ {
  text-align: right;
}

.dYp_PgfQ strong {
  color: #6d28d9;
}

.hoN7bYbf {
  display: flex !important;
  grid-auto-flow: column;
  gap: 4px !important;
}

.hoN7bYbf span {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  color: #7c3aed;
  background: color-mix(in srgb, #7c3aed 8%, var(--crm-surface));
  font-size: .68rem;
}

@media (max-width: 639.98px) {
  .Mx7OAYnH {
    right: 10px;
    bottom: 114px;
    max-width: calc(100vw - 20px);
  }

  .qcrO7zYV small {
    display: none;
  }

  .voUn7Ub1 {
    grid-template-columns: 1fr;
  }

  .mIK3TrOP article {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .dYp_PgfQ,
  .hoN7bYbf {
    grid-column: 2;
    text-align: left;
  }
}

._lHkJPJL{position:fixed;left:auto;right:230px;bottom:68px;z-index:1038;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px}.tt_9C8ks{position:relative;left:auto;right:auto;bottom:auto;z-index:auto;align-items:flex-end}.vMKOU6_l{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 13px;border:1px solid color-mix(in srgb,var(--crm-primary) 35%,var(--crm-border));border-radius:13px;color:var(--crm-text);background:var(--crm-surface);box-shadow:var(--crm-shadow);font-size:.78rem;font-weight:800;white-space:nowrap}.vMKOU6_l:hover,.vMKOU6_l:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--crm-primary) 60%,var(--crm-border))}._ekVUW_d{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;color:#fff;background:var(--crm-primary);font-size:.65rem}.jeyPAAXh{width:min(390px,calc(100vw - 36px));max-height:min(68vh,620px);overflow:auto;border:1px solid var(--crm-border);border-radius:18px;background:var(--crm-surface);box-shadow:0 18px 48px rgba(0,0,0,.22)}.tt_9C8ks .jeyPAAXh{position:absolute;left:0;bottom:calc(100% + 10px);z-index:1080;width:min(340px,calc(100vw - 40px));max-height:min(62vh,560px);box-shadow:0 20px 54px rgba(0,0,0,.3)}.FLmjJ8E4{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--crm-border);background:var(--crm-surface)}.FLmjJ8E4 strong{display:block}.FLmjJ8E4 small{color:var(--crm-muted)}.Xs7fnDCL{border:0;background:transparent;color:var(--crm-muted);font-size:1rem}.QgeeAwpv{padding:12px}.TTU0fGSg{margin-bottom:16px}.TTU0fGSg:last-child{margin-bottom:0}.KFdKjJqW{display:flex;align-items:center;gap:7px;margin:0 0 7px;padding:0 3px;color:var(--crm-muted);font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.Iesd_adA{display:flex;align-items:flex-start;gap:10px;padding:11px;margin-bottom:7px;border:1px solid var(--crm-border);border-radius:12px;color:var(--crm-text);background:color-mix(in srgb,var(--crm-primary) 3%,var(--crm-surface));text-decoration:none}.Iesd_adA:hover,.Iesd_adA:focus-visible{border-color:color-mix(in srgb,var(--crm-primary) 45%,var(--crm-border));background:color-mix(in srgb,var(--crm-primary) 7%,var(--crm-surface))}.othMXBFV{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;color:var(--crm-primary);background:color-mix(in srgb,var(--crm-primary) 10%,var(--crm-surface))}.Gdpdx8qm{min-width:0;display:grid;gap:2px}.Gdpdx8qm strong{font-size:.83rem}.Gdpdx8qm small{color:var(--crm-muted);font-size:.72rem;line-height:1.35}.uo92K8tF{padding:24px;text-align:center;color:var(--crm-muted);font-size:.82rem}@media(max-width:600px){._lHkJPJL:not(.tt_9C8ks){left:10px;right:auto;bottom:62px;align-items:flex-start}.vMKOU6_l span:not(._ekVUW_d){display:none}.jeyPAAXh{width:calc(100vw - 20px)}.tt_9C8ks .jeyPAAXh{left:0;width:min(340px,calc(100vw - 32px));max-height:58vh}}

.Q9afSdUT {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.RwF3zlXj {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 1045;
  display: flex;
  align-items: flex-end;
  gap: 6px;
  max-width: min(340px, calc(100% - 40px));
  padding: 5px;
  border: 1px solid color-mix(in srgb, var(--crm-border) 82%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--crm-surface) 94%, transparent);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .13);
  backdrop-filter: blur(10px);
}

.GMyk1YR7,
.kFHcvf7U {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.RwF3zlXj > div > div {
  position: relative !important;
  inset: auto !important;
  z-index: auto !important;
  align-items: flex-start !important;
  gap: 4px !important;
}

.RwF3zlXj > div > div > button,
.kFHcvf7U > button {
  min-height: 30px !important;
  height: 30px;
  max-width: 158px;
  padding: 4px 9px !important;
  gap: 5px !important;
  border-radius: 9px !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .09) !important;
  font-size: .68rem !important;
  line-height: 1 !important;
  white-space: nowrap;
}

.RwF3zlXj > div > div > button > span {
  max-width: 112px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.GMyk1YR7 > div > section {
  width: min(330px, calc(100vw - 40px)) !important;
  max-height: min(58vh, 520px) !important;
}

.kFHcvf7U > button {
  position: relative !important;
  inset: auto !important;
  z-index: auto !important;
}

.kFHcvf7U > button > span:first-child {
  width: 22px !important;
  height: 22px !important;
  border-radius: 7px !important;
  font-size: .76rem !important;
}

.kFHcvf7U > button > span:nth-child(2) {
  display: block;
  min-width: 0;
}

.kFHcvf7U > button > span:nth-child(2) strong {
  font-size: .66rem !important;
}

.kFHcvf7U > button > span:nth-child(2) small,
.kFHcvf7U > button > i:last-child {
  display: none !important;
}

.Q9afSdUT section[aria-label="Conversas"] > div[aria-live="polite"] {
  padding-bottom: 112px;
}

@media (max-width: 767.98px) {
  .RwF3zlXj {
    left: 16px;
    bottom: 16px;
    max-width: calc(100% - 32px);
    gap: 5px;
  }

  .RwF3zlXj > div > div > button,
  .kFHcvf7U > button {
    width: auto !important;
    min-width: 0 !important;
    max-width: 146px;
  }

  .RwF3zlXj > div > div > button > span {
    display: inline-flex !important;
    max-width: 100px;
  }

  .GMyk1YR7 > div > section {
    width: min(320px, calc(100vw - 32px)) !important;
  }
}

.nn5JmrfR {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.UKOMn_hr {
  position: relative;
  min-width: 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 17px 18px;
  border: 1px solid var(--crm-border);
  border-radius: 17px;
  background: var(--crm-surface);
  box-shadow: 0 8px 26px rgba(15, 23, 42, .04);
}

.UKOMn_hr::after {
  content: "";
  position: absolute;
  width: 96px;
  height: 96px;
  right: -42px;
  top: -44px;
  border-radius: 50%;
  background: var(--channel-soft);
}

.CqNydZc0 {
  --channel-color: #4f46e5;
  --channel-soft: color-mix(in srgb, #4f46e5 10%, transparent);
}

.rkAKPaIk {
  --channel-color: #087f8c;
  --channel-soft: color-mix(in srgb, #0891b2 11%, transparent);
}

.jC6MJ10X {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 12px;
  color: var(--channel-color);
  background: color-mix(in srgb, var(--channel-color) 11%, var(--crm-surface));
  font-size: 1.08rem;
}

.jVpNspYb {
  min-width: 0;
}

.kH0vpEEw,
.B412B7ef,
.cP4LAv69,
.dNJNurhM {
  display: block;
}

.kH0vpEEw {
  color: var(--crm-muted);
  font-size: .66rem;
  font-weight: 750;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.cP4LAv69 {
  margin-top: 3px;
  font-size: 1.32rem;
  line-height: 1.05;
  letter-spacing: -.025em;
}

.B412B7ef {
  margin-top: 5px;
  color: var(--crm-muted);
  font-size: .66rem;
}

.CU6yFW3t {
  position: relative;
  z-index: 1;
  min-width: 118px;
  display: grid;
  justify-items: end;
  gap: 4px;
  text-align: right;
}

.hUMMZULl {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 27px;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: .65rem;
  font-weight: 800;
}

.TljtjFsi .hUMMZULl {
  color: #15803d;
  background: color-mix(in srgb, #16a34a 11%, var(--crm-surface));
}

.AJHFaUuM .hUMMZULl {
  color: #b91c1c;
  background: color-mix(in srgb, #ef4444 11%, var(--crm-surface));
}

.cPH4Sk3z .hUMMZULl {
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
}

.dNJNurhM {
  color: var(--crm-muted);
  font-size: .61rem;
  line-height: 1.35;
}

.KSGoUs7d {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding-top: 10px;
  border-top: 1px solid var(--crm-border);
}

.KSGoUs7d span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--crm-muted);
  font-size: .62rem;
}

.KSGoUs7d strong {
  color: var(--crm-text);
}

@media (max-width: 900px) {
  .nn5JmrfR { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .UKOMn_hr { grid-template-columns: auto minmax(0, 1fr); padding: 15px; }
  .CU6yFW3t { grid-column: 1 / -1; min-width: 0; justify-items: start; text-align: left; }
}

.oOCOqSrs {
  width: min(1580px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 18px;
}

.azqCZGrC {
  position: relative;
  min-height: 205px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding: 32px 36px;
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 84% 20%, rgba(34,211,238,.22), transparent 27%),
    radial-gradient(circle at 61% 118%, rgba(99,102,241,.42), transparent 38%),
    linear-gradient(125deg, #172554 0%, #312e81 50%, #0f766e 135%);
  box-shadow: 0 24px 58px rgba(30,41,59,.16);
}

.azqCZGrC::before {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  right: -85px;
  top: -185px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  box-shadow: 0 0 0 52px rgba(255,255,255,.035), 0 0 0 104px rgba(255,255,255,.025);
}

.saPPrOk8,
.bIIrxJVG {
  position: relative;
  z-index: 1;
}

.tJdsw7fT {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: rgba(255,255,255,.72);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.azqCZGrC h1 {
  margin: 0;
  font-size: clamp(2.25rem, 4vw, 3.9rem);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 800;
}

.saPPrOk8 > p {
  max-width: 720px;
  margin: 14px 0 18px;
  color: rgba(255,255,255,.72);
  font-size: .95rem;
}

.HMYAfYBe {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.HMYAfYBe span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 31px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  color: rgba(255,255,255,.82);
  background: rgba(255,255,255,.07);
  backdrop-filter: blur(8px);
  font-size: .7rem;
  font-weight: 600;
}

.bIIrxJVG {
  min-width: 126px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0 !important;
  color: #1e293b !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 9px 22px rgba(15,23,42,.18);
  font-weight: 700;
}

.OW95JCC9 {
  animation: QuK5ZVQa .8s linear infinite;
}

@keyframes QuK5ZVQa {
  to { transform: rotate(360deg); }
}

.fG6ysDTY {
  margin: 0;
  border-radius: 14px;
}

.i1Xaskju {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: 13px;
}

._fAuLSn8 {
  position: relative;
  min-width: 0;
  min-height: 134px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 18px 19px 16px;
  border: 1px solid var(--crm-border);
  border-radius: 19px;
  background: var(--crm-surface);
  box-shadow: 0 9px 28px rgba(15,23,42,.045);
}

._fAuLSn8::after {
  content: "";
  position: absolute;
  width: 84px;
  height: 84px;
  top: -30px;
  right: -26px;
  border-radius: 50%;
  background: var(--metric-soft, var(--crm-surface-soft));
}

.iG8se1jf {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 9px;
}

.vmUQl518 {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 10px;
  color: var(--metric-color, var(--crm-primary));
  background: var(--metric-soft, var(--crm-surface-soft));
}

.HTgRzZg1 {
  overflow: hidden;
  color: var(--crm-muted);
  font-size: .72rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.LqwnVSqD {
  position: relative;
  z-index: 1;
  margin-top: auto;
  font-size: clamp(1.7rem, 2vw, 2.15rem);
  line-height: 1.05;
  letter-spacing: -.035em;
}

.icq7QlHk {
  position: relative;
  z-index: 1;
  margin-top: 5px;
  color: var(--crm-muted);
  font-size: .68rem;
}

.M2hmGhJf { --metric-color: #4f46e5; --metric-soft: color-mix(in srgb, #4f46e5 11%, var(--crm-surface)); }
.PO8lqSsE { --metric-color: #0369a1; --metric-soft: color-mix(in srgb, #0ea5e9 11%, var(--crm-surface)); }
.__sTkJl1 { --metric-color: #b45309; --metric-soft: color-mix(in srgb, #f59e0b 12%, var(--crm-surface)); }
.uH3Uejfp { --metric-color: #b91c1c; --metric-soft: color-mix(in srgb, #ef4444 11%, var(--crm-surface)); }

.z40h7V5Z {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 16px;
  background: var(--crm-border);
}

.z40h7V5Z > div {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  background: var(--crm-surface);
}

.RLoxYnaT {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 9px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 9%, var(--crm-surface));
}

.z40h7V5Z small,
.z40h7V5Z strong {
  display: block;
}

.z40h7V5Z small {
  color: var(--crm-muted);
  font-size: .67rem;
}

.z40h7V5Z strong {
  margin-top: 1px;
  font-size: 1rem;
}

.M0TDQore {
  min-height: 560px;
  display: grid;
  grid-template-columns: minmax(320px, 390px) minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 20px;
  background: var(--crm-surface);
  box-shadow: 0 12px 34px rgba(15,23,42,.05);
}

.JwnJktFL {
  min-width: 0;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--crm-border);
  background: color-mix(in srgb, var(--crm-surface) 96%, var(--crm-primary));
}

.V2OJplrf {
  min-height: 78px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 17px;
  border-bottom: 1px solid var(--crm-border);
}

.uu2VeQmU {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 11px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 10%, var(--crm-surface));
}

.mLSLaNoI {
  min-width: 0;
  flex: 1;
}

.mLSLaNoI strong,
.mLSLaNoI small {
  display: block;
}

.mLSLaNoI strong {
  font-size: .9rem;
  letter-spacing: -.01em;
}

.mLSLaNoI small {
  margin-top: 2px;
  color: var(--crm-muted);
  font-size: .67rem;
}

.x4MnTcpg {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 27px;
  padding: 4px 8px;
  border: 1px solid color-mix(in srgb, #16a34a 25%, var(--crm-border));
  border-radius: 999px;
  color: #15803d;
  background: color-mix(in srgb, #16a34a 8%, var(--crm-surface));
  font-size: .62rem;
  font-weight: 750;
  white-space: nowrap;
}

.FL24Ffhv {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,.1);
}

.VCQH68Qq {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  padding: 8px;
}

.WWRWJ9Xm {
  width: 100%;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 11px;
  padding: 11px;
  border: 1px solid transparent;
  border-radius: 13px;
  color: var(--crm-text);
  background: transparent;
  text-align: left;
  transition: 140ms ease;
}

.WWRWJ9Xm + .WWRWJ9Xm {
  margin-top: 3px;
}

.WWRWJ9Xm:hover {
  border-color: var(--crm-border);
  background: var(--crm-surface);
}

.wiTEYwag {
  border-color: color-mix(in srgb, var(--crm-primary) 30%, var(--crm-border));
  background: color-mix(in srgb, var(--crm-primary) 7%, var(--crm-surface));
  box-shadow: 0 6px 18px rgba(15,23,42,.04);
}

.YAmsyL0f {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 11%, var(--crm-surface));
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .02em;
}

.l1rgSoeY {
  min-width: 0;
}

.ZlLGEMp5 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.ZlLGEMp5 strong {
  min-width: 0;
  overflow: hidden;
  font-size: .78rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ZlLGEMp5 time {
  flex: 0 0 auto;
  color: var(--crm-muted);
  font-size: .6rem;
}

.Cjz5KkZG {
  margin-top: 3px;
  overflow: hidden;
  color: var(--crm-muted);
  font-size: .66rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ifvwgvZ2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 7px;
}

.LJzDksqH {
  min-width: 0;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--crm-text);
  font-size: .65rem;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.EDnLskAy {
  flex: 0 0 auto;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: .58rem;
  font-weight: 750;
}

.WsxUr0UM { color: #475569; background: color-mix(in srgb, #64748b 10%, var(--crm-surface)); }
.LiLAwybK { color: #0369a1; background: color-mix(in srgb, #0ea5e9 10%, var(--crm-surface)); }
.R7CPTgzR { color: #b45309; background: color-mix(in srgb, #f59e0b 12%, var(--crm-surface)); }
.WjPtMBN7 { color: #b91c1c; background: color-mix(in srgb, #ef4444 11%, var(--crm-surface)); }

.qWxeOO8F {
  min-height: 220px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 9px;
  padding: 28px;
  color: var(--crm-muted);
  text-align: center;
}

.qWxeOO8F i {
  font-size: 1.6rem;
}

.qWxeOO8F strong {
  color: var(--crm-text);
  font-size: .82rem;
}

.qWxeOO8F span {
  max-width: 260px;
  font-size: .68rem;
}

.y3bTg58s {
  min-width: 0;
  min-height: 0;
  background: var(--crm-surface);
}

.m3d0jjaR {
  min-height: 100%;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  padding: 44px;
  text-align: center;
}

.T_MGstaS {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 9%, var(--crm-surface));
  font-size: 1.55rem;
}

.m3d0jjaR h2 {
  margin: 4px 0 0;
  font-size: 1.05rem;
}

.m3d0jjaR p {
  max-width: 440px;
  margin: 0;
  color: var(--crm-muted);
  font-size: .76rem;
  line-height: 1.55;
}

.zL0e68ET {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 7px;
  padding: 6px 9px;
  border-radius: 999px;
  color: #475569;
  background: var(--crm-surface-soft);
  font-size: .63rem;
  font-weight: 650;
}

.rCY_W491 {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.PJ2y7QJf {
  min-height: 92px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px 20px;
  border-bottom: 1px solid var(--crm-border);
}

.mfuFkEoG {
  min-width: 0;
  flex: 1;
}

.gyuriBRs {
  display: block;
  margin-bottom: 3px;
  color: var(--crm-primary);
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mfuFkEoG h2 {
  margin: 0;
  overflow: hidden;
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mfuFkEoG p {
  margin: 3px 0 0;
  color: var(--crm-muted);
  font-size: .7rem;
}

.qE3Z9yMM {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid var(--crm-border);
  border-radius: 999px;
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  font-size: .63rem;
  font-weight: 700;
  white-space: nowrap;
}

._2h1YLW2 {
  min-height: 0;
  overflow-y: auto;
  padding: 22px;
}

.CJCqItPT {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 18px;
}

.CJCqItPT small,
.CJCqItPT strong {
  display: block;
}

.CJCqItPT small {
  color: var(--crm-muted);
  font-size: .66rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.CJCqItPT strong {
  margin-top: 3px;
  font-size: 1.45rem;
  letter-spacing: -.035em;
}

.TbVoy7US {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.CoqT3icS {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px;
  border: 1px solid var(--crm-border);
  border-radius: 14px;
  background: var(--crm-surface-soft);
}

.CoqT3icS > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 10px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 9%, var(--crm-surface));
}

.CoqT3icS div {
  min-width: 0;
}

.CoqT3icS small,
.CoqT3icS strong {
  display: block;
}

.CoqT3icS small {
  color: var(--crm-muted);
  font-size: .62rem;
}

.CoqT3icS strong {
  margin-top: 2px;
  overflow: hidden;
  font-size: .76rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fO_YgtaT {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--crm-border);
}

._dgVPSke {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: var(--crm-text);
  font-size: .75rem;
  font-weight: 750;
}

._dgVPSke i {
  color: var(--crm-primary);
}

._brBmg8E {
  margin: 0;
  padding: 13px 14px;
  border-radius: 13px;
  color: var(--crm-text);
  background: var(--crm-surface-soft);
  font-size: .75rem;
  line-height: 1.55;
}

.sjxBSgfp {
  color: var(--crm-muted);
}

.h02QBKkH {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cIarGTLn {
  padding: 5px 8px;
  border: 1px solid var(--crm-border);
  border-radius: 999px;
  color: var(--crm-text);
  background: var(--crm-surface);
  font-size: .63rem;
  font-weight: 650;
}

@media (max-width: 1180px) {
  .i1Xaskju { grid-template-columns: repeat(2, minmax(180px, 1fr)); }
  .M0TDQore { grid-template-columns: minmax(300px, 350px) minmax(0, 1fr); }
}

@media (max-width: 900px) {
  .azqCZGrC {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
    padding: 28px;
  }

  .bIIrxJVG { min-width: 0; }
  .M0TDQore { grid-template-columns: 1fr; }
  .JwnJktFL { border-right: 0; border-bottom: 1px solid var(--crm-border); }
  .VCQH68Qq { max-height: 380px; }
  .y3bTg58s { min-height: 440px; }
}

@media (max-width: 620px) {
  .oOCOqSrs { gap: 12px; }
  .azqCZGrC { padding: 23px 20px; border-radius: 18px; }
  .azqCZGrC h1 { font-size: 2.15rem; }
  .i1Xaskju { grid-template-columns: 1fr 1fr; gap: 8px; }
  ._fAuLSn8 { min-height: 118px; padding: 14px; border-radius: 15px; }
  .LqwnVSqD { font-size: 1.55rem; }
  .z40h7V5Z { grid-template-columns: 1fr; }
  .M0TDQore { border-radius: 16px; }
  .V2OJplrf { padding: 13px; }
  .x4MnTcpg { display: none; }
  .PJ2y7QJf { padding: 14px; }
  .qE3Z9yMM { display: none; }
  ._2h1YLW2 { padding: 16px; }
  .TbVoy7US { grid-template-columns: 1fr; }
  .CJCqItPT { flex-direction: column; gap: 8px; }
}

.rjW3qzER {
  width: min(1580px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 18px;
}

.uCNdFPUy {
  position: relative;
  min-height: 220px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding: 34px 38px;
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 18%, rgba(34, 211, 238, .23), transparent 28%),
    radial-gradient(circle at 62% 118%, rgba(99, 102, 241, .46), transparent 40%),
    linear-gradient(125deg, #172554 0%, #312e81 48%, #0f766e 132%);
  box-shadow: 0 24px 58px rgba(30, 41, 59, .16);
}

.uCNdFPUy::before {
  content: "";
  position: absolute;
  width: 330px;
  height: 330px;
  right: -90px;
  top: -190px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
  box-shadow: 0 0 0 54px rgba(255, 255, 255, .035), 0 0 0 108px rgba(255, 255, 255, .025);
}

.m5kFyj7W,
.R6Em_r4r {
  position: relative;
  z-index: 1;
}

.qTlKYtsO {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, .72);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.uCNdFPUy h1 {
  margin: 0;
  font-size: clamp(2.25rem, 4vw, 3.8rem);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 800;
}

.m5kFyj7W > p {
  max-width: 720px;
  margin: 14px 0 20px;
  color: rgba(255, 255, 255, .74);
  font-size: .96rem;
  line-height: 1.6;
}

.XrJpnaef {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.XrJpnaef span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 31px;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  color: rgba(255, 255, 255, .84);
  background: rgba(255, 255, 255, .07);
  backdrop-filter: blur(8px);
  font-size: .7rem;
  font-weight: 650;
}

.R6Em_r4r {
  min-width: 190px;
  display: grid;
  gap: 9px;
}

.DvE6fRdA,
.ho7rNHUV {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  font-weight: 750;
}

.DvE6fRdA {
  border: 0 !important;
  color: #1e293b !important;
  background: rgba(255, 255, 255, .95) !important;
  box-shadow: 0 9px 22px rgba(15, 23, 42, .18);
}

.ho7rNHUV {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .22) !important;
  background: rgba(255, 255, 255, .06) !important;
}

.RRsJXlDW {
  margin: 0;
  border-radius: 16px;
}

.rBXy_Xhd {
  display: grid;
  grid-template-columns: repeat(4, minmax(170px, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 17px;
  background: var(--crm-border);
}

.rBXy_Xhd > div {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: var(--crm-surface);
}

.L0rXj5Du {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 10px;
  color: var(--summary-color, var(--crm-primary));
  background: var(--summary-soft, color-mix(in srgb, var(--crm-primary) 9%, var(--crm-surface)));
}

.rBXy_Xhd small,
.rBXy_Xhd strong {
  display: block;
}

.rBXy_Xhd small {
  color: var(--crm-muted);
  font-size: .66rem;
  font-weight: 650;
}

.rBXy_Xhd strong {
  margin-top: 1px;
  overflow: hidden;
  font-size: .98rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.DplliKuq { --summary-color: #4f46e5; --summary-soft: color-mix(in srgb, #4f46e5 11%, var(--crm-surface)); }
._nDyUoLp { --summary-color: #087f8c; --summary-soft: color-mix(in srgb, #0891b2 12%, var(--crm-surface)); }
.jbvWVzHx { --summary-color: #b45309; --summary-soft: color-mix(in srgb, #f59e0b 12%, var(--crm-surface)); }
.A6YcYCDw { --summary-color: #15803d; --summary-soft: color-mix(in srgb, #16a34a 11%, var(--crm-surface)); }

.WaDe8PRr {
  display: grid;
  gap: 18px;
}

.MSPZ9J4X,
.MDcDEUYH,
.NI_RYG1_,
.zoKf6FZg {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 20px;
  background: var(--crm-surface);
  box-shadow: 0 9px 30px rgba(15, 23, 42, .045);
}

.dBXzstdd {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 19px;
  border-bottom: 1px solid var(--crm-border);
}

.sc5R1U7l {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.AczXFRWJ {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 11px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 10%, var(--crm-surface));
  font-size: 1rem;
}

.dBXzstdd h2 {
  margin: 0;
  font-size: .96rem;
  font-weight: 780;
  letter-spacing: -.015em;
}

.dBXzstdd p {
  margin: 3px 0 0;
  color: var(--crm-muted);
  font-size: .7rem;
}

.iqeZcOop {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 31px;
  padding: 6px 10px;
  border-radius: 999px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 9%, var(--crm-surface));
  font-size: .68rem;
  font-weight: 750;
  white-space: nowrap;
}

.VfZR5YBg {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
  padding: 19px;
}

.thqJXlGZ {
  position: relative;
  min-width: 0;
  overflow: hidden;
  display: grid;
  gap: 17px;
  padding: 20px;
  border: 1px solid var(--crm-border);
  border-radius: 18px;
  background: var(--crm-surface-soft);
}

.thqJXlGZ::after {
  content: "";
  position: absolute;
  width: 112px;
  height: 112px;
  right: -44px;
  top: -48px;
  border-radius: 50%;
  background: var(--goal-soft);
}

.cckHhhek {
  --goal-color: #4f46e5;
  --goal-soft: color-mix(in srgb, #4f46e5 10%, transparent);
}

.YyRytkgT {
  --goal-color: #087f8c;
  --goal-soft: color-mix(in srgb, #0891b2 11%, transparent);
}

.q44zxqFI {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 11px;
}

.yY_DDMgH {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 12px;
  color: var(--goal-color);
  background: color-mix(in srgb, var(--goal-color) 11%, var(--crm-surface));
  font-size: 1.05rem;
}

.q44zxqFI strong,
.q44zxqFI small {
  display: block;
}

.q44zxqFI strong {
  font-size: .88rem;
}

.q44zxqFI small {
  margin-top: 2px;
  color: var(--crm-muted);
  font-size: .66rem;
}

.YDxN3AiW {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(120px, 190px) minmax(0, 1fr);
  align-items: end;
  gap: 16px;
}

.Cl3O0v7r label,
.EJw94KZO label {
  margin-bottom: 5px;
  color: var(--crm-muted);
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.ek7AAWc3 {
  display: flex;
  align-items: stretch;
}

.ek7AAWc3 .form-control {
  min-height: 46px;
  border-radius: 12px 0 0 12px;
  font-size: 1.15rem;
  font-weight: 800;
}

.mi0r_1qb {
  min-width: 48px;
  display: grid;
  place-items: center;
  padding: 0 11px;
  border: 1px solid var(--crm-border);
  border-left: 0;
  border-radius: 0 12px 12px 0;
  color: var(--crm-muted);
  background: var(--crm-surface);
  font-size: .68rem;
  font-weight: 750;
}

.RBPmgSvp {
  margin: 0;
  color: var(--crm-muted);
  font-size: .7rem;
  line-height: 1.55;
}

.RBPmgSvp strong {
  color: var(--crm-text);
}

.ZmHiCC4w {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 13px;
  border-top: 1px solid var(--crm-border);
  color: var(--crm-muted);
  font-size: .67rem;
}

.ZmHiCC4w i {
  color: var(--goal-color);
}

.Da_9JXbi {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr);
  gap: 18px;
}

.rf_r3rXC {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 19px;
}

.EJw94KZO {
  min-width: 0;
}

.EJw94KZO .form-control,
.EJw94KZO .form-select {
  min-height: 42px;
  border-radius: 11px;
}

.mdQ1IVg5 {
  display: block;
  margin-top: 5px;
  color: var(--crm-muted);
  font-size: .64rem;
  line-height: 1.45;
}

.Ck79OBUk {
  display: grid;
  gap: 14px;
  padding: 19px;
}

.TeRk6RuY {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--crm-border);
  border-radius: 15px;
  background: var(--crm-surface-soft);
}

.TeRk6RuY .form-check {
  margin: 0;
  padding-left: 2.7em;
}

.TeRk6RuY .form-check-input {
  width: 2.2em;
  height: 1.2em;
  margin-left: -2.7em;
}

.TabGqevL strong,
.TabGqevL span {
  display: block;
}

.TabGqevL strong {
  font-size: .8rem;
}

.TabGqevL span {
  margin-top: 4px;
  color: var(--crm-muted);
  font-size: .67rem;
  line-height: 1.5;
}

.XLSCMbdi {
  display: grid;
  gap: 8px;
}

.KTycDP5V {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 11px;
  border-radius: 12px;
  background: var(--crm-surface-soft);
}

.KTycDP5V > span {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 9px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 9%, var(--crm-surface));
}

.KTycDP5V strong,
.KTycDP5V small {
  display: block;
}

.KTycDP5V strong {
  font-size: .72rem;
}

.KTycDP5V small {
  margin-top: 2px;
  color: var(--crm-muted);
  font-size: .63rem;
  line-height: 1.4;
}

.ERYW8jra {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.zoKf6FZg {
  min-height: 145px;
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 18px;
}

.nKLyFwWB {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 11px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 10%, var(--crm-surface));
}

.zoKf6FZg h3 {
  margin: 1px 0 5px;
  font-size: .82rem;
  font-weight: 760;
}

.zoKf6FZg p {
  margin: 0;
  color: var(--crm-muted);
  font-size: .67rem;
  line-height: 1.55;
}

.lXOYdC1p {
  position: sticky;
  bottom: 12px;
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--crm-border) 86%, var(--crm-primary));
  border-radius: 16px;
  background: color-mix(in srgb, var(--crm-surface) 92%, transparent);
  box-shadow: 0 12px 32px rgba(15, 23, 42, .09);
  backdrop-filter: blur(16px);
}

.ARtZ7396 {
  min-width: 0;
}

.ARtZ7396 strong,
.ARtZ7396 small {
  display: block;
}

.ARtZ7396 strong {
  font-size: .75rem;
}

.ARtZ7396 small {
  margin-top: 2px;
  overflow: hidden;
  color: var(--crm-muted);
  font-size: .64rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.AYQe1hUG {
  display: flex;
  gap: 8px;
}

.NueNoP9m {
  animation: wBA8aNRk .8s linear infinite;
}

@keyframes wBA8aNRk {
  to { transform: rotate(360deg); }
}

@media (max-width: 1180px) {
  .rBXy_Xhd { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .Da_9JXbi { grid-template-columns: 1fr; }
  .ERYW8jra { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .uCNdFPUy { min-height: 0; align-items: stretch; flex-direction: column; padding: 28px; }
  .R6Em_r4r { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .VfZR5YBg { grid-template-columns: 1fr; }
  .rf_r3rXC { grid-template-columns: 1fr; }
  .ERYW8jra { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .rjW3qzER { gap: 14px; }
  .uCNdFPUy { margin: -8px -8px 0; padding: 24px 20px; border-radius: 0 0 22px 22px; }
  .uCNdFPUy h1 { font-size: 2.3rem; }
  .R6Em_r4r { grid-template-columns: 1fr; }
  .rBXy_Xhd { grid-template-columns: 1fr; }
  .dBXzstdd { align-items: flex-start; padding: 14px; }
  .iqeZcOop { display: none; }
  .VfZR5YBg, .rf_r3rXC, .Ck79OBUk { padding: 14px; }
  .thqJXlGZ { padding: 16px; }
  .YDxN3AiW { grid-template-columns: 1fr; }
  .lXOYdC1p { position: static; align-items: stretch; flex-direction: column; }
  .AYQe1hUG { display: grid; grid-template-columns: 1fr 1fr; }
}

.hKq_UcV5 {
  width: min(1500px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 16px;
}

.VtfgDTW9 {
  min-height: 220px;
  padding: 30px 34px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 10%, rgba(56,189,248,.22), transparent 29%),
    radial-gradient(circle at 55% 115%, rgba(168,85,247,.3), transparent 38%),
    linear-gradient(125deg, #172554, #312e81 55%, #164e63 125%);
  box-shadow: 0 24px 58px rgba(30,41,59,.14);
}

.VtfgDTW9::after {
  content: "";
  position: absolute;
  width: 340px;
  height: 340px;
  right: -130px;
  top: -210px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  box-shadow: 0 0 0 52px rgba(255,255,255,.035), 0 0 0 104px rgba(255,255,255,.02);
}

.VtfgDTW9 > * {
  position: relative;
  z-index: 1;
}

.rNOMpbv7 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 8px;
  color: rgba(255,255,255,.72);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.VtfgDTW9 h1 {
  margin: 0;
  font-size: clamp(2.4rem, 5vw, 4.3rem);
  font-weight: 850;
  letter-spacing: -.055em;
  line-height: .95;
}

.VtfgDTW9 p {
  max-width: 720px;
  margin: 13px 0 18px;
  color: rgba(255,255,255,.74);
  font-size: .92rem;
}

.Gk7pRrn2,
.Lxw9xB6V {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.Gk7pRrn2 span {
  min-height: 31px;
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.88);
  font-size: .68rem;
  font-weight: 700;
}

.Gk7pRrn2 .YLmkrlMD {
  border-color: rgba(253,230,138,.35);
  color: #fef3c7;
  background: rgba(217,119,6,.18);
}

.Lxw9xB6V {
  justify-content: flex-end;
}

.Lxw9xB6V .btn {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: .74rem;
  font-weight: 750;
}

.mDogb6kj {
  padding: 16px 18px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  border: 1px solid color-mix(in srgb, #7c3aed 28%, var(--crm-border));
  border-radius: 17px;
  background: color-mix(in srgb, #7c3aed 7%, var(--crm-surface));
  box-shadow: 0 8px 26px rgba(15,23,42,.04);
}

.dlpWRlzd {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #7c3aed;
  background: color-mix(in srgb, #7c3aed 12%, var(--crm-surface));
  font-size: 1.2rem;
}

.mDogb6kj strong {
  color: color-mix(in srgb, #7c3aed 80%, var(--crm-text));
  font-size: .88rem;
}

.mDogb6kj p {
  margin: 4px 0 0;
  color: var(--crm-muted);
  font-size: .73rem;
  line-height: 1.55;
}

.eb4GXYNx {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 16px;
}

.oOctCTiH {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 18px;
  background: var(--crm-surface);
  box-shadow: 0 10px 30px rgba(15,23,42,.05);
}

.xcyyTF3O {
  min-height: 68px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid var(--crm-border);
}

.xcyyTF3O > div:first-child {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.xcyyTF3O > div:first-child > span {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 10%, var(--crm-surface));
  font-size: .68rem;
  font-weight: 850;
}

.xcyyTF3O h2 {
  margin: 0;
  font-size: .88rem;
  font-weight: 800;
}

.xcyyTF3O p {
  margin: 2px 0 0;
  color: var(--crm-muted);
  font-size: .64rem;
}

.hKAN_f0g {
  padding: 17px;
  display: grid;
  gap: 14px;
}

.hKAN_f0g .form-label {
  margin-bottom: 5px;
  color: var(--crm-text);
  font-size: .68rem;
  font-weight: 750;
}

.hKAN_f0g .form-text {
  font-size: .6rem;
}

.hKAN_f0g .form-control,
.qlFQaIBe .form-select {
  min-height: 39px;
  border-radius: 10px;
  font-size: .74rem;
}

.gQdMTMLm {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.pRk_vPUu,
.ShJ4SMpJ {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  font-size: .6rem;
  font-weight: 800;
}

.d0qD58Ef {
  color: #047857;
  background: color-mix(in srgb, #10b981 10%, var(--crm-surface));
}

.WISTMvm8 {
  padding: 12px;
  display: grid;
  gap: 5px;
  border: 1px solid var(--crm-border);
  border-radius: 12px;
  background: var(--crm-bg);
}

.WISTMvm8 small {
  color: var(--crm-muted);
  font-size: .59rem;
  font-weight: 750;
  text-transform: uppercase;
}

.WISTMvm8 code {
  overflow-wrap: anywhere;
  color: var(--crm-text);
  font-size: .68rem;
}

.Kgn72SUI {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.Kgn72SUI strong {
  flex-basis: 100%;
  font-size: .65rem;
}

.Kgn72SUI span {
  padding: 4px 7px;
  border-radius: 7px;
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  font-family: monospace;
  font-size: .58rem;
}

.PKIPAEMh,
.dHMg2_hn {
  margin: 0;
  color: var(--crm-muted);
  font-size: .65rem;
  line-height: 1.5;
}

.qlFQaIBe {
  padding: 4px 16px 16px;
  display: grid;
}

.zQ3k5aTh {
  min-height: 66px;
  padding: 10px 0;
  display: grid;
  grid-template-columns: minmax(180px, .8fr) minmax(260px, 1.2fr);
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--crm-border) 75%, transparent);
}

.zQ3k5aTh:last-child {
  border-bottom: 0;
}

.zQ3k5aTh > div {
  min-width: 0;
  display: grid;
}

.zQ3k5aTh strong {
  font-size: .76rem;
}

.zQ3k5aTh small {
  color: var(--crm-muted);
  font-size: .61rem;
}

.w03jqLkX {
  padding: 14px;
  display: grid;
  gap: 12px;
}

.yiq869eK {
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 13px;
  background: var(--crm-bg);
}

.yiq869eK > header {
  padding: 11px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid var(--crm-border);
  background: var(--crm-surface-soft);
}

.yiq869eK > header > div {
  min-width: 0;
  display: grid;
}

.yiq869eK > header strong {
  font-size: .76rem;
}

.yiq869eK > header small,
.yiq869eK > header > span {
  color: var(--crm-muted);
  font-size: .59rem;
}

.AdzaBIlL {
  display: grid;
}

.xfX_5JKr {
  min-height: 58px;
  padding: 9px 12px;
  display: grid;
  grid-template-columns: 36px minmax(170px, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid color-mix(in srgb, var(--crm-border) 70%, transparent);
}

.xfX_5JKr:last-child {
  border-bottom: 0;
}

.MWjFyGAq {
  background: color-mix(in srgb, #7c3aed 5%, var(--crm-surface));
}

.qVrBcD1A {
  min-width: 0;
  display: grid;
}

.qVrBcD1A strong {
  overflow: hidden;
  font-size: .72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qVrBcD1A small {
  color: var(--crm-muted);
  font-size: .58rem;
}

.FnoYoNsN {
  padding: 5px 7px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--crm-border);
  border-radius: 8px;
  color: var(--crm-muted);
  background: var(--crm-surface);
  font-size: .61rem;
  font-weight: 700;
}

.FnoYoNsN input {
  margin: 0;
}

.FjKFWcYC {
  color: #6d28d9;
  background: color-mix(in srgb, #7c3aed 11%, var(--crm-surface));
}

.RVgE8UcI {
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 10px;
}

.YEYBF6ps {
  padding: 13px;
  border: 1px solid color-mix(in srgb, #7c3aed 25%, var(--crm-border));
  border-radius: 13px;
  background: color-mix(in srgb, #7c3aed 5%, var(--crm-surface));
}

.uC2XJjth,
.uC2XJjth > div {
  display: flex;
  align-items: center;
  gap: 7px;
}

.uC2XJjth {
  justify-content: space-between;
}

.uC2XJjth strong {
  font-size: .76rem;
}

.uC2XJjth > span {
  padding: 4px 7px;
  border-radius: 999px;
  color: #6d28d9;
  background: color-mix(in srgb, #7c3aed 11%, var(--crm-surface));
  font-size: .56rem;
  font-weight: 850;
}

.EK52tVa4 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7c3aed;
  box-shadow: 0 0 0 4px color-mix(in srgb, #7c3aed 12%, transparent);
}

.YEYBF6ps > p {
  margin: 8px 0;
  color: var(--crm-muted);
  font-size: .63rem;
}

.iMi62EbX {
  display: grid;
  gap: 6px;
}

.iMi62EbX > div {
  padding: 7px 8px;
  display: grid;
  border-radius: 8px;
  background: var(--crm-surface);
}

.iMi62EbX strong {
  font-size: .64rem;
}

.iMi62EbX small {
  color: var(--crm-muted);
  font-size: .57rem;
}

.TX_q0q9r {
  min-height: 72px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: var(--crm-muted);
  font-size: .68rem;
  text-align: center;
}

.dHMg2_hn {
  padding: 4px 3px 16px;
  text-align: center;
}

@media (max-width: 991.98px) {
  .VtfgDTW9 {
    align-items: flex-start;
    flex-direction: column;
  }

  .Lxw9xB6V {
    justify-content: flex-start;
  }

  .eb4GXYNx {
    grid-template-columns: 1fr;
  }

  .xfX_5JKr {
    grid-template-columns: 36px minmax(140px, 1fr);
  }

  .FnoYoNsN {
    grid-column: 2;
    width: fit-content;
  }
}

@media (max-width: 639.98px) {
  .VtfgDTW9 {
    min-height: 0;
    padding: 23px 20px;
    border-radius: 18px;
  }

  .Lxw9xB6V .btn {
    flex: 1 1 160px;
  }

  .mDogb6kj {
    padding: 14px;
  }

  .gQdMTMLm,
  .zQ3k5aTh {
    grid-template-columns: 1fr;
  }

  .xcyyTF3O {
    align-items: flex-start;
    flex-direction: column;
  }

  .xcyyTF3O .btn {
    width: 100%;
  }

  .xfX_5JKr {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .FnoYoNsN {
    grid-column: 2;
  }
}

.KVwufHst {
  width: min(1580px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 18px;
}

.sOT7aVCy {
  position: relative;
  min-height: 188px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding: 30px 36px;
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 84% 14%, rgba(34,211,238,.22), transparent 28%),
    radial-gradient(circle at 57% 122%, rgba(99,102,241,.46), transparent 38%),
    linear-gradient(125deg, #172554 0%, #312e81 50%, #0f766e 132%);
  box-shadow: 0 24px 58px rgba(30,41,59,.16);
}

.sOT7aVCy::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  right: -82px;
  top: -180px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 50%;
  box-shadow: 0 0 0 50px rgba(255,255,255,.035), 0 0 0 100px rgba(255,255,255,.022);
}

.PUZKFXu_,
.WTqKYnRH {
  position: relative;
  z-index: 1;
}

.dfMUuEak {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
  color: rgba(255,255,255,.72);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.sOT7aVCy h1 {
  margin: 0;
  font-size: clamp(2.2rem, 4vw, 3.7rem);
  line-height: 1;
  letter-spacing: -.055em;
  font-weight: 800;
}

.sOT7aVCy p {
  max-width: 720px;
  margin: 12px 0 17px;
  color: rgba(255,255,255,.72);
  font-size: .94rem;
}

.iHY31MYa {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.iHY31MYa span,
.WTqKYnRH {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 31px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  color: rgba(255,255,255,.82);
  background: rgba(255,255,255,.07);
  backdrop-filter: blur(8px);
  font-size: .7rem;
  font-weight: 650;
}

.WTqKYnRH {
  align-self: flex-start;
  margin-top: 4px;
  padding: 9px 13px;
}

.NdVdl1KM {
  position: sticky;
  top: 10px;
  z-index: 18;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--crm-border) 86%, var(--crm-primary));
  border-radius: 18px;
  background: color-mix(in srgb, var(--crm-surface) 92%, transparent);
  box-shadow: 0 12px 32px rgba(15,23,42,.08);
  backdrop-filter: blur(16px);
}

.EIWHnGaT {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto;
  gap: 10px;
}

.CH8B99AP {
  position: relative;
}

.CH8B99AP > i {
  position: absolute;
  z-index: 2;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--crm-muted);
}

.CH8B99AP .form-control {
  min-height: 42px;
  padding-left: 39px;
  border-radius: 12px;
  font-size: .83rem;
}

.kGkTOReC {
  min-height: 42px;
  padding-inline: 18px;
  border-radius: 12px;
  font-weight: 750;
}

.fmgiXcem {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 9px;
  color: var(--crm-muted);
  font-size: .69rem;
}

.fmgiXcem span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.i9PiMi9o {
  display: grid;
  grid-template-columns: minmax(280px, 350px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.uGu0uZmq,
.rNNFjvgA,
.yfvYZ7yG,
.TTHITAky {
  border: 1px solid var(--crm-border);
  border-radius: 19px;
  background: var(--crm-surface);
  box-shadow: 0 10px 28px rgba(15,23,42,.055);
}

.uGu0uZmq {
  position: sticky;
  top: 86px;
  overflow: hidden;
}

.BVMW_Pg1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 17px 18px 14px;
  border-bottom: 1px solid var(--crm-border);
}

.BVMW_Pg1 h2,
.BVMW_Pg1 h3 {
  margin: 0;
  color: var(--crm-text);
  font-size: .91rem;
  font-weight: 800;
}

.BVMW_Pg1 p {
  margin: 3px 0 0;
  color: var(--crm-muted);
  font-size: .69rem;
}

.xgfznMec {
  min-width: 30px;
  min-height: 26px;
  display: inline-grid;
  place-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 10%, var(--crm-surface));
  font-size: .69rem;
  font-weight: 800;
}

.RZ0PNOtE {
  max-height: 650px;
  overflow-y: auto;
  padding: 8px;
}

._wcTLr5q {
  width: 100%;
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 13px;
  color: var(--crm-text);
  background: transparent;
  text-align: left;
  transition: 140ms ease;
}

._wcTLr5q + ._wcTLr5q {
  margin-top: 3px;
}

._wcTLr5q:hover {
  border-color: color-mix(in srgb, var(--crm-primary) 20%, var(--crm-border));
  background: var(--crm-surface-soft);
}

.IIyBbLqw {
  border-color: color-mix(in srgb, var(--crm-primary) 38%, var(--crm-border));
  background: color-mix(in srgb, var(--crm-primary) 8%, var(--crm-surface)) !important;
  box-shadow: inset 3px 0 0 var(--crm-primary);
}

.GL87cUgg,
.JmZztqne,
.FNFxKulo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.GL87cUgg strong {
  color: var(--crm-primary);
  font-size: .78rem;
}

.FNFxKulo {
  justify-content: flex-start;
}

.oPiIw1DP {
  display: grid;
  gap: 2px;
}

.oPiIw1DP strong {
  overflow: hidden;
  font-size: .79rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oPiIw1DP small,
.JmZztqne {
  color: var(--crm-muted);
  font-size: .66rem;
}

.CErRQZxu,
.scY495vN,
.tkngIv_A {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  border-radius: 999px;
  font-size: .62rem;
  font-weight: 780;
}

.D7zXr9WB {
  color: #4338ca;
  background: color-mix(in srgb, #6366f1 13%, var(--crm-surface));
}

.ibcvE_VD {
  color: #b45309;
  background: color-mix(in srgb, #f59e0b 15%, var(--crm-surface));
}

.BPkgWveq {
  color: #15803d;
  background: color-mix(in srgb, #22c55e 13%, var(--crm-surface));
}

.EYn6Snet,
.WKGqD4TR {
  min-height: 220px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  padding: 30px;
  color: var(--crm-muted);
  text-align: center;
}

.EYn6Snet i,
.WKGqD4TR i {
  color: color-mix(in srgb, var(--crm-primary) 72%, var(--crm-muted));
  font-size: 2rem;
}

.EYn6Snet strong {
  color: var(--crm-text);
  font-size: .88rem;
}

.EYn6Snet span {
  max-width: 330px;
  font-size: .72rem;
}

.MsMgb2j1 {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.kCaw2fl0 {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  padding: 23px 25px;
  border: 1px solid var(--crm-border);
  border-radius: 19px;
  background:
    radial-gradient(circle at 95% 0%, color-mix(in srgb, var(--crm-primary) 12%, transparent), transparent 34%),
    var(--crm-surface);
  box-shadow: 0 10px 28px rgba(15,23,42,.055);
}

.TA19SBml {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--crm-primary);
  font-size: .66rem;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.kCaw2fl0 h2 {
  margin: 6px 0 7px;
  color: var(--crm-text);
  font-size: clamp(1.7rem, 3vw, 2.5rem);
  letter-spacing: -.04em;
  font-weight: 820;
}

.icfzARSx {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 14px;
  color: var(--crm-muted);
  font-size: .76rem;
}

.icfzARSx span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.PttAb0ur {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.aiO2XP7k {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 12px;
}

.TbqIZd1_ {
  padding: 3px 7px;
  border: 1px solid var(--crm-border);
  border-radius: 999px;
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  font-size: .61rem;
  font-weight: 700;
}

.m_3_CDN7 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.pfJTZdJr {
  min-height: 96px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 11px;
  padding: 15px;
  border: 1px solid var(--crm-border);
  border-radius: 16px;
  background: var(--crm-surface);
}

.UEyej4mM {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: var(--crm-primary);
  background: color-mix(in srgb, var(--crm-primary) 10%, var(--crm-surface));
  font-size: .95rem;
}

.pfJTZdJr div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.pfJTZdJr small {
  color: var(--crm-muted);
  font-size: .64rem;
  font-weight: 720;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.pfJTZdJr strong {
  overflow: hidden;
  color: var(--crm-text);
  font-size: .84rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.PlP5hZkt {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, .75fr);
  gap: 14px;
  align-items: start;
}

.yfvYZ7yG,
.TTHITAky {
  min-width: 0;
  overflow: hidden;
}

.QsOP6eqZ {
  max-height: 660px;
  overflow-y: auto;
  padding: 16px;
  background: color-mix(in srgb, var(--crm-bg) 55%, var(--crm-surface));
}

.ZPc_RqVX {
  display: flex;
  margin-bottom: 11px;
}

.HAA6SbIh {
  justify-content: flex-end;
}

.sDPUAj8y {
  max-width: min(78%, 640px);
  display: grid;
  gap: 5px;
  padding: 9px 11px;
  border: 1px solid var(--crm-border);
  border-radius: 13px;
  color: var(--crm-text);
  background: var(--crm-surface);
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.HAA6SbIh .sDPUAj8y {
  background: color-mix(in srgb, var(--crm-primary) 12%, var(--crm-surface));
}

.seBXThfQ .sDPUAj8y {
  border-style: dashed;
  border-color: color-mix(in srgb, #7c3aed 45%, var(--crm-border));
  background: color-mix(in srgb, #8b5cf6 9%, var(--crm-surface));
}

.HioGcEWR {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--crm-muted);
  font-size: .62rem;
}

.tkngIv_A {
  color: #6d28d9;
  background: color-mix(in srgb, #8b5cf6 12%, var(--crm-surface));
}

.bds_6o_H {
  font-size: .78rem;
  line-height: 1.45;
}

.spVnksQN {
  display: flex;
  justify-content: flex-end;
  color: var(--crm-muted);
  font-size: .6rem;
}

.XXI8Vx0z {
  max-height: 660px;
  overflow-y: auto;
  padding: 16px 17px 18px;
}

.u6DFBRu6 {
  position: relative;
  display: grid;
  gap: 3px;
  padding: 0 0 17px 21px;
}

.u6DFBRu6::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 7px;
  bottom: -5px;
  width: 1px;
  background: var(--crm-border);
}

.u6DFBRu6:last-child::before {
  display: none;
}

.e_97ritV {
  position: absolute;
  left: 0;
  top: 5px;
  width: 11px;
  height: 11px;
  border: 2px solid var(--crm-surface);
  border-radius: 50%;
  background: var(--crm-primary);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--crm-primary) 35%, var(--crm-border));
}

.u6DFBRu6 strong {
  color: var(--crm-text);
  font-size: .72rem;
}

.u6DFBRu6 span,
.u6DFBRu6 small {
  color: var(--crm-muted);
  font-size: .64rem;
}

.h0Kqh9tJ {
  padding: 15px 17px 17px;
  border-top: 1px solid var(--crm-border);
}

.h0Kqh9tJ > small {
  display: block;
  margin-bottom: 8px;
  color: var(--crm-muted);
  font-size: .62rem;
  font-weight: 750;
  text-transform: uppercase;
}

.oMJZHbLe {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.EuQGvLT4 {
  padding: 5px 8px;
  border: 1px solid var(--crm-border);
  border-radius: 8px;
  color: var(--crm-primary);
  background: var(--crm-surface-soft);
  font-size: .65rem;
  font-weight: 750;
}

.g5IgdiWs {
  margin: 0;
  border-radius: 14px;
}

@media (max-width: 1199.98px) {
  .i9PiMi9o {
    grid-template-columns: minmax(245px, 310px) minmax(0, 1fr);
  }

  .m_3_CDN7 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .PlP5hZkt {
    grid-template-columns: 1fr;
  }

  .XXI8Vx0z {
    max-height: 420px;
  }
}

@media (max-width: 899.98px) {
  .sOT7aVCy {
    min-height: auto;
    align-items: flex-start;
    flex-direction: column;
    padding: 25px;
  }

  .i9PiMi9o {
    grid-template-columns: 1fr;
  }

  .uGu0uZmq {
    position: static;
  }

  .RZ0PNOtE {
    max-height: 340px;
  }
}

@media (max-width: 575.98px) {
  .KVwufHst {
    gap: 12px;
  }

  .sOT7aVCy {
    padding: 22px 19px;
    border-radius: 18px;
  }

  .sOT7aVCy h1 {
    font-size: 2.1rem;
  }

  .NdVdl1KM {
    position: static;
    border-radius: 14px;
  }

  .EIWHnGaT {
    grid-template-columns: 1fr;
  }

  .m_3_CDN7 {
    grid-template-columns: 1fr;
  }

  .kCaw2fl0 {
    flex-direction: column;
    padding: 19px;
  }

  .PttAb0ur {
    justify-content: flex-start;
  }

  .sDPUAj8y {
    max-width: 91%;
  }
}

.ZEBLBCLU {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 5px;
}

.nRwq6Clz {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: .61rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.SZABwpnr {
  color: #0369a1;
  border-color: color-mix(in srgb, #0ea5e9 24%, var(--crm-border));
  background: color-mix(in srgb, #0ea5e9 10%, var(--crm-surface));
}

.FRBwgxin {
  color: #15803d;
  border-color: color-mix(in srgb, #22c55e 28%, var(--crm-border));
  background: color-mix(in srgb, #22c55e 11%, var(--crm-surface));
}

.p4FR4jYI {
  color: #6d28d9;
  border-color: color-mix(in srgb, #8b5cf6 28%, var(--crm-border));
  background: color-mix(in srgb, #8b5cf6 11%, var(--crm-surface));
}

.b7J1Be9X {
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 19px;
  background: var(--crm-surface);
  box-shadow: 0 10px 28px rgba(15,23,42,.055);
}

.fQNHaqCD {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 17px 18px 14px;
  border-bottom: 1px solid var(--crm-border);
}

.fQNHaqCD h3 {
  margin: 0;
  color: var(--crm-text);
  font-size: .91rem;
  font-weight: 800;
}

.fQNHaqCD p {
  margin: 3px 0 0;
  color: var(--crm-muted);
  font-size: .69rem;
}

.xkqR9b1D {
  min-width: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #15803d;
  background: color-mix(in srgb, #22c55e 11%, var(--crm-surface));
  font-size: .65rem;
  font-weight: 800;
}

.QEHH4Su6 {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.mMrSpiT8 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  padding: 13px;
  border: 1px solid var(--crm-border);
  border-radius: 15px;
  background: color-mix(in srgb, var(--crm-surface-soft) 65%, var(--crm-surface));
}

.Phm5ooZV {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #00a884;
  box-shadow: 0 7px 20px rgba(0,168,132,.18);
}

.lHNeWs7y {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.dM5Cs8xZ {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.rpvcJ_Nw {
  display: grid;
  gap: 2px;
}

.rpvcJ_Nw strong {
  color: var(--crm-text);
  font-size: .79rem;
}

.rpvcJ_Nw small,
.Z4xGDKT_ {
  color: var(--crm-muted);
  font-size: .65rem;
}

.h9yp6Cyr {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  border-radius: 999px;
  font-size: .6rem;
  font-weight: 800;
  white-space: nowrap;
}

.C8JdF7_8 {
  color: #15803d;
  background: color-mix(in srgb, #22c55e 13%, var(--crm-surface));
}

.Rurwbdd0 {
  color: #a16207;
  background: color-mix(in srgb, #eab308 14%, var(--crm-surface));
}

.BdnhPy67 {
  color: #b91c1c;
  background: color-mix(in srgb, #ef4444 11%, var(--crm-surface));
}

.yFW1Wmt4 {
  width: 100%;
  height: 36px;
}

.ZgLhA9Kw {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.lduDw3eB {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid var(--crm-border);
  border-radius: 9px;
  color: var(--crm-text);
  background: var(--crm-surface);
  font-size: .65rem;
  font-weight: 750;
  text-decoration: none;
}

.lduDw3eB:hover {
  color: var(--crm-primary);
  border-color: color-mix(in srgb, var(--crm-primary) 35%, var(--crm-border));
}

.Qq1OYWDf {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  padding: 8px 10px;
  border-radius: 10px;
  color: var(--crm-muted);
  background: color-mix(in srgb, var(--crm-bg) 48%, var(--crm-surface));
  font-size: .66rem;
  line-height: 1.4;
}

@media (max-width: 720px) {
  .dM5Cs8xZ {
    align-items: flex-start;
    flex-direction: column;
  }

  .mMrSpiT8 {
    grid-template-columns: 1fr;
  }

  .Phm5ooZV {
    width: 38px;
    height: 38px;
  }
}

.ONNC8UKX {
  display: grid;
  gap: 28px;
  padding: 28px;
  color: var(--bs-body-color);
}

.FZBolRM6 {
  padding: 28px;
  border: 1px solid var(--bs-border-color);
  border-radius: 20px;
  background: color-mix(in srgb, var(--bs-body-bg) 92%, var(--bs-primary) 8%);
}

.FZBolRM6 h1 {
  margin: 8px 0 8px;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 800;
}

.FZBolRM6 p {
  max-width: 820px;
  margin: 0;
  color: var(--bs-secondary-color);
  line-height: 1.6;
}

.AbpSUS0K {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: var(--bs-primary);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.Vkjjvp6t {
  display: grid;
  gap: 14px;
}

.zMNEl6Bt span,
.zMNEl6Bt small {
  display: block;
}

.zMNEl6Bt span {
  font-size: 1rem;
  font-weight: 800;
}

.zMNEl6Bt small {
  margin-top: 3px;
  color: var(--bs-secondary-color);
}

.oC2uEhEN {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}

.izKYaU25 {
  min-height: 108px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border: 1px solid var(--bs-border-color);
  border-radius: 16px;
  color: inherit;
  background: var(--bs-body-bg);
  text-decoration: none;
  transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.izKYaU25:hover {
  border-color: color-mix(in srgb, var(--bs-primary) 55%, var(--bs-border-color));
  color: inherit;
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
}

.o17JmPpA {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: var(--bs-primary);
  background: color-mix(in srgb, var(--bs-primary) 12%, transparent);
  font-size: 1.2rem;
}

.zPkEGbet {
  min-width: 0;
}

.zPkEGbet strong,
.zPkEGbet small {
  display: block;
}

.zPkEGbet strong {
  margin-bottom: 5px;
  font-size: .96rem;
}

.zPkEGbet small {
  color: var(--bs-secondary-color);
  line-height: 1.45;
}

.gfIo9pf2 {
  color: var(--bs-secondary-color);
}

@media (max-width: 720px) {
  .ONNC8UKX { padding: 16px; gap: 22px; }
  .FZBolRM6 { padding: 20px; border-radius: 16px; }
  .oC2uEhEN { grid-template-columns: 1fr; }
}

.thPHZgZC {
  display: grid;
  gap: 18px;
  padding: 22px;
  color: var(--crm-text);
}

.cENjf4ns {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 22px;
  border: 1px solid var(--crm-border);
  border-radius: 18px;
  background: var(--crm-surface);
  box-shadow: var(--crm-shadow);
}

.cENjf4ns > div:first-child {
  max-width: 760px;
}

.cENjf4ns h1 {
  margin: 5px 0 7px;
  font-size: clamp(1.55rem, 2.2vw, 2rem);
  font-weight: 800;
}

.cENjf4ns p,
.f7NnnR5h p,
.qC5cZeDl p {
  margin: 0;
  color: var(--crm-muted);
}

._MULhJsy {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--crm-primary);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.FfL62OoO {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.FfL62OoO span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  border: 1px solid var(--crm-border);
  border-radius: 999px;
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  font-size: .72rem;
  font-weight: 650;
}

.Fcmqlv2y {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

.qC5cZeDl {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 18%, var(--crm-border));
  border-radius: 14px;
  background: color-mix(in srgb, var(--crm-primary) 5%, var(--crm-surface));
}

.qC5cZeDl > span {
  color: var(--crm-primary);
  font-size: 1.05rem;
}

.qC5cZeDl strong {
  display: block;
  margin-bottom: 3px;
}

.qC5cZeDl p {
  font-size: .8rem;
  line-height: 1.45;
}

.mliAz8Ii {
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 17px;
  background: var(--crm-surface);
  box-shadow: var(--crm-shadow);
}

.f7NnnR5h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--crm-border);
}

.f7NnnR5h h2 {
  margin: 0 0 3px;
  font-size: 1rem;
}

.f7NnnR5h p {
  font-size: .76rem;
}

.f7NnnR5h > span {
  color: var(--crm-muted);
  font-size: .74rem;
  font-weight: 700;
}

.BBYHX31r,
.tXJ9MSe5 {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 110px 110px 38px;
  align-items: center;
  gap: 12px;
}

.BBYHX31r {
  padding: 9px 16px;
  border-bottom: 1px solid var(--crm-border);
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.BoUPWqkd {
  display: grid;
}

.tXJ9MSe5 {
  width: 100%;
  padding: 11px 16px;
  border: 0;
  border-bottom: 1px solid var(--crm-border);
  color: var(--crm-text);
  background: var(--crm-surface);
  text-align: left;
  transition: background 120ms ease;
}

.tXJ9MSe5:last-child {
  border-bottom: 0;
}

.tXJ9MSe5:hover,
.tXJ9MSe5:focus-visible {
  background: color-mix(in srgb, var(--crm-primary) 5%, var(--crm-surface));
}

.Dz2Qr1kv {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.Dz2Qr1kv > div {
  display: grid;
  min-width: 0;
}

.Dz2Qr1kv strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Dz2Qr1kv small {
  color: var(--crm-muted);
  font-size: .68rem;
}

._65YRMc9 {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  border: 2px solid color-mix(in srgb, var(--crm-surface) 70%, transparent);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--crm-border);
}

.vc38yz6t {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--crm-primary);
}

.vc38yz6t strong {
  color: var(--crm-text);
}

.CuyaVtAe,
.bOrKyhEi {
  width: fit-content;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 750;
}

.CuyaVtAe {
  color: var(--bs-success);
  background: color-mix(in srgb, var(--bs-success) 10%, var(--crm-surface));
}

.bOrKyhEi {
  color: var(--crm-muted);
  background: var(--crm-surface-soft);
}

.QwDjNGyW {
  color: var(--crm-muted);
  text-align: center;
}

.E_0xmiNf {
  display: grid;
  justify-items: center;
  gap: 6px;
  padding: 34px 16px;
  color: var(--crm-muted);
  text-align: center;
}

.E_0xmiNf i {
  color: var(--crm-primary);
  font-size: 1.4rem;
}

.E_0xmiNf strong {
  color: var(--crm-text);
}

.E_0xmiNf span {
  font-size: .78rem;
}

.A4pyHqDK {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.gP8fydE9 {
  display: flex;
  align-items: center;
  gap: 9px;
}

.gP8fydE9 .form-control {
  width: 64px;
  min-height: 38px;
  padding: 3px;
}

.gP8fydE9 code {
  color: var(--crm-muted);
}

.J_MchQiR {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--crm-border);
  border-radius: 12px;
  background: var(--crm-surface-soft);
}

.J_MchQiR label {
  display: grid;
  gap: 2px;
  cursor: pointer;
}

.J_MchQiR label span {
  color: var(--crm-muted);
  font-size: .74rem;
}

@media (max-width: 767.98px) {
  .thPHZgZC {
    padding: 12px;
  }

  .cENjf4ns {
    flex-direction: column;
    padding: 16px;
  }

  .Fcmqlv2y {
    width: 100%;
    justify-content: center;
  }

  .BBYHX31r {
    display: none;
  }

  .tXJ9MSe5 {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "name edit"
      "weight status";
    gap: 8px 12px;
  }

  .Dz2Qr1kv { grid-area: name; }
  .vc38yz6t { grid-area: weight; }
  .CuyaVtAe,
  .bOrKyhEi { grid-area: status; justify-self: end; }
  .QwDjNGyW { grid-area: edit; }

  .A4pyHqDK {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tXJ9MSe5 {
    transition: none;
  }
}

.COr2n6x8 {
  width: min(1560px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 20px;
}

.QxhgDwsV {
  min-height: 210px;
  padding: clamp(26px, 4vw, 46px);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  overflow: hidden;
  position: relative;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 18%, var(--crm-border));
  border-radius: 24px;
  background:
    radial-gradient(circle at 82% 5%, color-mix(in srgb, var(--assumi-cyan) 22%, transparent), transparent 30%),
    radial-gradient(circle at 8% 115%, color-mix(in srgb, var(--assumi-teal) 16%, transparent), transparent 34%),
    linear-gradient(135deg, color-mix(in srgb, var(--crm-primary) 8%, var(--crm-surface)), var(--crm-surface));
  box-shadow: var(--crm-shadow);
}

.QxhgDwsV::after {
  content: "";
  width: 280px;
  height: 280px;
  position: absolute;
  right: -90px;
  top: -130px;
  border: 1px solid color-mix(in srgb, var(--crm-primary) 18%, transparent);
  border-radius: 50%;
  box-shadow: 0 0 0 48px color-mix(in srgb, var(--crm-primary) 3%, transparent), 0 0 0 96px color-mix(in srgb, var(--crm-primary) 2%, transparent);
  pointer-events: none;
}

.QxhgDwsV > * { position: relative; z-index: 1; }
.QxhgDwsV h1 { margin: 8px 0 8px; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 850; letter-spacing: -.045em; }
.QxhgDwsV p { max-width: 760px; margin: 0; color: var(--crm-muted); line-height: 1.65; }
.LK8LEjYL { display: inline-flex; align-items: center; gap: 8px; color: var(--crm-primary); font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.wHDyuHuq { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.wHDyuHuq span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--crm-border); border-radius: 999px; background: color-mix(in srgb, var(--crm-surface) 86%, transparent); color: var(--crm-muted); font-size: .73rem; font-weight: 650; }
.T7n2KjAw { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; padding-inline: 18px; white-space: nowrap; }

.ZLW2Nasc {
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid var(--crm-border);
  border-radius: 18px;
  background: var(--crm-surface);
}
.LXfvaRhn { min-width: 0; display: flex; align-items: center; gap: 13px; }
.LXfvaRhn img { width: 46px; height: 40px; object-fit: contain; flex: 0 0 auto; }
.LXfvaRhn div { min-width: 0; display: grid; gap: 1px; }
.LXfvaRhn small { color: var(--crm-muted); font-size: .64rem; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.LXfvaRhn strong { overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.LXfvaRhn span { color: var(--crm-muted); font-size: .78rem; }
.Ycr6pd7r { display: flex; align-items: center; }
.Ycr6pd7r span { width: 32px; height: 32px; margin-left: -6px; border: 3px solid var(--crm-surface); border-radius: 50%; box-shadow: 0 2px 7px rgba(15,23,42,.12); }

.o99pOzMb { display: grid; grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 16px; }
.o6KW_GZy { min-width: 0; overflow: hidden; display: grid; grid-template-rows: 170px 1fr; border: 1px solid var(--crm-border); border-radius: 20px; background: var(--crm-surface); box-shadow: 0 8px 26px rgba(15,23,42,.045); }
.mzsWRwli { border-color: color-mix(in srgb, var(--crm-primary) 55%, var(--crm-border)); box-shadow: 0 12px 34px color-mix(in srgb, var(--crm-primary) 10%, transparent); }
.hgqWzQ49 { display: grid; grid-template-columns: 47px 1fr; border-bottom: 1px solid currentColor; border-color: inherit; }
.LCOxxZBo { padding: 13px 8px; display: flex; flex-direction: column; align-items: center; gap: 15px; color: var(--preview-muted); background: var(--preview-navigation); }
.LCOxxZBo img { width: 30px; height: 27px; object-fit: contain; }
.LCOxxZBo > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; background: var(--preview-primary); color: white; font-size: .58rem; font-weight: 800; }
.LCOxxZBo i:first-of-type { margin-top: 7px; }
.EMT7wF33 { padding: 22px; display: flex; flex-direction: column; align-items: flex-start; background: var(--preview-surface); }
.EMT7wF33 > span { width: 36px; height: 5px; margin-bottom: 18px; border-radius: 99px; background: var(--preview-primary); }
.EMT7wF33 strong { font-size: 1rem; }
.EMT7wF33 small { margin-top: 3px; color: var(--preview-muted); font-size: .7rem; }
.EMT7wF33 div { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: auto; }
.EMT7wF33 div i { height: 32px; border-radius: 8px; background: color-mix(in srgb, var(--preview-primary) 8%, var(--preview-surface)); border: 1px solid color-mix(in srgb, var(--preview-muted) 20%, transparent); }
.ffcJ2sAI { padding: 17px; display: flex; flex-direction: column; gap: 13px; }
.qjBK6MDj { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.qjBK6MDj > div { min-width: 0; display: grid; }
.qjBK6MDj strong { overflow: hidden; font-size: .94rem; text-overflow: ellipsis; white-space: nowrap; }
.qjBK6MDj small { color: var(--crm-muted); font-size: .7rem; }
.SsFg_tw0 { display: inline-flex; align-items: center; gap: 4px; padding: 5px 8px; border-radius: 999px; color: color-mix(in srgb, var(--crm-primary) 85%, var(--crm-text)); background: color-mix(in srgb, var(--crm-primary) 10%, var(--crm-surface)); font-size: .65rem; font-weight: 800; white-space: nowrap; }
.ffcJ2sAI p { min-height: 38px; margin: 0; color: var(--crm-muted); font-size: .76rem; line-height: 1.45; }
.wVXXJJg5 { display: flex; flex-wrap: wrap; gap: 6px; }
.wVXXJJg5 span { display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; border-radius: 7px; color: var(--crm-muted); background: var(--crm-surface-soft); font-size: .62rem; }
.wVXXJJg5 .Mb1m75wm { color: color-mix(in srgb, var(--assumi-teal) 72%, var(--crm-text)); }
.BzvVxfAd { margin-top: auto; display: flex; align-items: center; gap: 7px; }
.LnbjYvJl { grid-column: 1 / -1; padding: 48px; display: flex; justify-content: center; gap: 10px; color: var(--crm-muted); }

.m1bh2t6w {
  min-height: 0;
  max-height: calc(100dvh - 190px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  display: grid;
  gap: 18px;
  background: var(--crm-bg);
}
.VH7Dt6no,
.g0c9Rwst,
.EoftVmur { overflow: hidden; border: 1px solid var(--crm-border); border-radius: 16px; background: var(--crm-surface); }
.VH7Dt6no > header,
.g0c9Rwst > header,
.gNejo99u { padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--crm-border); background: color-mix(in srgb, var(--crm-surface-soft) 70%, var(--crm-surface)); }
.VH7Dt6no > header,
.g0c9Rwst > header { align-items: flex-start; flex-direction: column; gap: 2px; }
.VH7Dt6no header span,
.g0c9Rwst header span,
.gNejo99u span { color: var(--crm-muted); font-size: .72rem; }
.xx8vNqjq { padding: 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
._63uuM6mL { grid-column: 1 / -1; }
.MZBJFFIV { padding: 16px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.TMCdhLw4 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.gNejo99u { min-height: 64px; }
.gNejo99u > div { display: grid; gap: 2px; }
._3FVQ3NW3 { width: 32px; height: 32px; flex: 0 0 auto; border: 2px solid var(--crm-surface); border-radius: 50%; box-shadow: 0 0 0 1px var(--crm-border); }
.OrBCgoOq { padding: 14px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.hPdibv5t label { margin-bottom: 4px; color: var(--crm-muted); font-size: .67rem; font-weight: 700; }
.cRzI45Hr { display: grid; grid-template-columns: 38px 1fr; gap: 7px; }
.cRzI45Hr input[type="color"] { width: 38px; min-height: 34px; padding: 3px; }
.cRzI45Hr input:not([type="color"]) { min-width: 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; text-transform: uppercase; }

.DWPKZBBV { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.XCY9Zczt { min-height: 290px; overflow: hidden; display: grid; grid-template-rows: auto 1fr auto; border: 1px solid; border-radius: 16px; }
._jBYx16p { padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: var(--preview-navigation); }
._jBYx16p > span { color: var(--preview-muted); font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.VhSCzTII { min-width: 0; display: flex; align-items: center; gap: 9px; }
.VhSCzTII img { width: 38px; height: 32px; object-fit: contain; }
.VhSCzTII > div { min-width: 0; display: grid; line-height: 1.15; }
.VhSCzTII strong { overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.VhSCzTII small { overflow: hidden; max-width: 220px; color: var(--preview-muted); font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.GxAskbeh { width: 34px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--preview-primary); font-size: .58rem; font-weight: 800; }
.Lcb8snD2 { padding: 24px; display: flex; flex-direction: column; align-items: flex-start; background: var(--preview-surface); }
.qADpakhi { margin-bottom: 9px; color: var(--preview-primary); font-size: .62rem; font-weight: 850; letter-spacing: .11em; }
.Lcb8snD2 h3 { max-width: 360px; margin: 0; font-size: 1.35rem; font-weight: 850; letter-spacing: -.035em; }
.Lcb8snD2 p { max-width: 450px; margin: 8px 0 18px; color: var(--preview-muted); font-size: .72rem; line-height: 1.5; }
.Lcb8snD2 button { margin-top: auto; padding: 7px 12px; border: 0; border-radius: 8px; color: white; background: var(--preview-primary); font-size: .67rem; font-weight: 750; pointer-events: none; }
.XYxBiUCa { padding: 9px 14px; color: var(--preview-muted); background: var(--preview-surface); border-top: 1px solid color-mix(in srgb, var(--preview-muted) 18%, transparent); }
.X1JmS5xa { padding: 14px 16px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--crm-border); border-radius: 14px; background: var(--crm-surface); }
.X1JmS5xa label { display: grid; gap: 1px; cursor: pointer; }
.X1JmS5xa label span { color: var(--crm-muted); font-size: .72rem; }

@media (max-width: 1199.98px) {
  .o99pOzMb { grid-template-columns: repeat(2, minmax(260px, 1fr)); }
  .TMCdhLw4 { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
  .COr2n6x8 { gap: 14px; }
  .QxhgDwsV { min-height: 0; padding: 24px; align-items: flex-start; flex-direction: column; }
  .wHDyuHuq { display: grid; }
  .T7n2KjAw { width: 100%; justify-content: center; }
  .ZLW2Nasc { align-items: flex-start; flex-direction: column; }
  .o99pOzMb { grid-template-columns: 1fr; }
  .xx8vNqjq,
  .MZBJFFIV,
  .OrBCgoOq,
  .DWPKZBBV { grid-template-columns: 1fr; }
  ._63uuM6mL { grid-column: auto; }
  .o6KW_GZy { grid-template-rows: 150px 1fr; }
  .m1bh2t6w { max-height: calc(100dvh - 150px); }
}
.LRtbR_6s{margin:0 24px 28px;padding:22px;border:1px solid var(--crm-border);border-radius:20px;background:var(--crm-surface);box-shadow:var(--crm-shadow)}.S4HnRGMd{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.S4HnRGMd h2{margin:0;font-size:1.15rem}.S4HnRGMd p{margin:4px 0 0;color:var(--crm-muted);font-size:.88rem}.KY8CgduU{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:18px}.w6Of1lvs,.Q4kr4L9t{border:1px solid var(--crm-border);border-radius:16px;background:var(--crm-surface-soft);padding:16px}.w6Of1lvs{display:grid;gap:13px}.EJKbd_PG{display:grid;grid-template-columns:1fr 120px;gap:10px}.nJHr8iS0{display:grid;grid-template-columns:1fr 1fr;gap:12px}.q6qSJSsN{max-height:180px;overflow:auto;padding:10px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface)}.q6qSJSsN strong{display:block;margin-bottom:8px;font-size:.8rem}.WqX_gLEG{color:var(--crm-muted);font-size:.75rem}.YvevS_Bs{display:flex;gap:8px;justify-content:flex-end}.IeHh_kYI{margin-bottom:18px}.IeHh_kYI:last-child{margin-bottom:0}.NfvvWRkk{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:var(--crm-text);font-size:.86rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.IFZy2v4w{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;margin-bottom:8px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface)}.IFZy2v4w:last-child{margin-bottom:0}.I2l5mOr4{min-width:0}.I2l5mOr4 strong{display:block;color:var(--crm-text)}.I2l5mOr4 a{display:block;max-width:100%;overflow:hidden;color:var(--crm-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.I2l5mOr4 p{margin:5px 0;color:var(--crm-muted);font-size:.78rem}.qHqngCOF{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.jchOh_o7{padding:3px 7px;border:1px solid color-mix(in srgb,var(--crm-border) 78%,transparent);border-radius:999px;color:var(--crm-muted);background:var(--crm-surface-soft);font-size:.68rem}.f6MKoHib{display:flex;gap:6px;flex:0 0 auto}.Qf6Epg62{padding:28px;text-align:center;color:var(--crm-muted)}@media(max-width:900px){.LRtbR_6s{margin:0 12px 20px}.KY8CgduU{grid-template-columns:1fr}.nJHr8iS0{grid-template-columns:1fr}}
.cAixkl78 {
    min-height: 100%;
    padding: 22px;
    background: radial-gradient(circle at 18% -8%, color-mix(in srgb, #16a34a 9%, transparent), transparent 30%), var(--crm-bg)
}

._lJU3NP2 {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 29px;
    border: 1px solid color-mix(in srgb, #22c55e 22%, var(--crm-border));
    border-radius: 24px;
    color: #fff;
    background: linear-gradient(135deg, #052e16 0%, #166534 52%, #0f766e 100%);
    box-shadow: 0 20px 56px rgba(15, 23, 42, .16)
}

._lJU3NP2:after {
    content: "";
    position: absolute;
    right: -100px;
    top: -130px;
    width: 310px;
    height: 310px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08)
}

.ZaDL3NrK {
    position: relative;
    z-index: 1;
    max-width: 820px
}

.y0S5MB_E {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: #bbf7d0;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase
}

._lJU3NP2 h1 {
    margin: 0;
    font-size: clamp(1.75rem, 2.6vw, 2.4rem);
    font-weight: 800;
    letter-spacing: -.04em
}

._lJU3NP2 p {
    max-width: 720px;
    margin: 8px 0 0;
    color: rgba(255, 255, 255, .76);
    font-size: .9rem
}

.Ftig05la {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px
}

.Ftig05la span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .88);
    font-size: .68rem;
    font-weight: 650
}

.UQQUJriW {
    position: relative;
    z-index: 1;
    width: 74px;
    height: 74px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 22px;
    background: rgba(255, 255, 255, .1);
    font-size: 2rem;
    box-shadow: 0 15px 38px rgba(15, 23, 42, .18)
}

.PatKtYfJ {
    margin: 14px 0 0;
    border-radius: 14px
}

.PAg2aXrN {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 14px 0
}

.so6TbMnl {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 16px;
    border: 1px solid var(--crm-border);
    border-radius: 16px;
    background: var(--crm-surface);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045)
}

.HI9a4Sll {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: #16a34a;
    background: color-mix(in srgb, #22c55e 10%, var(--crm-surface));
    font-size: 1.05rem
}

.so6TbMnl small {
    display: block;
    color: var(--crm-muted);
    font-size: .61rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .055em
}

.so6TbMnl strong {
    display: block;
    margin-top: 2px;
    color: var(--crm-text);
    font-size: .9rem
}

.uk_SzR6q {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 999px;
    background: var(--crm-surface-soft);
    color: var(--crm-muted);
    font-size: .65rem;
    font-weight: 750
}

.bdJNe8t6 {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #94a3b8
}

.hIdFbmp_ .bdJNe8t6 {
    background: #22c55e;
    box-shadow: 0 0 0 4px color-mix(in srgb, #22c55e 14%, transparent)
}

.o4VW6SXV .bdJNe8t6 {
    background: #ef4444
}

.mdRUMQOm .bdJNe8t6 {
    background: #f59e0b
}

.LD5p3a8G {
    display: flex;
    gap: 7px;
    padding: 6px;
    margin-top: 14px;
    margin-bottom: 14px;
    border: 1px solid var(--crm-border);
    border-radius: 16px;
    background: var(--crm-surface);
    box-shadow: 0 7px 22px rgba(15, 23, 42, .04)
}

.i2wddzBs {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 11px 13px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: var(--crm-muted);
    background: transparent;
    text-align: left
}

.i2wddzBs:hover {
    background: var(--crm-surface-soft);
    color: var(--crm-text)
}

.hpaaegkR {
    border-color: color-mix(in srgb, #22c55e 25%, var(--crm-border));
    color: #15803d;
    background: color-mix(in srgb, #22c55e 7%, var(--crm-surface));
    box-shadow: 0 5px 18px rgba(15, 23, 42, .04)
}

.rlQwgP_K {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: color-mix(in srgb, currentColor 9%, var(--crm-surface));
    font-size: 1rem
}

.A0BAOy75 {
    min-width: 0;
    flex: 1
}

.A0BAOy75 strong {
    display: block;
    font-size: .78rem
}

.A0BAOy75 small {
    display: block;
    margin-top: 2px;
    color: var(--crm-muted);
    font-size: .64rem
}

.ZQTrjiGD {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: .62rem;
    font-weight: 700
}

.CdunDj3C {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr);
    gap: 14px
}

.mleSyfj9 {
    overflow: hidden;
    border: 1px solid var(--crm-border);
    border-radius: 20px;
    background: var(--crm-surface);
    box-shadow: 0 12px 34px rgba(15, 23, 42, .06)
}

.U8GtUWxj {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 17px 18px;
    border-bottom: 1px solid var(--crm-border);
    background: linear-gradient(180deg, color-mix(in srgb, var(--crm-surface) 94%, #22c55e 6%), var(--crm-surface))
}

.ExmxpCQ2 {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: #15803d;
    background: color-mix(in srgb, #22c55e 10%, var(--crm-surface));
    font-size: 1.05rem
}

.U8GtUWxj small {
    display: block;
    color: #15803d;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase
}

.U8GtUWxj h2 {
    margin: 2px 0 0;
    color: var(--crm-text);
    font-size: 1rem;
    font-weight: 800
}

.dp2oIKGk {
    padding: 19px
}

.LX0nUYIa {
    display: grid;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none
}

.KGjfIXgf {
    display: grid;
    grid-template-columns: 31px minmax(0, 1fr);
    gap: 10px;
    align-items: start
}

.qr2JILOs {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: #15803d;
    background: color-mix(in srgb, #22c55e 10%, var(--crm-surface));
    font-size: .7rem;
    font-weight: 800
}

.KGjfIXgf div {
    padding-top: 5px;
    color: var(--crm-text);
    font-size: .78rem
}

.WtzKe6Ws {
    margin-top: 18px;
    padding: 13px;
    border: 1px solid color-mix(in srgb, #0ea5e9 20%, var(--crm-border));
    border-radius: 13px;
    color: var(--crm-muted);
    background: color-mix(in srgb, #0ea5e9 6%, var(--crm-surface));
    font-size: .73rem
}

.WtzKe6Ws strong {
    color: var(--crm-text)
}

.AA4_aX_O {
    padding: 18px
}

.eOhqF0ZG {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px
}

.eOhqF0ZG small {
    display: block;
    color: var(--crm-muted);
    font-size: .59rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .055em
}

.eOhqF0ZG strong {
    display: block;
    margin-top: 3px;
    color: var(--crm-text);
    font-size: .85rem
}

.dNxXkEns {
    min-height: 310px;
    display: grid;
    place-items: center;
    padding: 18px;
    border: 1px dashed color-mix(in srgb, #22c55e 30%, var(--crm-border));
    border-radius: 16px;
    background: color-mix(in srgb, var(--crm-bg) 62%, var(--crm-surface))
}

.dNxXkEns img {
    display: block;
    max-width: min(100%, 290px);
    border-radius: 10px;
    background: #fff
}

.GW_tnZ_N {
    display: grid;
    justify-items: center;
    gap: 7px;
    max-width: 270px;
    text-align: center;
    color: var(--crm-muted)
}

.GW_tnZ_N i {
    color: #16a34a;
    font-size: 2.7rem
}

.GW_tnZ_N strong {
    color: var(--crm-text);
    font-size: .9rem
}

.GW_tnZ_N span {
    font-size: .72rem
}

.rpjCd6_B {
    min-height: 38px;
    margin: 12px 0;
    color: var(--crm-muted);
    font-size: .72rem
}

.Yq0rJHZx {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.Yq0rJHZx .btn {
    flex: 1 1 auto;
    white-space: nowrap
}

.oyh7i6pX {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px
}

.hzwMPggd {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 13px;
    border: 1px solid var(--crm-border);
    border-radius: 14px;
    background: var(--crm-surface)
}

.hzwMPggd i {
    color: #16a34a
}

.hzwMPggd strong {
    display: block;
    color: var(--crm-text);
    font-size: .73rem
}

.hzwMPggd span {
    display: block;
    margin-top: 2px;
    color: var(--crm-muted);
    font-size: .65rem
}

@media(max-width:999.98px) {
    .CdunDj3C {
        grid-template-columns: 1fr
    }

    .dNxXkEns {
        min-height: 270px
    }

    .oyh7i6pX {
        grid-template-columns: 1fr
    }
}

@media(max-width:699.98px) {
    .cAixkl78 {
        padding: 12px
    }

    ._lJU3NP2 {
        padding: 22px;
        border-radius: 19px
    }

    .UQQUJriW {
        display: none
    }

    .PAg2aXrN {
        grid-template-columns: 1fr
    }

    .LD5p3a8G {
        flex-direction: column
    }

    .CdunDj3C {
        gap: 10px
    }

    .dNxXkEns {
        min-height: 240px
    }

    .Ftig05la {
        display: none
    }
}

@media(max-width:479.98px) {
    .cAixkl78 {
        padding: 8px
    }

    .mleSyfj9 {
        border-radius: 16px
    }

    .Yq0rJHZx {
        display: grid
    }

    .ZQTrjiGD {
        display: none
    }
}
.JMDa9huC {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 2147483000;
  width: min(324px, calc(100vw - 32px));
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  color: #e9edef;
  background: #202c33;
  box-shadow: 0 16px 48px rgba(0,0,0,.4);
  font-family: inherit;
}

.dbpInrlM {
  display: grid;
  justify-items: center;
  gap: 6px;
  padding: 16px 16px 11px;
  text-align: center;
  background:
    radial-gradient(circle at 50% -20%, rgba(0,168,132,.16), transparent 48%),
    #202c33;
}

.ooAAzr0W {
  color: #8696a0;
  font-size: .7rem;
  font-weight: 600;
}

.V4TBNiXn {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #008069, #00a884);
  box-shadow: 0 0 0 4px rgba(255,255,255,.04), 0 8px 20px rgba(0,0,0,.24);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: -.03em;
}

.ciyYq2fE .V4TBNiXn {
  animation: x84Iconr 1.7s ease-out infinite;
}

.Dcw5DFKP {
  min-width: 0;
  width: 100%;
}

.LSStpian {
  overflow: hidden;
  margin: 0;
  color: #f7f8fa;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.UtY3Osq7 {
  overflow: hidden;
  margin-top: 2px;
  color: #8696a0;
  font-size: .72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.IEFFB_Fs {
  color: #aebac1;
  font-size: .77rem;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.tqad0qMq {
  min-height: 17px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #8696a0;
  font-size: .66rem;
}

.ThNKTrco {
  color: #ff8a8a;
}

.wvJ6TC_S {
  margin: 0 14px 8px;
  padding: 7px 9px;
  border: 1px solid rgba(255,99,99,.2);
  border-radius: 8px;
  color: #ffb4b4;
  background: rgba(213,54,54,.15);
  font-size: .68rem;
  line-height: 1.35;
}

.Ld33kVUH {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 28px;
  padding: 11px 16px 16px;
}

.QtewJOg8 {
  display: grid;
  justify-items: center;
  gap: 6px;
  color: #aebac1;
  font-size: .62rem;
  font-weight: 500;
}

.EqmPIHD4 {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  color: #fff;
  font-size: 1.08rem;
  cursor: pointer;
  transition: transform 120ms ease, filter 120ms ease, opacity 120ms ease;
}

.EqmPIHD4:hover:not(:disabled) {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.EqmPIHD4:active:not(:disabled) {
  transform: scale(.96);
}

.EqmPIHD4:disabled {
  cursor: default;
  opacity: .52;
}

.Fodbx8ea {
  background: #00a884;
}

.KDDw5uaS {
  background: #ea0038;
}

.ygvYuHmI {
  color: #e9edef;
  background: #3b4a54;
}

.lY2Y72xC {
  color: #111b21;
  background: #e9edef;
}

.voxqWkBp {
  display: flex;
  align-items: stretch;
  border-top: 1px solid rgba(255,255,255,.07);
  background: #182229;
}

.BFFpm97y {
  flex: 1 1 50%;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 7px;
  border: 0;
  color: #aebac1;
  background: transparent;
  font-size: .67rem;
  font-weight: 600;
  cursor: pointer;
}

.BFFpm97y + .BFFpm97y {
  border-left: 1px solid rgba(255,255,255,.07);
}

.BFFpm97y:hover:not(:disabled) {
  color: #e9edef;
  background: rgba(255,255,255,.045);
}

.BFFpm97y:disabled {
  opacity: .5;
  cursor: default;
}

.iGCNra0Q {
  padding: 10px;
  border-top: 1px solid rgba(255,255,255,.07);
  background: #111b21;
}

.p0I_SVRD {
  margin-bottom: 7px;
  color: #d9dee1;
  font-size: .69rem;
  font-weight: 650;
}

.sL7qdBrD {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  outline: none;
  color: #e9edef;
  background: #202c33;
  font: inherit;
  font-size: .72rem;
}

.sL7qdBrD:focus {
  border-color: rgba(0,168,132,.5);
}

.sL7qdBrD::placeholder {
  color: #667781;
}

.QZBeMesr {
  max-height: 138px;
  margin-top: 7px;
  overflow-y: auto;
}

.ChlCxGud {
  padding: 8px 5px;
  color: #8696a0;
  font-size: .67rem;
}

.xgeJQ3J2 {
  width: 100%;
  display: grid;
  gap: 2px;
  padding: 8px 5px;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
  color: #e9edef;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.xgeJQ3J2:hover:not(:disabled) {
  background: rgba(255,255,255,.035);
}

.xgeJQ3J2 strong {
  overflow: hidden;
  font-size: .71rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xgeJQ3J2 small {
  color: #8696a0;
  font-size: .62rem;
}

@keyframes x84Iconr {
  0% { box-shadow: 0 0 0 0 rgba(0,168,132,.35), 0 8px 20px rgba(0,0,0,.24); }
  70% { box-shadow: 0 0 0 11px rgba(0,168,132,0), 0 8px 20px rgba(0,0,0,.24); }
  100% { box-shadow: 0 0 0 0 rgba(0,168,132,0), 0 8px 20px rgba(0,0,0,.24); }
}

@media (max-width: 520px) {
  .JMDa9huC {
    right: 16px;
    bottom: 16px;
    width: calc(100vw - 32px);
  }
}

.namwsYgl {
  min-width: 0;
  flex: 1;
  height: 100vh;
  overflow: auto;
}

.diyJy6Fq {
  min-height: 100%;
  padding: 24px;
}

.namwsYgl.dPTvbjV3 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.diyJy6Fq.FY67IGrn {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}

@media (max-width: 767.98px) {
  .namwsYgl {
    height: 100vh;
  }

  .diyJy6Fq {
    min-height: calc(100% - 52px);
    padding: 18px 14px;
  }

  .diyJy6Fq.FY67IGrn {
    min-height: 0;
    padding: 0;
  }
}


/*# sourceMappingURL=main.a85fce4e.css.map*/