@import url(https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap);:root{--brand-navy:#083567;--brand-blue:#1c5ba0;--brand-sky:#26a9e0;--bg-page:#f5f8fa;--bg-surface:#fff;--bg-sidebar:#083567;--bg-sidebar-hover:#ffffff14;--bg-sidebar-active:#26a9e02e;--bg-hover:#f0f4f8;--bg-active:#e8f4fd;--bg-input:#f5f8fa;--text-primary:#1a2b4a;--text-secondary:#516f90;--text-muted:#7c98b6;--text-inverse:#fff;--text-link:#1c5ba0;--border-color:#dfe3eb;--border-input:#c9d4e0;--border-focus:#26a9e0;--danger:#e53935;--orange:#f57c00;--success:#2e7d32;--bubble-out:#1c5ba0;--bubble-out-text:#fff;--bubble-in:#fff;--bubble-in-text:#1a2b4a;--shadow-xs:0 1px 3px #08356712;--shadow-sm:0 2px 8px #08356717;--shadow-md:0 4px 16px #0835671c;--shadow-lg:0 8px 32px #08356724;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;background:#f5f8fa;background:var(--bg-page);color:#1a2b4a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}#root,body{height:100dvh}.login-screen{align-items:center;background:linear-gradient(135deg,#083567,#1c5ba0 50%,#26a9e0);display:flex;justify-content:center;min-height:100dvh;overflow:auto;padding:20px}.login-card{background:#fff;background:var(--bg-surface);border-radius:16px;border-radius:var(--r-xl);box-shadow:0 8px 32px #08356724;box-shadow:var(--shadow-lg);max-width:440px;padding:40px 36px 36px;width:100%}.login-header{margin-bottom:28px;text-align:center}.login-logo{align-items:center;display:flex;height:52px;justify-content:center;margin:0 auto 12px}.login-logo img{max-height:48px;max-width:200px;object-fit:contain}.login-subtitle{color:#516f90;color:var(--text-secondary);font-size:13px;font-weight:500}.login-hint{color:#7c98b6;color:var(--text-muted);font-size:12px;margin-top:18px;text-align:center}.login-tabs{border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--r-md);display:flex;margin-bottom:14px;overflow:hidden}.login-tab{align-items:center;background:#0000;border:none;color:#516f90;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 14px;transition:all .18s}.login-tab.active{background:#1c5ba0;background:var(--brand-blue);color:#fff}.login-tab:not(.active):hover{background:#f0f4f8;background:var(--bg-hover)}.login-type-banner{border-radius:6px;border-radius:var(--r-sm);font-size:12px;line-height:1.4;margin-bottom:20px;padding:8px 12px;text-align:center}.login-type-banner.admin{background:#08356712;border:1px solid #0835671f;color:#083567;color:var(--brand-navy)}.login-type-banner.agent{background:#26a9e014;border:1px solid #26a9e026;color:#1c5ba0;color:var(--brand-blue)}.input-group{margin-bottom:16px}.input-group label{color:#1a2b4a;color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:5px}.input-group input,.input-group select,.input-group textarea{background:#fff;background:var(--bg-surface);border:1px solid #c9d4e0;border:1px solid var(--border-input);border-radius:6px;border-radius:var(--r-sm);color:#1a2b4a;color:var(--text-primary);font-family:inherit;font-size:14px;padding:9px 12px;transition:border-color .18s,box-shadow .18s;width:100%}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#26a9e0;border-color:var(--brand-sky);box-shadow:0 0 0 3px #26a9e026;outline:none}.input-group input::placeholder,.input-group input:disabled{color:#7c98b6;color:var(--text-muted)}.input-group input:disabled{background:#f0f4f8;background:var(--bg-hover);cursor:not-allowed}.input-group.sm{margin-bottom:10px}.input-group.sm label{font-size:12px}.input-group.sm input{font-size:13px;padding:7px 10px}textarea{background:#fff;background:var(--bg-surface);border:1px solid #c9d4e0;border:1px solid var(--border-input);border-radius:6px;border-radius:var(--r-sm);color:#1a2b4a;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;padding:9px 12px;resize:vertical;transition:border-color .18s,box-shadow .18s;width:100%}textarea:focus{border-color:#26a9e0;border-color:var(--brand-sky);box-shadow:0 0 0 3px #26a9e026;outline:none}.error-msg{background:#e5393512;border:1px solid #e5393533;border-radius:6px;border-radius:var(--r-sm);color:#e53935;color:var(--danger);font-size:13px;margin-bottom:14px;padding:10px 14px}.btn-primary{align-items:center;background:#1c5ba0;background:var(--brand-blue);border:none;border-radius:6px;border-radius:var(--r-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:background .18s,box-shadow .18s}.btn-primary:hover{background:#083567;background:var(--brand-navy);box-shadow:0 2px 8px #08356717;box-shadow:var(--shadow-sm)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.btn-full{justify-content:center;width:100%}.btn-sm{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--r-sm);color:#1a2b4a;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:5px;padding:6px 12px;transition:all .18s}.btn-sm:hover{background:#f0f4f8;background:var(--bg-hover);border-color:#c9d4e0;border-color:var(--border-input)}.btn-icon{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--r-sm);color:#516f90;color:var(--text-secondary);cursor:pointer;display:flex;padding:6px;transition:all .18s}.btn-icon:hover{background:#f0f4f8;background:var(--bg-hover);color:#1a2b4a;color:var(--text-primary)}.btn-icon.active{background:#e8f4fd;background:var(--bg-active);color:#1c5ba0;color:var(--brand-blue)}.btn-new-chat{background:#1c5ba0;background:var(--brand-blue);border:none;border-radius:6px;border-radius:var(--r-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;margin:10px 12px;padding:9px 14px;text-align:center;transition:background .18s}.btn-new-chat:hover{background:#083567;background:var(--brand-navy)}.btn-delete-tpl{background:#0000;border:1px solid #0000;border-radius:6px;border-radius:var(--r-sm);color:#7c98b6;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:12px;padding:4px 10px;transition:all .15s}.btn-delete-tpl:hover{background:#e5393514;border-color:#e5393540;color:#e53935;color:var(--danger)}.btn-delete-tpl:disabled{cursor:not-allowed;opacity:.4}.app-root{background:#f5f8fa;background:var(--bg-page);display:flex;height:100dvh;overflow:hidden}.sidebar-nav{background:#083567;background:var(--bg-sidebar);flex-direction:column;flex-shrink:0;gap:4px;padding:14px 0 10px;width:64px;z-index:100}.nav-logo,.sidebar-nav{align-items:center;display:flex}.nav-logo{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding-bottom:14px;width:100%}.nav-btn,.nav-logo{justify-content:center}.nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--r-md);color:#fff9;cursor:pointer;display:flex;height:44px;position:relative;transition:all .18s;width:44px}.nav-btn:hover{background:#ffffff14;background:var(--bg-sidebar-hover);color:#fff}.nav-btn.active{background:#26a9e02e;background:var(--bg-sidebar-active);color:#26a9e0;color:var(--brand-sky)}.nav-btn.logout{color:#fff6}.nav-btn.logout:hover{background:#ff6b6b1f;color:#ff6b6b}.nav-spacer{flex:1 1}.contact-list{border-right:1px solid #dfe3eb;border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:320px}.contact-list,.contact-search{background:#fff;background:var(--bg-surface);display:flex}.contact-search{align-items:center;border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);color:#7c98b6;color:var(--text-muted);gap:8px;padding:12px 12px 8px}.contact-search input{background:#f5f8fa;background:var(--bg-input);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--r-sm);color:#1a2b4a;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:13px;padding:8px 11px}.contact-search input:focus{border-color:#26a9e0;border-color:var(--border-focus);outline:none}.new-chat-form{display:flex;gap:6px;padding:0 12px 10px}.new-chat-form input{background:#f5f8fa;background:var(--bg-input);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--r-sm);color:#1a2b4a;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:13px;padding:7px 10px}.new-chat-form input:focus{border-color:#26a9e0;border-color:var(--border-focus);outline:none}.contact-items{flex:1 1;overflow-y:auto}.contact-items::-webkit-scrollbar{width:4px}.contact-items::-webkit-scrollbar-thumb{background:#dfe3eb;background:var(--border-color);border-radius:10px}.contact-item{align-items:center;border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:11px;padding:12px 14px;transition:background .15s}.contact-item:hover{background:#f0f4f8;background:var(--bg-hover)}.contact-item.active{background:#e8f4fd;background:var(--bg-active);border-left:3px solid #26a9e0;border-left:3px solid var(--brand-sky);padding-left:11px}.contact-avatar{align-items:center;background:linear-gradient(135deg,#1c5ba0,#26a9e0);background:linear-gradient(135deg,var(--brand-blue),var(--brand-sky));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:42px;justify-content:center;width:42px}.contact-avatar.sm{font-size:14px;height:36px;width:36px}.contact-info{flex:1 1;min-width:0}.contact-name{color:#1a2b4a;color:var(--text-primary);font-size:14px;font-weight:600}.contact-last,.contact-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-last{color:#7c98b6;color:var(--text-muted);font-size:12px;margin-top:2px}.unread-badge{align-items:center;background:#26a9e0;background:var(--brand-sky);border-radius:10px;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px}.empty-contacts{color:#7c98b6;color:var(--text-muted);font-size:13px;padding:40px 20px;text-align:center}.chat-window{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden;position:relative}.chat-empty,.chat-window{background:#f5f8fa;background:var(--bg-page)}.chat-empty{align-items:center;justify-content:center}.empty-state{color:#7c98b6;color:var(--text-muted);padding:20px;text-align:center}.empty-state svg{height:64px;margin-bottom:16px;opacity:.2;width:64px}.empty-state h2{color:#516f90;color:var(--text-secondary);font-size:22px;font-weight:600;margin-bottom:8px}.empty-state p{font-size:14px}.chat-header{background:#fff;background:var(--bg-surface);border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #08356712;box-shadow:var(--shadow-xs);flex-shrink:0;justify-content:space-between;padding:12px 18px}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:10px}.chat-header-info h3{color:#1a2b4a;color:var(--text-primary);font-size:15px;font-weight:600}.phone-number{color:#7c98b6;color:var(--text-muted);font-size:12px}.mobile-back-btn{color:#1c5ba0;color:var(--brand-blue);display:none;margin-right:4px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0;overflow-y:auto;padding:16px 20px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#dfe3eb;background:var(--border-color);border-radius:10px}.message{display:flex}.message.outgoing{justify-content:flex-end}.message.incoming{justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:12px;border-radius:var(--r-lg);font-size:14px;line-height:1.5;max-width:68%;padding:9px 13px}.message.outgoing .message-bubble{background:#1c5ba0;background:var(--bubble-out);border-bottom-right-radius:4px;box-shadow:0 1px 3px #08356712;box-shadow:var(--shadow-xs);color:#fff;color:var(--bubble-out-text)}.message.incoming .message-bubble{background:#fff;background:var(--bubble-in);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-bottom-left-radius:4px;box-shadow:0 1px 3px #08356712;box-shadow:var(--shadow-xs);color:#1a2b4a;color:var(--bubble-in-text)}.message-time{align-items:center;display:flex;font-size:11px;gap:5px;justify-content:flex-end;margin-top:4px}.message.outgoing .message-time{color:#ffffffb3}.message.incoming .message-time{color:#7c98b6;color:var(--text-muted)}.hs-badge{color:#f57c00;color:var(--orange);font-size:10px;font-weight:700}.msg-tick{align-items:center;display:inline-flex;margin-left:2px}.chat-input{align-items:center;background:#fff;background:var(--bg-surface);border-top:1px solid #dfe3eb;border-top:1px solid var(--border-color);display:flex;gap:8px;padding:12px 16px}.chat-input input{background:#f5f8fa;background:var(--bg-input);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:24px;color:#1a2b4a;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;padding:10px 16px;transition:border-color .18s}.chat-input input:focus{border-color:#26a9e0;border-color:var(--brand-sky);outline:none}.chat-input input:disabled{cursor:not-allowed;opacity:.6}.btn-send{align-items:center;background:#1c5ba0;background:var(--brand-blue);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:all .18s;width:42px}.btn-send:hover{background:#083567;background:var(--brand-navy);transform:scale(1.05)}.btn-send:disabled{cursor:not-allowed;opacity:.4;transform:none}.btn-template-toggle{align-items:center;background:#f5f8fa;background:var(--bg-input);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:24px;color:#516f90;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:500;gap:5px;height:42px;padding:0 14px;transition:all .18s;white-space:nowrap}.btn-template-toggle.active,.btn-template-toggle:hover{border-color:#26a9e0;border-color:var(--brand-sky);color:#1c5ba0;color:var(--brand-blue)}.btn-template-toggle.active{background:#e8f4fd;background:var(--bg-active)}.template-panel{background:#fff;background:var(--bg-surface);border-top:1px solid #dfe3eb;border-top:1px solid var(--border-color);box-shadow:0 -4px 16px #0000000f;max-height:48vh;overflow-y:auto;padding:14px 16px}.template-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.template-panel-header h3{font-size:15px;font-weight:600}.template-search{margin-bottom:10px}.template-search input{background:#f5f8fa;background:var(--bg-input);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--r-sm);color:#1a2b4a;color:var(--text-primary);font-family:inherit;font-size:13px;padding:8px 11px;width:100%}.template-search input:focus{border-color:#26a9e0;border-color:var(--border-focus);outline:none}.template-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.template-item{background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--r-sm);cursor:pointer;padding:11px 13px;transition:all .18s}.template-item:hover{background:#f0f4f8;background:var(--bg-hover)}.template-item.selected,.template-item:hover{border-color:#26a9e0;border-color:var(--brand-sky)}.template-item.selected{background:#e8f4fd;background:var(--bg-active)}.template-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3px}.template-name{font-size:13px;font-weight:600}.template-lang{color:#7c98b6;color:var(--text-muted);font-size:11px}.template-body{color:#516f90;color:var(--text-secondary);font-size:12px;line-height:1.4;margin-top:5px}.template-loading{color:#7c98b6;color:var(--text-muted);font-size:13px;padding:20px;text-align:center}.template-params{border-top:1px solid #dfe3eb;border-top:1px solid var(--border-color);margin-top:14px;padding-top:14px}.template-params h4{font-size:13px;font-weight:600;margin-bottom:10px}.template-status{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.template-status.APPROVED,.tpl-status-badge.APPROVED{background:#26a9e01f;color:#1c5ba0;color:var(--brand-blue)}.template-status.PENDING,.tpl-status-badge.IN_APPEAL,.tpl-status-badge.PENDING{background:#f57c001f;color:#f57c00;color:var(--orange)}.template-status.REJECTED,.tpl-status-badge.DISABLED,.tpl-status-badge.REJECTED{background:#e539351f;color:#e53935;color:var(--danger)}.tpl-status-badge.PAUSED{background:#516f901f;color:#516f90;color:var(--text-secondary)}.tpl-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;white-space:nowrap}.templates-full{background:#f5f8fa;background:var(--bg-page);flex:1 1;min-width:0}.templates-full,.templates-view{display:flex;flex-direction:column;overflow:hidden}.templates-view{height:100%}.templates-view-header{align-items:center;background:#fff;background:var(--bg-surface);border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px}.templates-view-header h2{font-size:18px;font-weight:700}.tpl-table-wrap{flex:1 1;overflow-y:auto;padding:0 24px 24px}.tpl-table-wrap::-webkit-scrollbar{width:4px}.tpl-table-wrap::-webkit-scrollbar-thumb{background:#dfe3eb;background:var(--border-color);border-radius:10px}.tpl-table{border-collapse:collapse;font-size:14px;width:100%}.tpl-table thead tr{border-bottom:2px solid #dfe3eb;border-bottom:2px solid var(--border-color)}.tpl-table th{background:#f5f8fa;background:var(--bg-page);color:#7c98b6;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.tpl-row{border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);transition:background .15s}.tpl-row:hover{background:#f0f4f8;background:var(--bg-hover)}.tpl-table td{padding:13px 14px;vertical-align:middle}.tpl-name{color:#1a2b4a;color:var(--text-primary);display:block;font-size:14px;font-weight:600}.tpl-preview-snippet{color:#7c98b6;color:var(--text-muted);display:block;font-size:12px;margin-top:2px}.tpl-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.tpl-modal{background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--r-xl);box-shadow:0 8px 32px #08356724;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90dvh;max-width:100%;overflow:hidden;width:500px}.tpl-modal-header{align-items:flex-start;background:#f5f8fa;background:var(--bg-page);border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:18px 22px 14px}.tpl-modal-header h3{font-size:16px;font-weight:700}.tpl-modal-meta{color:#7c98b6;color:var(--text-muted);display:block;font-size:12px;margin-top:2px}.tpl-modal-body{display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding:18px 22px}.tpl-preview-label{color:#7c98b6;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.tpl-phone{background:#f5f8fa;background:var(--bg-page);border:1px solid #dfe3eb;border:1px solid var(--border-color);padding:13px 11px}.tpl-bubble,.tpl-phone{border-radius:8px;border-radius:var(--r-md)}.tpl-bubble{background:#fff;border:1px solid #dfe3eb;border:1px solid var(--border-color);border-bottom-left-radius:4px;box-shadow:0 1px 3px #08356712;box-shadow:var(--shadow-xs);margin-bottom:4px;padding:10px 12px}.tpl-header-text{font-size:14px;font-weight:700;margin-bottom:5px}.tpl-body-text,.tpl-header-text{color:#1a2b4a;color:var(--text-primary)}.tpl-body-text{font-size:13px;line-height:1.55;white-space:pre-wrap}.tpl-footer-text{color:#7c98b6;color:var(--text-muted);font-size:11px;margin-top:5px}.tpl-media-placeholder{background:#f0f4f8;background:var(--bg-hover);border-radius:6px;border-radius:var(--r-sm);color:#7c98b6;color:var(--text-muted);font-size:12px;letter-spacing:.06em;margin-bottom:7px;padding:14px;text-align:center;text-transform:uppercase}.tpl-raw-body{background:#f5f8fa;background:var(--bg-page);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--r-md);color:#516f90;color:var(--text-secondary);font-size:13px;line-height:1.6;padding:13px 15px;white-space:pre-wrap}.tpl-preview-btn{background:#e8f4fd;background:var(--bg-active);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--r-sm);color:#1c5ba0;color:var(--brand-blue);font-size:13px;font-weight:500;margin-top:4px;padding:7px;text-align:center}.profile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;inset:0;position:fixed;z-index:200}.profile-panel{animation:slideInLeft .2s ease;background:#fff;background:var(--bg-surface);border-right:1px solid #dfe3eb;border-right:1px solid var(--border-color);bottom:0;box-shadow:0 4px 16px #0835671c;box-shadow:var(--shadow-md);display:flex;flex-direction:column;left:64px;position:fixed;top:0;width:340px;z-index:201}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.profile-header{align-items:center;background:#f5f8fa;background:var(--bg-page);border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 18px 14px}.profile-header h2{font-size:17px;font-weight:700}.profile-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:18px}.profile-avatar-wrap{align-items:center;background:#f5f8fa;background:var(--bg-page);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--r-lg);display:flex;gap:14px;padding:14px}.profile-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:60px;justify-content:center;width:60px}.profile-display-name{color:#1a2b4a;color:var(--text-primary);font-size:15px;font-weight:600}.profile-role-badge{background:#1c5ba01a;border-radius:10px;color:#1c5ba0;color:var(--brand-blue);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;margin-top:4px;padding:2px 8px;text-transform:uppercase}.profile-section{background:#f5f8fa;background:var(--bg-page);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--r-md);display:flex;flex-direction:column;gap:10px;padding:14px}.profile-section-title{align-items:center;color:#7c98b6;color:var(--text-muted);display:flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.06em;margin-bottom:2px;text-transform:uppercase}.profile-section-toggle{align-items:center;background:none;border:none;color:#1a2b4a;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;padding:0;text-align:left;width:100%}.profile-chevron{color:#7c98b6;color:var(--text-muted);font-size:11px;margin-left:auto}.profile-pwd-form{display:flex;flex-direction:column;gap:8px;margin-top:6px}.profile-msg{border-radius:6px;border-radius:var(--r-sm);font-size:13px;padding:7px 11px}.profile-msg.ok{background:#26a9e01a;color:#1c5ba0;color:var(--brand-blue)}.profile-msg.err{background:#e539351a;color:#e53935;color:var(--danger)}.wap-alert{border-radius:6px;border-radius:var(--r-sm);flex-shrink:0;font-size:13px;font-weight:500;margin:12px 24px 0;padding:10px 14px}.wap-alert.ok{background:#26a9e01a;border:1px solid #26a9e040;color:#1c5ba0;color:var(--brand-blue)}.wap-alert.err{background:#e539351a;border:1px solid #e5393540;color:#e53935;color:var(--danger)}.wap-root{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.wap-header{align-items:center;background:#fff;background:var(--bg-surface);border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.wap-header h2{font-size:18px;font-weight:700}.wap-subtitle{color:#7c98b6;color:var(--text-muted);font-size:13px;margin-top:2px}.wap-body{overflow:hidden}.wap-body,.wap-form{display:flex;flex:1 1}.wap-form{flex-direction:column;gap:14px;overflow-y:auto;padding:20px 24px}.wap-form::-webkit-scrollbar{width:4px}.wap-form::-webkit-scrollbar-thumb{background:#dfe3eb;background:var(--border-color);border-radius:10px}.wap-section{background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--r-md);box-shadow:0 1px 3px #08356712;box-shadow:var(--shadow-xs);padding:16px 18px}.wap-section-title{color:#7c98b6;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:14px;text-transform:uppercase}.wap-avatar-row{gap:14px}.wap-avatar,.wap-avatar-row{align-items:center;display:flex}.wap-avatar{background:#f0f4f8;background:var(--bg-hover);border:2px solid #dfe3eb;border:2px solid var(--border-color);border-radius:50%;color:#1c5ba0;color:var(--brand-blue);flex-shrink:0;height:68px;justify-content:center;overflow:hidden;width:68px}.wap-avatar-hint{color:#7c98b6;color:var(--text-muted);font-size:12px;line-height:1.5}.wap-preview{background:#f5f8fa;background:var(--bg-page);border-left:1px solid #dfe3eb;border-left:1px solid var(--border-color);flex-shrink:0;overflow-y:auto;padding:18px;width:290px}.wap-preview-title{color:#7c98b6;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:14px;text-transform:uppercase}.wap-card{background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--r-lg);box-shadow:0 2px 8px #08356717;box-shadow:var(--shadow-sm);flex-direction:column;gap:5px;padding:18px 14px}.wap-card,.wap-card-avatar{align-items:center;display:flex}.wap-card-avatar{background:#f0f4f8;background:var(--bg-hover);border:2px solid #dfe3eb;border:2px solid var(--border-color);border-radius:50%;color:#1c5ba0;color:var(--brand-blue);height:76px;justify-content:center;margin-bottom:5px;overflow:hidden;width:76px}.wap-card-name{color:#1a2b4a;color:var(--text-primary);font-size:16px;font-weight:700}.wap-card-category{color:#1c5ba0;color:var(--brand-blue);font-size:12px;font-weight:500}.wap-card-about{color:#516f90;color:var(--text-secondary);font-size:13px;line-height:1.5;padding:0 6px;text-align:center}.wap-card-divider{background:#dfe3eb;background:var(--border-color);height:1px;margin:6px 0;width:100%}.wap-card-row{align-items:flex-start;color:#516f90;color:var(--text-secondary);display:flex;font-size:12px;gap:9px;line-height:1.5;width:100%;word-break:break-word}.pn-root{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.pn-header{align-items:center;background:#fff;background:var(--bg-surface);border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.pn-header h2{font-size:18px;font-weight:700}.pn-add-btn{align-items:center;display:flex;font-size:14px;gap:7px;padding:9px 18px}.pn-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:13px;width:13px}@keyframes spin{to{transform:rotate(1turn)}}.pn-body{flex:1 1;overflow-y:auto;padding:20px 24px}.pn-body::-webkit-scrollbar{width:4px}.pn-body::-webkit-scrollbar-thumb{background:#dfe3eb;background:var(--border-color);border-radius:10px}.pn-table-wrap{border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--r-md);box-shadow:0 1px 3px #08356712;box-shadow:var(--shadow-xs);overflow-x:auto}.pn-row-icon{align-items:center;background:#26a9e01f;border-radius:50%;color:#1c5ba0;color:var(--brand-blue);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.pn-id-code{background:#f5f8fa;background:var(--bg-page);border-radius:4px;color:#516f90;color:var(--text-secondary);font-family:monospace;font-size:12px;padding:2px 7px}.pn-quality-cell{align-items:center;display:flex;font-size:13px;font-weight:600;gap:5px}.pn-howto{background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--r-md);box-shadow:0 1px 3px #08356712;box-shadow:var(--shadow-xs);margin-top:24px;max-width:580px;padding:18px 20px}.pn-howto h4{font-size:14px;font-weight:600;margin-bottom:10px}.pn-howto ol{color:#516f90;color:var(--text-secondary);display:flex;flex-direction:column;font-size:13px;gap:7px;line-height:1.6;padding-left:16px}.pn-howto-note{border-top:1px solid #dfe3eb;border-top:1px solid var(--border-color);color:#7c98b6;color:var(--text-muted);font-size:12px;line-height:1.6;margin-top:12px;padding-top:11px}.pn-howto-note code{background:#f5f8fa;background:var(--bg-page);border-radius:4px;color:#1c5ba0;color:var(--brand-blue);font-family:monospace;font-size:11px;padding:1px 5px}.ct-root{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.ct-header{align-items:center;background:#fff;background:var(--bg-surface);border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:10px;padding:14px 18px}.ct-header h2{font-size:16px;font-weight:700}.ct-body{overflow:hidden}.ct-body,.ct-form{display:flex;flex:1 1}.ct-form{flex-direction:column;gap:3px;overflow-y:auto;padding:18px}.ct-form::-webkit-scrollbar{width:4px}.ct-form::-webkit-scrollbar-thumb{background:#dfe3eb;background:var(--border-color);border-radius:10px}.ct-section{background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--r-md);box-shadow:0 1px 3px #08356712;box-shadow:var(--shadow-xs);margin-bottom:10px;padding:15px}.ct-section-title{color:#516f90;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.ct-req{color:#e53935;color:var(--danger);font-weight:700;margin-left:2px}.ct-opt{font-weight:400;letter-spacing:0;margin-left:5px;text-transform:none}.ct-hint-text,.ct-opt{color:#7c98b6;color:var(--text-muted);font-size:11px}.ct-hint-text{display:block;margin-top:3px}.ct-char{color:#7c98b6;color:var(--text-muted);font-size:11px}.ct-row{display:flex;gap:10px}.ct-row .input-group{flex:1 1}.ct-body-bar{align-items:center;display:flex;justify-content:space-between;margin-top:5px}.ct-btn-row{background:#f5f8fa;background:var(--bg-page);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--r-sm);margin-bottom:7px;padding:11px}.ct-btn-row-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:7px}.ct-btn-type{color:#1c5ba0;color:var(--brand-blue);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ct-btn-add-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:3px}.ct-preview{align-items:center;background:#f5f8fa;background:var(--bg-page);border-left:1px solid #dfe3eb;border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;gap:14px;overflow-y:auto;padding:18px 14px;width:270px}.ct-preview h3{align-self:flex-start;color:#7c98b6;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ct-phone{background:#f0f4f8;background:var(--bg-hover);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--r-lg);padding:14px 11px;width:100%}.ct-bubble{background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--r-md);border-bottom-left-radius:4px;box-shadow:0 1px 3px #08356712;box-shadow:var(--shadow-xs);margin-bottom:4px;padding:10px 11px}.ct-preview-header{font-size:14px;font-weight:700;margin-bottom:5px}.ct-preview-body,.ct-preview-header{color:#1a2b4a;color:var(--text-primary)}.ct-preview-body{font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.ct-preview-footer{font-size:11px;margin-top:5px}.ct-preview-footer,.ct-preview-time{color:#7c98b6;color:var(--text-muted)}.ct-preview-time{display:block;font-size:10px;margin-top:3px;text-align:right}.ct-preview-btn{background:#e8f4fd;background:var(--bg-active);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--r-sm);color:#1c5ba0;color:var(--brand-blue);font-size:13px;font-weight:500;margin-top:4px;padding:7px;text-align:center}.ct-category-badge{background:#f0f4f8;background:var(--bg-hover);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:20px;color:#7c98b6;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;padding:2px 9px;text-transform:uppercase}.ct-submitted{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px 20px}.ct-submitted-card{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--r-xl);box-shadow:0 4px 16px #0835671c;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:10px;max-width:400px;padding:36px;text-align:center;width:100%}.ct-status-icon{align-items:center;border-radius:50%;display:flex;font-size:26px;font-weight:700;height:60px;justify-content:center;margin-bottom:4px;width:60px}.ct-status-icon.PENDING{background:#f57c001f;color:#f57c00;color:var(--orange)}.ct-status-icon.APPROVED{background:#26a9e01f;color:#1c5ba0;color:var(--brand-blue)}.ct-status-icon.REJECTED{background:#e539351f;color:#e53935;color:var(--danger)}.ct-submitted-card h2{font-size:19px;font-weight:700}.ct-submitted-name{color:#516f90;color:var(--text-secondary);font-family:monospace;font-size:13px}.ct-hint{color:#7c98b6;color:var(--text-muted);font-size:13px;line-height:1.6;max-width:300px}.ct-hint.approved{color:#1c5ba0;color:var(--brand-blue)}.ct-hint.rejected{color:#e53935;color:var(--danger)}.ct-poll{color:#7c98b6;color:var(--text-muted);display:block;font-size:12px;margin-top:4px}.ct-submitted-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:6px}.am-root{display:flex;flex:1 1;flex-direction:column;gap:18px;overflow-y:auto;padding:24px 28px}.am-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.am-header h2{font-size:20px;font-weight:700}.am-create-form{background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--r-md);box-shadow:0 1px 3px #08356712;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:14px;padding:18px}.am-create-form h3{color:#1c5ba0;color:var(--brand-blue);font-size:14px;font-weight:600;margin-bottom:2px}.am-create-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.am-create-row .input-group{margin-bottom:0}.am-perm-section label:first-child{color:#516f90;color:var(--text-secondary);display:block;font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:7px;text-transform:uppercase}.am-perm-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.am-perm-check{background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--r-sm);cursor:pointer;display:flex;flex-direction:column;gap:1px;padding:9px 11px;position:relative;transition:all .15s}.am-perm-check input{height:0;opacity:0;position:absolute;width:0}.am-perm-check:hover{background:#f0f4f8;background:var(--bg-hover);border-color:#26a9e0;border-color:var(--brand-sky)}.am-perm-check.checked{background:#e8f4fd;background:var(--bg-active);border-color:#1c5ba0;border-color:var(--brand-blue)}.am-perm-check.checked:before{color:#1c5ba0;color:var(--brand-blue);content:"✓";font-size:12px;font-weight:700;position:absolute;right:9px;top:7px}.am-perm-name{color:#1a2b4a;color:var(--text-primary);font-size:13px;font-weight:600}.am-perm-desc{color:#7c98b6;color:var(--text-muted);font-size:11px;line-height:1.3}.am-table-wrap{overflow-x:auto}.am-agent-cell{align-items:center;display:flex;gap:10px}.am-agent-avatar{align-items:center;background:linear-gradient(135deg,#1c5ba0,#26a9e0);background:linear-gradient(135deg,var(--brand-blue),var(--brand-sky));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:34px;justify-content:center;width:34px}.am-agent-name{display:block;font-size:13px;font-weight:600}.am-agent-username{color:#516f90;color:var(--text-secondary);display:block;font-size:11px}.am-agent-email{color:#7c98b6;color:var(--text-muted);display:block;font-size:11px}.am-perm-tags{display:flex;flex-wrap:wrap;gap:4px;max-width:260px}.am-perm-tag{background:#1c5ba01a;border-radius:20px;color:#1c5ba0;color:var(--brand-blue);font-size:11px;padding:2px 7px;white-space:nowrap}.am-no-perms{color:#7c98b6;color:var(--text-muted);font-size:11px;font-style:italic}.am-phones-cell{display:flex;flex-wrap:wrap;gap:4px}.am-actions{display:flex;flex-wrap:wrap;gap:5px}.am-actions .btn-sm{font-size:11px;padding:4px 8px}.am-modal{max-height:80dvh;max-width:96vw;overflow-y:auto;width:540px}.ak-root{flex:1 1;gap:18px;overflow-y:auto;padding:24px 28px}.ak-newkey-banner,.ak-root{display:flex;flex-direction:column}.ak-newkey-banner{background:#26a9e012;border:1px solid #26a9e040;border-radius:8px;border-radius:var(--r-md);gap:9px;padding:14px 18px}.ak-newkey-header{align-items:center;display:flex;justify-content:space-between}.ak-newkey-title{color:#1c5ba0;color:var(--brand-blue);font-size:13px;font-weight:600}.ak-newkey-row{align-items:center;display:flex;flex-wrap:wrap;gap:9px}.ak-key-display{background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--r-sm);color:#1a2b4a;color:var(--text-primary);flex:1 1;font-family:monospace;font-size:13px;padding:8px 13px;word-break:break-all}.ak-copy-btn{white-space:nowrap}.ak-newkey-hint{color:#7c98b6;color:var(--text-muted);font-size:12px}.ak-newkey-hint code{background:#f5f8fa;background:var(--bg-page);border-radius:3px;color:#1c5ba0;color:var(--brand-blue);font-size:11px;padding:1px 5px}.ak-create-form{background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--r-md);box-shadow:0 1px 3px #08356712;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:12px;padding:18px}.ak-create-form h3{color:#1c5ba0;color:var(--brand-blue);font-size:14px;font-weight:600}.ak-create-row{align-items:flex-end;display:flex;gap:10px}.ak-create-btn{align-self:flex-end;flex-shrink:0;padding:9px 18px}.ak-key-preview{background:#f5f8fa;background:var(--bg-page);border-radius:4px;color:#516f90;color:var(--text-secondary);font-family:monospace;font-size:12px;padding:2px 7px}.ak-req-count{color:#1a2b4a;color:var(--text-primary);font-size:13px;font-weight:600}.ak-wh-cell{display:flex;flex-direction:column;gap:4px}.ak-wh-url{color:#1c5ba0;color:var(--brand-blue);font-family:monospace;font-size:11px;word-break:break-all}.ak-wh-none{color:#7c98b6;color:var(--text-muted);font-size:12px;font-style:italic}.ak-wh-cfg-btn{background:#1c5ba017;border:1px solid #1c5ba033;border-radius:4px;color:#1c5ba0;color:var(--brand-blue);cursor:pointer;font-family:inherit;font-size:11px;padding:3px 8px;white-space:nowrap;width:fit-content}.ak-wh-cfg-btn:hover{background:#1c5ba029}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-box{background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--r-xl);box-shadow:0 8px 32px #08356724;box-shadow:var(--shadow-lg);max-width:100%;overflow:hidden;padding:0;width:480px}.modal-header{align-items:center;background:#f5f8fa;background:var(--bg-page);border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 18px 12px}.modal-header h3{font-size:16px;font-weight:700}.modal-actions{display:flex;gap:7px;justify-content:flex-end;padding:0 18px 16px}.wh-modal{max-width:520px}.wh-modal .input-group,.wh-modal .wh-modal-sub,.wh-modal .wh-regen-row{padding:0 18px}.wh-modal .modal-actions{padding-top:10px}.wh-modal-sub{background:#f5f8fa;background:var(--bg-page);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--r-sm);margin:10px 18px 4px;padding:9px 14px}.wh-modal-sub,.wh-regen-row{color:#516f90;color:var(--text-secondary);font-size:13px}.wh-regen-row{align-items:center;cursor:pointer;display:flex;gap:7px;padding:4px 18px;-webkit-user-select:none;user-select:none}.wh-regen-row input[type=checkbox]{accent-color:#1c5ba0;accent-color:var(--brand-blue);height:14px;width:14px}.doc-root{background:#f5f8fa;background:var(--bg-page);display:flex;flex:1 1;overflow:hidden}.doc-sidebar{background:#fff;background:var(--bg-surface);border-right:1px solid #dfe3eb;border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:18px 0;width:250px}.doc-sidebar-brand{border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);margin-bottom:6px;padding:0 16px 14px}.doc-version{color:#7c98b6;color:var(--text-muted);font-size:11px;margin-top:5px}.doc-sidebar-section{padding:6px 16px}.doc-sidebar-label{color:#7c98b6;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:5px;text-transform:uppercase}.doc-sidebar-hint{color:#516f90;color:var(--text-secondary);font-size:11px;margin-bottom:3px}.doc-base-url{background:#f5f8fa;background:var(--bg-page);border-radius:4px;color:#1c5ba0;color:var(--brand-blue);display:block;font-family:monospace;font-size:11px;margin-top:3px;padding:5px 8px;word-break:break-all}.doc-nav-btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--r-sm);color:#516f90;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:12px;gap:7px;margin-bottom:2px;padding:6px 7px;text-align:left;transition:all .15s;width:100%}.doc-nav-btn:hover{background:#f0f4f8;background:var(--bg-hover);color:#1a2b4a;color:var(--text-primary)}.doc-nav-btn.active{background:#e8f4fd;background:var(--bg-active);color:#1c5ba0;color:var(--brand-blue)}.doc-nav-path{flex:1 1;font-family:monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-content{display:flex;flex:1 1;flex-direction:column;gap:22px;overflow-y:auto;padding:28px 36px}.doc-endpoint-header{align-items:center;display:flex;gap:11px}.doc-method-badge{border-radius:4px;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 9px}.doc-endpoint-path{color:#1a2b4a;color:var(--text-primary);font-family:monospace;font-size:17px}.doc-endpoint-title{font-size:21px;font-weight:700;margin:0}.doc-endpoint-desc{color:#516f90;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.doc-section{display:flex;flex-direction:column;gap:9px}.doc-section-title{border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);color:#7c98b6;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.06em;padding-bottom:7px;text-transform:uppercase}.doc-tabs{display:flex;flex-direction:column;gap:10px}.doc-code-block{background:#1a2b4a;border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--r-md);overflow:hidden}.doc-code-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:7px 13px}.doc-code-lang{font-weight:600;letter-spacing:.05em;text-transform:uppercase}.doc-code-copy,.doc-code-lang{color:#ffffff80;font-size:11px}.doc-code-copy{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;gap:4px;padding:2px 6px;transition:all .15s}.doc-code-copy:hover{background:#ffffff1a;color:#fff}.doc-code-block pre{color:#a8d8f0;font-family:monospace;font-size:13px;line-height:1.7;margin:0;overflow-x:auto;padding:13px 15px}.doc-params-table{border-collapse:collapse;font-size:13px;width:100%}.doc-params-table th{background:#f5f8fa;background:var(--bg-page);color:#7c98b6;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-align:left;text-transform:uppercase}.doc-params-table td,.doc-params-table th{border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);padding:8px 11px}.doc-params-table td{vertical-align:top}.doc-params-table td code{background:#f5f8fa;background:var(--bg-page);border-radius:3px;color:#1c5ba0;color:var(--brand-blue);font-family:monospace;font-size:12px;padding:2px 6px}.doc-in-badge{background:#1c5ba01a;border-radius:20px;color:#1c5ba0;color:var(--brand-blue);font-size:10px;font-weight:600;padding:2px 7px}.doc-auth-note{background:#26a9e00f;border:1px solid #26a9e033;border-radius:6px;border-radius:var(--r-sm);color:#516f90;color:var(--text-secondary);font-size:13px;line-height:1.6;padding:11px 14px}.doc-auth-note code{background:#f5f8fa;background:var(--bg-page);border-radius:3px;color:#1c5ba0;color:var(--brand-blue);font-size:12px;padding:1px 5px}.doc-auth-note strong{color:#1a2b4a;color:var(--text-primary)}.camp-root{display:flex;flex-direction:column;height:100%;overflow:hidden}.camp-header{align-items:center;background:#fff;background:var(--bg-surface);border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 22px}.camp-header h2{font-size:18px;font-weight:700}.camp-empty{align-items:center;color:#7c98b6;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.camp-empty-icon{font-size:44px;margin-bottom:14px}.camp-empty h3{color:#516f90;color:var(--text-secondary);font-size:17px;font-weight:600;margin-bottom:7px}.camp-empty p{font-size:13px;line-height:1.5;max-width:340px}.camp-table-wrap{flex:1 1;overflow-y:auto;padding:0 22px 22px}.camp-table-wrap::-webkit-scrollbar{width:4px}.camp-table-wrap::-webkit-scrollbar-thumb{background:#dfe3eb;background:var(--border-color);border-radius:10px}.camp-status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;text-transform:capitalize;white-space:nowrap}.camp-s-pending{background:#516f901f;color:#516f90;color:var(--text-secondary)}.camp-s-scheduled{background:#f57c001f;color:#f57c00;color:var(--orange)}.camp-s-sending{background:#26a9e01f;color:#26a9e0;color:var(--brand-sky)}.camp-s-sent{background:#1c5ba01f;color:#1c5ba0;color:var(--brand-blue)}.camp-s-failed{background:#e539351f;color:#e53935;color:var(--danger)}.camp-create-root{display:flex;flex-direction:column;height:100%;overflow:hidden}.camp-create-header{align-items:center;background:#fff;background:var(--bg-surface);border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:10px;padding:13px 18px}.camp-create-header h2{font-size:16px;font-weight:700}.camp-create-body{display:flex;flex:1 1;overflow:hidden}.camp-create-form{display:flex;flex:1 1;flex-direction:column;gap:3px;overflow-y:auto;padding:14px 18px}.camp-create-form::-webkit-scrollbar{width:4px}.camp-create-form::-webkit-scrollbar-thumb{background:#dfe3eb;background:var(--border-color);border-radius:10px}.camp-create-preview{background:#f5f8fa;background:var(--bg-page);border-left:1px solid #dfe3eb;border-left:1px solid var(--border-color);flex-shrink:0;overflow-y:auto;padding:18px;width:270px}.camp-section-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:9px}.camp-section-toolbar .ct-section-title{margin-bottom:0}.camp-search-input{background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--r-sm);color:#1a2b4a;color:var(--text-primary);font-family:inherit;font-size:13px;margin-bottom:5px;padding:8px 11px;width:100%}.camp-search-input:focus{border-color:#26a9e0;border-color:var(--border-focus);outline:none}.camp-selected-lists{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.camp-list-tag{align-items:center;background:#1c5ba01a;border:1px solid #1c5ba033;border-radius:20px;color:#1c5ba0;color:var(--brand-blue);display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 8px}.camp-tag-count{font-size:11px}.camp-tag-count,.camp-tag-remove{color:#7c98b6;color:var(--text-muted)}.camp-tag-remove{background:none;border:none;cursor:pointer;font-size:14px;line-height:1;padding:0 2px}.camp-tag-remove:hover{color:#e53935;color:var(--danger)}.camp-selected-tpl{align-items:center;background:#1c5ba014;border:1px solid #1c5ba02e;border-radius:6px;border-radius:var(--r-sm);display:inline-flex;font-size:13px;gap:7px;margin-bottom:7px;padding:5px 9px}.camp-selected-tpl code{color:#1c5ba0;color:var(--brand-blue)}.camp-list-picker{border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--r-sm);max-height:210px;overflow-y:auto}.camp-list-item{align-items:center;border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:9px;padding:9px 11px;transition:background .15s}.camp-list-item:last-child{border-bottom:none}.camp-list-item:hover{background:#f0f4f8;background:var(--bg-hover)}.camp-list-item.selected{background:#e8f4fd;background:var(--bg-active)}.camp-list-name{display:block;font-size:13px;font-weight:500}.camp-list-meta{color:#7c98b6;color:var(--text-muted);display:block;font-size:11px;margin-top:1px}.camp-preview-inline{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.camp-preview-stat{background:#516f901f;border-radius:10px;color:#516f90;color:var(--text-secondary);font-size:12px;font-weight:600;padding:2px 8px}.camp-preview-stat.ok{background:#1c5ba01a;color:#1c5ba0;color:var(--brand-blue)}.camp-preview-stat.err{background:#e539351a;color:#e53935;color:var(--danger)}.camp-schedule-row{display:flex;flex-wrap:wrap;gap:9px}.camp-schedule-opt{align-items:center;border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--r-sm);color:#516f90;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:7px;padding:8px 13px;transition:all .15s}.camp-schedule-opt.active{background:#e8f4fd;background:var(--bg-active);border-color:#1c5ba0;border-color:var(--brand-blue);color:#1c5ba0;color:var(--brand-blue)}.camp-schedule-opt input[type=radio]{accent-color:#1c5ba0;accent-color:var(--brand-blue)}.camp-preview-title{color:#7c98b6;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.camp-summary-item{align-items:flex-start;border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);display:flex;font-size:13px;gap:7px;justify-content:space-between;padding:7px 0}.camp-summary-item:last-of-type{border-bottom:none}.camp-summary-label{color:#7c98b6;color:var(--text-muted);flex-shrink:0}.camp-summary-value{color:#1a2b4a;color:var(--text-primary);font-weight:500;text-align:right;word-break:break-word}.camp-detail-root{display:flex;flex-direction:column;height:100%;overflow:hidden}.camp-detail-header{align-items:flex-start;background:#fff;background:var(--bg-surface);border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:11px;padding:13px 18px}.camp-detail-header h2{font-size:16px;font-weight:700;margin-bottom:3px}.camp-detail-meta{color:#7c98b6;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:3px 14px}.camp-detail-meta strong{color:#516f90;color:var(--text-secondary)}.camp-stats-grid{grid-gap:1px;background:#dfe3eb;background:var(--border-color);border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);display:grid;flex-shrink:0;gap:1px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.camp-stat-card{align-items:center;background:#fff;background:var(--bg-surface);display:flex;flex-direction:column;gap:3px;padding:12px 7px}.camp-stat-card-num{color:#1a2b4a;color:var(--text-primary);font-size:20px;font-weight:700}.camp-stat-card-label{color:#7c98b6;color:var(--text-muted);font-size:11px;text-align:center}.camp-retry-section{align-items:center;background:#f57c000d;border-bottom:1px solid #f57c002e;display:flex;flex-shrink:0;flex-wrap:wrap;gap:7px;justify-content:space-between;padding:9px 18px}.camp-retry-info{color:#516f90;color:var(--text-secondary);font-size:13px}.camp-retry-info strong{color:#f57c00;color:var(--orange)}.camp-retry-summary{background:#f5f8fa;background:var(--bg-page);border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);flex-shrink:0;padding:7px 18px}.camp-retry-row{color:#7c98b6;color:var(--text-muted);font-size:12px;padding:2px 0}.camp-retry-badge{background:#f57c001f;border-radius:10px;color:#f57c00;color:var(--orange);display:inline-block;font-size:11px;font-weight:700;padding:2px 7px}.camp-messages-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.camp-messages-toolbar{align-items:center;background:#fff;background:var(--bg-surface);border-bottom:1px solid #dfe3eb;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;flex-wrap:wrap;gap:7px;justify-content:space-between;padding:9px 18px}.camp-status-filters{display:flex;flex-wrap:wrap;gap:4px}.camp-filter-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;border-radius:var(--r-sm);color:#7c98b6;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;gap:4px;padding:4px 9px;transition:all .15s}.camp-filter-btn:hover{background:#f0f4f8;background:var(--bg-hover);color:#1a2b4a;color:var(--text-primary)}.camp-filter-btn.active{background:#e8f4fd;background:var(--bg-active);border-color:#1c5ba040;color:#1c5ba0;color:var(--brand-blue)}.camp-filter-count{background:#f0f4f8;background:var(--bg-hover);border-radius:8px;color:#7c98b6;color:var(--text-muted);font-size:10px;padding:1px 5px}.templates-grid{display:flex;flex-direction:column;gap:10px}.template-card{background:#fff;background:var(--bg-surface);border:1px solid #dfe3eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--r-md);box-shadow:0 1px 3px #08356712;box-shadow:var(--shadow-xs);padding:14px}.template-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.template-component{background:#f5f8fa;background:var(--bg-page);border-radius:6px;border-radius:var(--r-sm);margin-top:7px;padding:7px}.comp-type{color:#1c5ba0;color:var(--brand-blue);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.template-component p{color:#516f90;color:var(--text-secondary);font-size:13px;margin-top:3px}@media (max-width:767px){body{overflow:hidden}.app-root{flex-direction:column;height:100dvh}.sidebar-nav{align-items:center;border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -2px 12px #0835674d;flex-direction:row;gap:0;height:56px;justify-content:space-around;left:0;padding:0 8px;position:fixed;right:0;width:100%;z-index:200}.nav-logo,.nav-spacer{display:none}.nav-btn{border-radius:0;flex:1 1;flex-direction:column;gap:0;height:100%;max-width:64px}.app-root>:not(.sidebar-nav){padding-bottom:0}.chat-window,.contact-list,.templates-full{height:calc(100dvh - 56px);max-height:calc(100dvh - 56px)}.chat-window,.contact-list{left:0;position:fixed;top:0;transition:transform .25s ease;z-index:10}.chat-window{transform:translateX(100%);width:100%}.mobile-chat-active .contact-list{transform:translateX(-100%)}.mobile-chat-active .chat-window{transform:translateX(0)}.chat-window.chat-empty{transform:translateX(100%)}.mobile-back-btn{display:flex!important}.templates-full{left:0;position:fixed;right:0;top:0;width:100%;z-index:10}.contact-list{border-right:none;width:100%}.message-bubble{max-width:82%}.chat-input{gap:6px;padding:8px 10px}.btn-template-toggle span{display:none}.btn-template-toggle{padding:0 10px}.wap-body{flex-direction:column}.wap-preview{border-left:none;border-top:1px solid #dfe3eb;border-top:1px solid var(--border-color);width:100%}.ct-body{flex-direction:column}.ct-preview{border-left:none;border-top:1px solid #dfe3eb;border-top:1px solid var(--border-color);width:100%}.camp-create-body{flex-direction:column}.camp-create-preview{border-left:none;border-top:1px solid #dfe3eb;border-top:1px solid var(--border-color);width:100%}.ak-root,.am-root{padding:14px 14px 70px}.am-create-row{grid-template-columns:1fr}.am-table-wrap{overflow-x:auto}.am-actions{flex-wrap:wrap}.profile-panel{left:0;width:100%}.am-table-wrap,.pn-table-wrap{overflow-x:auto}.doc-sidebar{display:none}.doc-content{padding:16px}.camp-stats-grid{grid-template-columns:repeat(3,1fr)}.modal-box,.tpl-modal{border-radius:12px 12px 0 0;border-radius:var(--r-lg) var(--r-lg) 0 0;max-width:100%;width:100%}.modal-overlay,.tpl-modal-overlay{align-items:flex-end}.login-card{padding:28px 20px}.tpl-table td,.tpl-table th{padding:10px}.am-root,.camp-table-wrap,.pn-body,.wap-form{padding-bottom:70px}}@media (max-width:380px){.login-card{padding:22px 16px}.chat-messages{padding:10px}.message-bubble{font-size:13px;max-width:88%}}@media (min-width:768px) and (max-width:1023px){.contact-list{width:260px}.wap-preview{width:240px}.camp-create-preview,.ct-preview{width:230px}.doc-sidebar{width:210px}.doc-content{padding:20px 24px}}@media (min-width:768px){::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#dfe3eb;background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#c9d4e0;background:var(--border-input)}}
/*# sourceMappingURL=main.3d0b2354.css.map*/