:root{--bg-main: #080f1e;--bg-card: #0f1c35;--bg-card2: #162040;--bg-lighter: #111e38;--text-main: #e2e8f0;--text-muted: #64748b;--border: #1e3a5f;--border-color: #1e3a5f;--primary: #3b82f6;--primary-hover: #2563eb;--primary-glow: rgba(59, 130, 246, .15);--success: #10b981;--success-glow: rgba(16, 185, 129, .15);--warning: #f59e0b;--danger: #ef4444;--radius: 14px;--radius-sm: 8px;--sidebar-bg: linear-gradient(180deg, #0a1628 0%, #0d1f3c 100%);--sidebar-border: #1e3a5f}[data-theme=light]{--bg-main: #f1f5f9;--bg-card: #ffffff;--bg-card2: #f8fafc;--bg-lighter: #f1f5f9;--text-main: #0f172a;--text-muted: #64748b;--border: #cbd5e1;--border-color: #cbd5e1;--primary-glow: rgba(59, 130, 246, .1);--sidebar-bg: linear-gradient(180deg, #1e3a5f 0%, #1e3a6e 100%);--sidebar-border: #1e3a8a}[data-theme=light] .page-title{background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .card:hover,[data-theme=light] .stat-card:hover{border-color:#94a3b8}[data-theme=light] tbody tr:hover td{background:#3b82f60a}[data-theme=light] .btn-ghost{border-color:var(--border-color)}[data-theme=light] .progress-bar{background:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;min-height:100vh}.app-container{display:flex;height:100vh;overflow:hidden;width:100%}.sidebar{width:240px;min-width:240px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:1.75rem 1rem;display:flex;flex-direction:column;gap:.4rem;height:100vh;overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .sidebar{width:0;min-width:0;padding-left:0;padding-right:0;opacity:0;pointer-events:none;border-right-color:transparent}.theme-toggle{margin-top:auto;display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#ffffffd9;cursor:pointer;font-size:.85rem;font-weight:500;font-family:inherit;transition:all .18s ease}.theme-toggle:hover{background:#ffffff1a}.sidebar-logo{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem 1.75rem;color:var(--primary);font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.sidebar-logo .logo-dot{width:28px;height:28px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 0 16px var(--primary-glow)}.nav-section-label{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:.75rem .75rem .35rem}.nav-link{display:flex;align-items:center;gap:.7rem;padding:.65rem .75rem;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-sm);transition:all .18s ease;font-size:.9rem;font-weight:500}.nav-link:hover{background:var(--primary-glow);color:var(--primary)}.nav-link.active{background:var(--primary-glow);color:var(--primary);border:1px solid rgba(59,130,246,.2)}.main-content{flex:1;min-width:0;padding:2rem 2.5rem;overflow-y:auto;max-width:1200px;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-content.crm-layout{max-width:none!important;width:100%!important;padding:1rem;overflow:hidden}.main-content.admin-with-quick-menu{max-width:none!important;width:100%!important;padding:0;overflow:hidden;display:flex;flex-direction:column}.admin-quick-menu{flex-shrink:0;display:flex;align-items:center;gap:.4rem;overflow:visible;padding:.45rem 13rem .45rem .75rem;background:var(--bg-main);border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #00000014;z-index:70}.admin-quick-fixed,.admin-quick-groups{display:flex;align-items:center;gap:.4rem;min-width:0}.admin-quick-fixed{flex-shrink:0;padding-right:.55rem;margin-right:.15rem;border-right:1px solid var(--border-color)}.admin-quick-groups{overflow:visible;flex-wrap:wrap;row-gap:.4rem}.admin-quick-menu-toggle,.admin-quick-link,.admin-menu-group-btn,.admin-menu-dropdown-link{flex-shrink:0;font-size:.78rem;font-weight:800;text-decoration:none;padding:.42rem .75rem;border-radius:8px;white-space:nowrap;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);line-height:1.1}.admin-menu-group{position:relative;flex-shrink:0}.admin-quick-menu-toggle{font-size:1.05rem;cursor:pointer}.admin-quick-link:hover,.admin-quick-menu-toggle:hover,.admin-menu-group-btn:hover,.admin-menu-dropdown-link:hover{background:var(--primary-glow);color:var(--primary)}.admin-quick-link.active,.admin-menu-group-btn.active,.admin-menu-dropdown-link.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.admin-menu-group-btn{cursor:pointer}.admin-menu-dropdown{position:absolute;top:calc(100% + .35rem);left:0;min-width:210px;display:none;flex-direction:column;gap:.25rem;padding:.45rem;background:var(--bg-main);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 12px 30px #0000003d;z-index:120}.admin-menu-group.open .admin-menu-dropdown{display:flex}.admin-menu-dropdown-link{width:100%;border-radius:7px}.admin-route-content{flex:1;min-height:0;overflow-y:auto;padding:2rem 2.5rem}.admin-route-content.crm-route-content{padding:1rem;overflow:hidden}.sidebar-collapsed .main-content{max-width:none!important;width:100%!important}.topbar-floating{position:fixed;top:.85rem;right:1rem;z-index:100;display:flex;align-items:center;gap:.4rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:.3rem .5rem .3rem .4rem;box-shadow:0 4px 14px #0000002e}.topbar-floating .topbar-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem .55rem;border-radius:99px;font-size:.95rem;display:flex;align-items:center;gap:.35rem;transition:all .15s ease;font-weight:600}.topbar-floating .topbar-btn:hover{background:var(--primary-glow);color:var(--primary)}.topbar-floating .topbar-btn.danger:hover{background:#ef444426;color:#ef4444}.topbar-floating .topbar-btn:disabled{opacity:.5;cursor:wait}.topbar-floating .topbar-user{display:flex;align-items:center;gap:.5rem;padding:.25rem .55rem .25rem .3rem;border-right:1px solid var(--border-color);margin-right:.2rem}.topbar-floating .topbar-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary-glow);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0}.topbar-floating .topbar-user-info{display:flex;flex-direction:column;font-size:.72rem;line-height:1.2;max-width:130px}.topbar-floating .topbar-user-info .name{font-weight:700;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-floating .topbar-user-info .role{color:var(--text-muted);font-size:.62rem}@media (max-width: 700px){.topbar-floating .topbar-user-info{display:none}}.app-container.crm-page .topbar-floating{max-width:min(44vw,720px);overflow:hidden}.crm-page .crm-chat-header{padding-right:min(45vw,740px)!important;align-items:flex-start!important;flex-wrap:wrap}.crm-page .crm-chat-actions,.crm-page .crm-chat-tabular{flex-shrink:0}.crm-page .crm-chat-actions{flex-wrap:wrap;gap:.35rem}@media (max-width: 1500px){.app-container.crm-page .topbar-floating{max-width:min(32vw,460px)}.app-container.crm-page .topbar-floating .topbar-user-info,.app-container.crm-page .topbar-floating button>span:not(:first-child){display:none!important}.app-container.crm-page .topbar-floating .topbar-btn,.app-container.crm-page .topbar-floating button{padding-left:.5rem!important;padding-right:.5rem!important}.crm-page .crm-chat-header{padding-right:min(34vw,480px)!important}}@media (max-width: 1100px){.admin-quick-menu{padding-right:.75rem}.app-container.crm-page .topbar-floating{max-width:calc(100vw - 2rem);left:auto;right:.5rem;top:.35rem}.crm-page .crm-chat-header{padding-top:3.4rem!important;padding-right:1rem!important}}.page-title{font-size:1.6rem;font-weight:700;margin-bottom:.4rem;background:linear-gradient(135deg,#e2e8f0,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:2rem}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;margin-bottom:1.5rem;transition:border-color .2s}.card:hover{border-color:#2a4a7a}.card-title{font-size:.95rem;font-weight:600;margin-bottom:1rem;color:var(--text-main)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.stat-card:hover{transform:translateY(-2px);border-color:#2a4a7a}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--primary);border-radius:0 2px 2px 0}.stat-card.success:before{background:var(--success)}.stat-card.warning:before{background:var(--warning)}.stat-card.danger:before{background:var(--danger)}.stat-icon{font-size:1.4rem;margin-bottom:.25rem}.stat-value{font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.progress-wrap{margin-top:.5rem}.progress-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.progress-bar{height:8px;background:var(--bg-card2);border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#60a5fa);border-radius:9999px;transition:width .8s ease;box-shadow:0 0 8px var(--primary-glow)}.badge{padding:.25rem .65rem;border-radius:9999px;font-size:.72rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-PENDING{background:#f59e0b1f;color:#f59e0b}.badge-SENT{background:#3b82f61f;color:#60a5fa}.badge-RESPONDED{background:#10b9811f;color:#34d399}.badge-FAILED{background:#ef44441f;color:#f87171}.badge-RUNNING{background:#3b82f61f;color:#60a5fa}.badge-COMPLETED{background:#10b9811f;color:#34d399}.badge-PAUSED{background:#f59e0b1f;color:#f59e0b}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}thead th{padding:.75rem 1rem;text-align:left;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}tbody td{padding:.9rem 1rem;border-bottom:1px solid rgba(30,58,95,.5);vertical-align:middle}tbody tr:hover td{background:#3b82f60a}tbody tr:last-child td{border-bottom:none}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.form-label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.form-input{background:var(--bg-main);border:1px solid var(--border);color:var(--text-main);padding:.7rem .9rem;border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}textarea.form-input{resize:vertical;min-height:90px}.form-hint{font-size:.75rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:var(--radius-sm);border:none;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .18s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 14px var(--primary-glow);transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 4px 14px var(--success-glow);transform:translateY(-1px)}.btn-warning{background:var(--warning);color:#000}.btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-card2);color:var(--text-main)}.alert{padding:1rem 1.25rem;border-radius:var(--radius-sm);font-size:.875rem;margin-top:1rem}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#34d399}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.alert-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#60a5fa}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}@keyframes slideDownIn{0%{opacity:0;transform:translate(-50%,-1rem)}to{opacity:1;transform:translate(-50%)}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes blinkRedYellow{0%,49%{background:#ef4444;color:#fff;border-color:#b91c1c;box-shadow:0 0 6px #ef4444aa}50%,to{background:#facc15;color:#1f2937;border-color:#ca8a04;box-shadow:0 0 6px #facc15aa}}@keyframes changelogPulse{0%{box-shadow:0 0 #3b82f6a6;transform:scale(1)}60%{box-shadow:0 0 0 10px #3b82f600;transform:scale(1.04)}to{box-shadow:0 0 #3b82f600;transform:scale(1)}}@keyframes liveDashBlink{0%,to{opacity:1}50%{opacity:.35}}@keyframes liveDashSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);display:inline-block;animation:pulse-ring 1.5s ease-in-out infinite}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state .icon{font-size:2.5rem;margin-bottom:1rem}.divider{height:1px;background:var(--border);margin:1.5rem 0}.msg-row:hover .msg-share{opacity:.85!important}.msg-row .msg-share:hover{opacity:1!important}.msg-row .msg-edit-btn{pointer-events:none}.msg-row:hover .msg-edit-btn{opacity:.85!important;pointer-events:auto!important}.msg-row .msg-edit-btn:hover{opacity:1!important}.table-wrap-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.table-wrap-responsive{position:relative}.table-wrap-responsive:after{content:"";position:absolute;top:0;right:0;bottom:0;width:18px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(0,0,0,.18))}}@media (max-width: 768px){.app-container.is-mobile .sidebar{position:fixed;top:0;left:0;z-index:200;width:min(82vw,300px);min-width:min(82vw,300px);height:100vh;padding:1.5rem 1rem;opacity:1;pointer-events:auto;border-right:1px solid var(--sidebar-border);transform:translate(0);box-shadow:4px 0 24px #0006}.app-container.is-mobile.sidebar-collapsed .sidebar{transform:translate(-100%);opacity:1;pointer-events:none;box-shadow:none}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#00000080}.app-container.is-mobile .main-content{max-width:none!important;width:100%!important;padding:1rem .9rem}.app-container.is-mobile .main-content.crm-layout,.app-container.is-mobile .main-content.admin-with-quick-menu{padding:0}.app-container.is-mobile .admin-route-content{padding:1rem .9rem}.app-container.is-mobile .admin-route-content.crm-route-content{padding:.5rem}.app-container.is-mobile .admin-quick-menu{padding:.45rem .6rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-container.is-mobile .admin-quick-groups{flex-wrap:nowrap}.app-container.is-mobile .admin-menu-dropdown{position:fixed!important;top:3.2rem!important;left:1rem!important;right:1rem!important;width:auto!important;min-width:0!important;box-shadow:0 16px 40px #0006!important}.app-container.is-mobile .topbar-floating{top:.4rem;right:.4rem;max-width:calc(100vw - .8rem)}.app-container.is-mobile.crm-page .topbar-floating{max-width:calc(100vw - .8rem);left:auto}.app-container.is-mobile .nav-link{min-height:42px}.app-container.is-mobile .topbar-floating .topbar-btn{min-height:38px;min-width:38px;justify-content:center}.app-container.is-mobile .page-title{font-size:1.25rem}.app-container.is-mobile .page-subtitle{margin-bottom:1.2rem}.app-container.is-mobile .card{padding:1rem}.app-container.is-mobile .stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.crm-left-panel{width:100%!important;min-width:0!important}.crm-right-panel{width:100%!important;min-width:0!important;flex:1 1 100%!important}.crm-left-panel.mobile-hidden,.crm-right-panel.mobile-hidden{display:none!important}.chatpane-mobile-back-btn{display:flex!important}.chat-composer{flex-direction:column!important;align-items:stretch!important}.chat-composer-icons{flex-wrap:wrap}.chat-composer-input{width:100%!important}.chat-header-line1{flex-wrap:wrap}.chat-header-actions{width:100%;overflow-x:auto;padding-bottom:.1rem}.qd-root{position:fixed!important;top:var(--app-top, 0px)!important;left:var(--app-left, 0px)!important;width:var(--app-width, 100vw)!important;max-width:100vw!important;height:var(--app-height, 100dvh)!important;overflow:hidden!important}.qd-root .crm-right-panel,.qd-root .crm-left-panel{max-width:100%!important;overflow-x:hidden}.qd-root .chat-header-line1{padding-top:calc(.65rem + env(safe-area-inset-top,0px))!important}.qd-root .qd-header{padding-top:calc(.75rem + env(safe-area-inset-top,0px))!important}.qd-root .chat-composer{padding-bottom:calc(.65rem + env(safe-area-inset-bottom,0px))!important}.qd-root:has(.crm-right-panel:not(.mobile-hidden)) .qd-header,.qd-root:has(.crm-right-panel:not(.mobile-hidden)) .qd-tabs{display:none!important}}@media (max-width: 1100px){.chat-composer{flex-direction:column!important;align-items:stretch!important}.chat-composer-icons{flex-wrap:wrap}.chat-composer-input{width:100%!important}}@media (max-width: 768px){html,body{max-width:100%;overflow-x:hidden}#root,.app-container{max-width:100vw;overflow-x:hidden}.app-container img,.app-container video,.app-container pre{max-width:100%}.app-container table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}}