@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #25d366;--primary-dark: #128c7e;--secondary-color: #f0f2f5;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--focus-color: #d1d5db}html{min-height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:scroll}body{min-height:100%;width:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;overflow-y:auto}#root{min-height:100vh;width:100%;margin:0;padding:0;text-align:left;max-width:none}a{font-weight:500;color:var(--primary-color);text-decoration:inherit}a:hover{color:var(--primary-dark)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--secondary-color);cursor:pointer;transition:all .25s ease}button:hover{border-color:var(--border-color)}button:focus,button:focus-visible{outline:1px solid var(--focus-color);outline-offset:2px;box-shadow:none}input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{outline:1px solid var(--focus-color)!important;outline-offset:2px;box-shadow:none!important}html{scrollbar-width:auto;scrollbar-color:var(--primary-color) #f1f5f9}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px;border:1px solid #e2e8f0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:8px;border:2px solid #f1f5f9;box-shadow:inset 0 1px 3px #0000001a;min-height:40px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-dark) 0%,#0d7377 100%);box-shadow:inset 0 1px 5px #0003}::-webkit-scrollbar-corner{background:#f1f5f9}@media (prefers-color-scheme: light){:root{color:var(--text-primary);background-color:#fff}a:hover{color:var(--primary-dark)}button{background-color:var(--secondary-color);color:var(--text-primary)}}@media (prefers-color-scheme: dark){:root{--primary-color: #25d366;--primary-dark: #128c7e;--secondary-color: #2a3942;--text-primary: #e9edef;--text-secondary: #8696a0;--border-color: #2a3942;background-color:#0b1426}}:root{--primary-color: #25d366;--primary-dark: #128c7e;--secondary-color: #f0f2f5;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--sidebar-width: 60px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{height:100%;width:100%;margin:0;padding:0;text-align:left;max-width:none;overflow:hidden}html{scrollbar-width:none}body{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:6px;height:6px;background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000001a}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#0d7377 0%,var(--primary-color) 100%)}.app-container{display:flex;width:100%;height:100vh;overflow-x:hidden;position:relative}.content-area{flex:1;width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.content-area.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.content-area.hide-scrollbar::-webkit-scrollbar{width:0;height:0}.content-area.full-width{width:100%;margin-left:0}.content-wrapper{min-height:100%;width:100%}.page-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column}.hidden{display:none}.scrollable{overflow-y:auto;scrollbar-width:auto;scrollbar-color:var(--primary-color) #f1f5f9}.btn{padding:12px 24px;border-radius:12px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;line-height:1;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:0 4px 12px #25d3664d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),#0d7377);transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.btn-secondary{background:linear-gradient(135deg,var(--info-color),#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-danger{background:linear-gradient(135deg,var(--error-color),#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:translateY(-2px)}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:14px}.form-input{width:100%;padding:14px 16px;border:2px solid var(--border-color);border-radius:12px;font-size:14px;transition:all .3s ease;background-color:#fff;font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #25d3661a}.form-input:invalid{border-color:var(--error-color)}.form-textarea{min-height:120px;resize:vertical}.form-select{cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:24px;margin:16px;border:1px solid var(--border-color);transition:all .3s ease}.card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--border-color);padding-bottom:16px;margin-bottom:16px}.card-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.card-subtitle{font-size:14px;color:var(--text-secondary);margin-top:4px}.alert,.message{padding:16px 20px;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;gap:12px;font-weight:500;font-size:14px}.alert-success,.message.success{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:var(--success-color);border:1px solid rgba(16,185,129,.3)}.alert-error,.message.error{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:var(--error-color);border:1px solid rgba(239,68,68,.3)}.alert-warning,.message.warning{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);color:var(--warning-color);border:1px solid rgba(245,158,11,.3)}.alert-info,.message.info{background:linear-gradient(135deg,#25d3661a,#25d3660d);color:var(--primary-color);border:1px solid rgba(37,211,102,.3)}.badge,.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;gap:4px}.badge-success,.status-badge.synced,.status-badge.in-stock{background:linear-gradient(135deg,var(--success-color),#059669);color:#fff}.status-badge.in-stock{background-color:#d1fae5;color:#065f46;text-transform:none}.badge-error,.status-badge.out-of-stock{background-color:#fee2e2;color:#991b1b;text-transform:none}.badge-warning,.status-badge.pending{background-color:#fef3c7;color:#92400e;text-transform:none}.badge-info{background:linear-gradient(135deg,var(--info-color),#2563eb);color:#fff}.table{width:100%;border-collapse:collapse;margin-top:16px}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.table th{background:linear-gradient(135deg,#f9fafb,#f3f4f6);font-weight:600;color:var(--text-primary);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.table tr:hover{background-color:#f9fafb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.modal{background-color:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;border:1px solid var(--border-color);max-height:90vh;overflow-y:auto;width:100%;max-width:500px;scrollbar-width:auto;scrollbar-color:var(--primary-color) #f1f5f9}.modal::-webkit-scrollbar{width:10px}.modal::-webkit-scrollbar-track{background:#f8fafc;border-radius:5px}.modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:5px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;padding:40px}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:var(--text-secondary);font-weight:600;margin-top:16px}.loading-message{margin-top:15px;color:var(--text-secondary);font-size:16px;font-weight:500}.button-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top:2px solid #fff;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle}.animate-spin{animation:spin 1s linear infinite}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-container{width:100vw;margin-left:0;min-height:100vh;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;padding:20px}.success{color:var(--success-color)}.error{color:var(--error-color)}.warning{color:var(--warning-color)}@media (max-width: 1024px){.content-area{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width)}::-webkit-scrollbar{width:12px;height:12px}}@media (max-width: 768px){.content-area{width:100%;margin-left:0;padding-left:0}.card{margin:8px;padding:16px;border-radius:12px}.auth-container{padding:16px}.btn{padding:10px 20px;font-size:13px}::-webkit-scrollbar{width:10px;height:10px}}@media (max-width: 480px){.content-area{padding-left:0}.card{margin:4px;padding:12px;border-radius:10px}.btn{padding:8px 16px;font-size:12px}.form-input{padding:12px 14px}::-webkit-scrollbar{width:8px;height:8px}}@media (prefers-color-scheme: dark){:root{--primary-color: #25d366;--primary-dark: #128c7e;--secondary-color: #2a3942;--text-primary: #e9edef;--text-secondary: #8696a0;--border-color: #2a3942}.card{background-color:var(--secondary-color);border-color:var(--border-color)}.form-input{background-color:var(--secondary-color);border-color:var(--border-color);color:var(--text-primary)}.table th{background:linear-gradient(135deg,#2a3942,#1e2936);color:var(--text-primary)}}.loading-app-modern{position:fixed;top:0;left:80px;width:calc(100% - 80px);height:100vh;background:linear-gradient(135deg,#fff,#f0fdf4);display:flex;align-items:center;justify-content:center;z-index:50}.loading-content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.loading-logo-wrapper{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.loading-icon-center{font-size:48px;color:#22c55e;z-index:2;filter:drop-shadow(0 4px 8px rgba(34,197,94,.3))}.loading-ring-modern{position:absolute;width:100%;height:100%;border:4px solid #dcfce7;border-top:4px solid #22c55e;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 4px 20px #22c55e26}.marquee-container{width:100%;max-width:600px;overflow:hidden;position:relative;margin-bottom:24px;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-track{display:flex;gap:50px;width:max-content;animation:scroll-left 18s linear infinite}.marquee-item{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:8px 16px;background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000000a}.marquee-icon{font-size:20px}.marquee-text{font-size:14px;font-weight:600;color:#374151}.loading-text-modern{color:#9ca3af;font-size:14px;font-weight:500;letter-spacing:.5px;animation:pulse-text 2s infinite}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-33.33%)}}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1}}*{scrollbar-width:thin;scrollbar-color:#e5e7eb #ffffff;box-sizing:border-box}*::-webkit-scrollbar{width:6px!important;height:6px!important;background:#fff!important}*::-webkit-scrollbar-track{background:#fff!important;border-radius:3px}*::-webkit-scrollbar-thumb{background:#e5e7eb!important;border-radius:3px;transition:background .3s ease}*::-webkit-scrollbar-thumb:hover{background:#d1d5db!important}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden}.whatsapp-dashboard{position:relative;width:100%;height:100vh;margin:0;max-width:none;left:0}.whatsapp-interface{display:flex;flex:1;width:100%;height:100%;background-color:#fff;overflow:hidden;border-radius:20px}.whatsapp-interface.three-panel{display:flex;height:100%;width:100%}.left-panel{width:340px;min-width:340px;max-width:340px;background:#fff;border-right:1px solid #f3f4f6;display:flex;flex-direction:column;height:100%;border-radius:20px 0 0 20px}.right-panel{flex:1;background:#f0f2f5;display:flex;flex-direction:column;height:100%;min-width:0;position:relative;border-radius:0 20px 20px 0}.three-panel-header{background:#fff;border-bottom:1px solid #f3f4f6;padding:0;position:sticky;top:0;z-index:10;border-radius:20px 0 0}.panel-tabs{display:flex;position:relative;height:50px;background:#fff;padding:0 14px;gap:8px;border-radius:20px 0 0}.panel-tab{flex:1;padding:10px 14px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;color:#9ca3af;transition:all .3s ease;font-size:13px;border-radius:10px 10px 0 0}.panel-tab:hover{background:#f0fdf4;color:#22c55e}.panel-tab.active{color:#16a34a;border-bottom-color:#22c55e;background:linear-gradient(180deg,#f0fdf4,#fff);font-weight:600}.panel-tab svg{font-size:15px}.search-container{height:64px;padding:0 16px;background:#fff;border-bottom:1px solid #f3f4f6;display:flex;align-items:center}.contact-filter-row{padding:6px 16px 10px;background:#fff;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:0}.contact-filter-btn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:space-between;gap:6px;height:32px;padding:0 12px;border-radius:0;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;line-height:1}.contact-filter-btn:first-child{border-radius:10px 0 0 10px;border-right:none}.contact-filter-btn:last-child{border-radius:0 10px 10px 0}.contact-filter-btn:hover{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.contact-filter-btn.active{background:#ecfdf3;color:#15803d;border-color:#bbf7d0;box-shadow:0 2px 6px #22c55e1f}.contact-filter-count{min-width:18px;height:18px;padding:0 6px;border-radius:9px;background:#fff;color:#6b7280;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;line-height:1}.contact-filter-btn.active .contact-filter-count{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.search-input-wrapper{display:flex;align-items:center;gap:10px;width:100%;position:relative;height:44px}.search-input{flex:1;min-width:140px;padding:0 14px;height:44px;line-height:44px;border-radius:10px;border:1px solid #e5e7eb;background-color:#f9fafb;font-size:13px;color:#374151;transition:all .3s ease}.search-input:focus{outline:none;background-color:#fff;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.search-input::placeholder{color:#9ca3af}.team-filter{position:relative;flex-shrink:0}.team-filter-trigger{min-width:44px;height:44px;padding:0 2px;border-radius:16px;border:2px solid #dce6df;background:#f8f8fc;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease;color:#111827;overflow:visible}.team-filter-trigger:hover{background:#f9fafb;border-color:#d1d5db}.team-filter-trigger.open{box-shadow:0 6px 14px #0f172a1f;border-color:#cbd5e1}.team-filter-icon{display:inline-flex!important;align-items:center;justify-content:center;width:16px;height:16px;color:#111827!important;fill:currentColor!important;stroke:currentColor!important;opacity:1!important;visibility:visible!important}.team-filter-caret{display:inline-flex!important;align-items:center;justify-content:center;width:18px;height:18px;color:#111827!important;fill:currentColor!important;stroke:currentColor!important;opacity:1!important;visibility:visible!important}.team-filter-caret{color:#253629!important;font-size:14px;transform:rotate(90deg);transition:transform .2s ease;display:inline-block!important;opacity:1!important;width:14px;height:14px;fill:currentColor;stroke:currentColor}.team-filter-trigger.open .team-filter-caret{transform:rotate(-90deg)}.team-filter-menu{position:absolute;top:calc(100% + 8px);right:0;width:220px;max-height:260px;overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 16px 30px #0f172a2e;padding:8px;z-index:20}.team-filter-item{width:100%;text-align:left;border:none;background:transparent;padding:8px 10px;border-radius:8px;font-size:13px;color:#374151;cursor:pointer;transition:background .2s ease,color .2s ease}.team-filter-item:hover{background:#f3f4f6}.team-filter-item.active{background:#ecfdf3;color:#15803d;font-weight:600}.add-contact-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;cursor:pointer;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;box-shadow:0 6px 18px #22c55e59}.add-contact-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.add-contact-btn:active{transform:translateY(0)}.add-contact-btn svg{font-size:26px!important;width:26px!important;height:26px!important;stroke-width:2.5;color:#fff!important;fill:currentColor!important;stroke:currentColor!important;display:block!important}.add-contact-btn i,.add-contact-btn .icon,.add-contact-btn .fa,.add-contact-btn .fas{font-size:26px!important;color:#fff!important;line-height:1!important}.contacts-list{flex:1;overflow-y:auto;background:#fff}.contact-item{display:flex;align-items:center;padding:12px 16px;gap:12px;cursor:pointer;border-bottom:1px solid #f9fafb;transition:all .2s ease;background:#fff;position:relative}.contact-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:all .2s ease}.contact-item:hover{background-color:#f9fafb}.contact-item:hover:before{background:#dcfce7}.contact-item.selected{background:linear-gradient(90deg,#f0fdf4,#fff)}.contact-item.selected:before{background:#22c55e}.contact-avatar{width:46px!important;height:46px!important;border-radius:50%!important;background:#fff!important;border:2px solid #22c55e!important;color:#22c55e!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;font-weight:700!important;flex-shrink:0!important;text-transform:uppercase!important;box-shadow:0 2px 8px #22c55e26!important;transition:all .2s ease!important}.contact-item:hover .contact-avatar{border-color:#16a34a!important;box-shadow:0 4px 12px #22c55e40!important}.contact-item.selected .contact-avatar{background:#22c55e!important;color:#fff!important;border-color:#16a34a!important}.contact-info{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:44px;justify-content:center}.contact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.contact-name{font-size:14px;font-weight:600;margin:0;color:#1f2937;display:flex;align-items:center;max-width:75%;min-width:0}.contact-name-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.team-assignment-indicator{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;color:#fff;font-size:9px;margin-left:6px;flex-shrink:0}.contact-time{font-size:11px;color:#9ca3af;flex-shrink:0;font-weight:500}.contact-subheader{display:flex;justify-content:space-between;align-items:center}.contact-last-message{font-size:12px;color:#9ca3af;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.unread-badge{display:flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;height:20px!important;border-radius:10px!important;background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;font-size:10px!important;font-weight:700!important;padding:0 6px!important;flex-shrink:0!important;box-shadow:0 2px 6px #22c55e4d!important}.chat-header{padding:14px 20px;background:#fff;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between;height:68px;z-index:10;box-shadow:0 2px 8px #00000005}.chat-contact-info{display:flex;align-items:center;gap:14px;flex:1;cursor:pointer;padding:6px;border-radius:10px;transition:all .2s ease}.chat-contact-info:hover{background:#f9fafb}.chat-header .contact-avatar{width:44px!important;height:44px!important;border-radius:50%!important;background:#fff!important;border:2px solid #22c55e!important;color:#22c55e!important}.contact-details{display:flex;flex-direction:column;gap:2px}.contact-name-header{margin:0;font-size:15px;font-weight:700;color:#1f2937}.phone-number-header{font-size:12px;color:#9ca3af;margin:0}.chat-header-actions{display:flex;gap:6px}.chat-search-bar{background:#fff;border-bottom:1px solid #f3f4f6;padding:8px 14px}.chat-search-input{display:flex;align-items:center;gap:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:6px 10px}.chat-search-icon{color:#9ca3af;font-size:14px}.chat-search-input input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:#374151}.chat-search-actions{display:flex;align-items:center;gap:4px}.chat-search-count{font-size:11px;font-weight:600;color:#6b7280;min-width:34px;text-align:right}.chat-search-btn{border:1px solid #e5e7eb;background:#fff;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-search-btn:hover:not(:disabled){background:#f0fdf4;color:#22c55e;border-color:#bbf7d0}.chat-search-btn.close:hover:not(:disabled){background:#fee2e2;color:#ef4444;border-color:#fecaca}.chat-search-btn:disabled{opacity:.4;cursor:not-allowed}.icon-action-btn{background:#f9fafb;border:1px solid #f3f4f6;color:#6b7280;font-size:15px;cursor:pointer;padding:9px;border-radius:9px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-action-btn:hover{background:#f0fdf4;border-color:#dcfce7;color:#22c55e}.mark-unread-btn{gap:6px;font-size:12px;font-weight:600;padding:8px 10px}.mark-unread-btn svg{font-size:12px}.messages-container{flex:1;padding:20px 6%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;position:relative;width:100%;background-color:#efeae2;background-repeat:repeat;background-size:100px 100px}.messages-container{flex:1;padding:20px 6%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;position:relative;width:100%;background-color:#efeae2;background-image:url(/background2.png);background-repeat:repeat;background-size:900px auto;background-position:center}.day-separator{text-align:center;margin:20px 0;position:relative;z-index:1}.day-separator span{background:#fffffff2;color:#667781;padding:6px 16px;border-radius:8px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 1px 3px #00000014}.chat-message{margin-bottom:10px;display:flex;width:100%;animation:messageSlideIn .3s ease;position:relative;z-index:1}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message.outgoing{justify-content:flex-end}.chat-message.incoming{justify-content:flex-start}.message-wrapper{position:relative;overflow:visible!important;margin-bottom:14px}.message-content{padding:8px 12px 6px;border-radius:8px;font-size:14px;line-height:1.5;position:relative;max-width:450px;width:fit-content;word-wrap:break-word;transition:all .2s ease}.chat-search-match .message-content{outline:2px solid #fde68a;outline-offset:2px}.chat-search-match.active .message-content{outline-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}@media (min-width: 1200px){.message-content{max-width:500px}}.incoming .message-content{background:#fff;border-top-left-radius:0;box-shadow:0 1px 2px #00000014}.incoming .message-content:before{content:"";position:absolute;left:-8px;top:0;width:0;height:0;border-style:solid;border-width:0 8px 8px 0;border-color:transparent #ffffff transparent transparent}.outgoing .message-content{background:#d9fdd3;border-top-right-radius:0;box-shadow:0 1px 2px #00000014}.outgoing .message-content:after{content:"";position:absolute;right:-8px;top:0;width:0;height:0;border-style:solid;border-width:8px 8px 0 0;border-color:#d9fdd3 transparent transparent transparent}.chat-message .message-content:has(.sticker-image){background:transparent!important;box-shadow:none!important;border:none!important;padding:4px!important}.chat-message .message-content:has(.sticker-image):before,.chat-message .message-content:has(.sticker-image):after{display:none!important}.message-content p{margin:0;color:#111b21}.message-metadata{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;min-height:16px}.message-time{font-size:11px;color:#667781;font-weight:400}.message-status .fas{font-size:12px}.outgoing .message-status .fas{color:#667781}.outgoing .message-status.read .fas{color:#53bdeb!important}.media-container{position:relative;display:flex;flex-direction:column;gap:6px;max-width:300px;width:100%}.media-preview-container{border-radius:8px;overflow:hidden;background:#f0f0f0}.media-preview-image,.media-preview-video{width:100%;border-radius:8px;cursor:pointer;display:block;transition:transform .2s ease}.media-preview-image:hover,.media-preview-video:hover{transform:scale(1.02)}.media-caption{margin:4px 0 0;font-size:14px;color:#111b21;line-height:1.4}.media-actions{display:flex;gap:6px;justify-content:flex-end}.media-download-btn,.media-preview-btn{background:#ffffffe6;color:#22c55e;border:1px solid #dcfce7;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:11px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:4px}.media-download-btn:hover,.media-preview-btn:hover{background:#f0fdf4;border-color:#22c55e}.document-container{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffffe6;border-radius:8px;min-width:240px;transition:all .2s ease}.document-icon{font-size:24px;color:#22c55e;padding:8px;background:#f0fdf4;border-radius:8px}.document-name{flex-grow:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111b21;font-weight:500}.sticker-container{padding:0;margin:4px 0;background:transparent!important;box-shadow:none!important}.sticker-image{width:128px;height:128px;object-fit:contain;display:block;background-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.audio-container{min-width:260px}.audio-player{display:flex;align-items:center;gap:12px;padding:6px;background:#ffffff80;border-radius:8px}.audio-play-btn{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;font-size:14px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #22c55e4d}.audio-play-btn:hover{transform:scale(1.05)}.audio-waveform{flex:1;display:flex;align-items:center;gap:8px;color:#667781}.audio-icon{font-size:16px;color:#22c55e}.audio-duration{font-size:12px;font-weight:500}.audio-download-btn{background:#f0fdf4;border:1px solid #dcfce7;color:#22c55e;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.audio-download-btn:hover{background:#dcfce7}.reaction-menu{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border-radius:24px;padding:6px 10px;box-shadow:0 4px 16px #0000001f;display:flex;gap:4px;z-index:100;animation:scaleIn .2s ease;white-space:nowrap}@keyframes scaleIn{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}.reaction-menu.left{right:100%;margin-right:10px}.reaction-menu.right{left:100%;margin-left:10px}.reaction-option{cursor:pointer;font-size:20px;transition:all .2s ease;padding:4px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;line-height:1}.reaction-option:hover{transform:scale(1.3);background:#f0fdf4}.reaction-option.reply-btn{border-left:1px solid #e5e7eb;padding-left:8px;margin-left:2px;color:#9ca3af;font-size:14px}.reaction-option.reply-btn svg{font-size:14px;margin-top:0}.reaction-option.reply-btn:hover{color:#22c55e;background:#f0fdf4}.message-reactions-display{position:absolute;bottom:-12px;background:#fff;border-radius:12px;padding:2px 8px;box-shadow:0 1px 6px #0000001a;font-size:13px;display:flex;align-items:center;gap:2px;z-index:5}.outgoing .message-reactions-display{right:6px}.incoming .message-reactions-display{left:6px}.message-quoted-context{background:#0000000d!important;border-left:4px solid #22c55e!important;border-radius:6px!important;padding:8px 10px!important;margin-bottom:6px!important;font-size:12px!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:8px!important;transition:all .2s ease;max-width:100%;overflow:hidden}.message-quoted-context:hover{background:#00000014!important}.message-quoted-context .quoted-media-thumb{flex-shrink:0}.message-quoted-context .quoted-text-info{min-width:0;flex:1}.message-quoted-context .quoted-text-info>div:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-composer{background:#f0f2f5;padding:12px 16px;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1001}.reply-preview-container{background:#fff;border-radius:10px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-left:4px solid #22c55e;box-shadow:0 1px 4px #0000000d;animation:slideUp .2s ease-out;position:relative;z-index:96}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.reply-preview-content{flex:1;display:flex;flex-direction:column;overflow:hidden;gap:2px}.reply-preview-title{font-size:12px;font-weight:700;color:#22c55e}.reply-preview-body{display:flex;align-items:center;gap:8px}.reply-preview-text{font-size:12px;color:#667781;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview-close{background:#f3f4f6;border:none;color:#6b7280;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;border-radius:6px;position:relative;z-index:97}.reply-preview-close:hover{background:#fee2e2;color:#ef4444}.composer-media-preview{background:#fff;border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 4px #0000000d}.preview-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.preview-image,.preview-video{width:60px;height:60px;object-fit:cover;border-radius:8px}.preview-file-meta,.preview-file-info{display:flex;flex-direction:column;min-width:0}.preview-file-meta strong,.preview-file-info strong{font-size:13px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.preview-file-meta span,.preview-file-info span{font-size:12px;color:#6b7280}.preview-file{display:flex;align-items:center;gap:10px;min-width:0}.preview-file-icon{font-size:20px;color:#16a34a;flex-shrink:0}.preview-remove{background:#fee2e2;border:none;color:#ef4444;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.preview-remove:hover{background:#ef4444;color:#fff}.composer-main{display:flex;align-items:flex-end;gap:10px;background:#fff;border-radius:8px;padding:6px 10px;min-height:50px}.composer-left-actions{display:flex;align-items:center;gap:2px;padding-bottom:4px}.composer-icon-btn{background:none;border:none;color:#8696a0;cursor:pointer;padding:8px;font-size:20px;transition:all .2s ease;border-radius:8px;display:flex;align-items:center;justify-content:center}.composer-icon-btn:hover{color:#22c55e;background:#22c55e1a}.composer-input-container{flex:1;margin:0 6px}.composer-input{width:100%;border:none;outline:none;font-size:14px;resize:none;background:transparent;max-height:100px;min-height:24px;padding:6px 0;font-family:inherit;line-height:1.4;color:#111b21}.composer-input::placeholder{color:#8696a0}.composer-right-actions{display:flex;align-items:center;padding-bottom:4px}.send-button{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;padding:10px;transition:all .2s ease;border-radius:50%;box-shadow:0 2px 8px #22c55e4d}.send-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #22c55e66}.microphone-button{background:none;border:none;color:#8696a0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;padding:8px;transition:all .2s ease;border-radius:8px}.microphone-button:hover{color:#22c55e;background:#22c55e1a}.emoji-picker-container{position:relative}.emoji-picker-wrapper{position:absolute;bottom:55px;left:0;z-index:1000;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;width:320px;height:340px;overflow:hidden;animation:scaleIn .2s ease}.attachment-menu-container{position:relative}.attachment-menu{position:absolute;bottom:55px;left:0;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001f;padding:6px;z-index:1000;min-width:200px;display:flex;flex-direction:column;gap:2px;animation:scaleIn .2s ease}.attachment-option{display:flex;align-items:center;padding:10px 14px;gap:12px;cursor:pointer;color:#374151;transition:all .2s ease;font-size:13px;font-weight:500;border-radius:8px}.attachment-option:hover{background:#f0fdf4;color:#16a34a}.attachment-option svg{color:#22c55e;font-size:16px}.profile-sidebar{width:340px;background:#fff;border-left:1px solid #f3f4f6;height:100%;display:flex;flex-direction:column;animation:slideInRight .3s ease-out;flex-shrink:0;border-radius:0 20px 20px 0}@keyframes slideInRight{0%{width:0;opacity:0}to{width:340px;opacity:1}}.profile-sidebar-header{height:68px;background:#fff;display:flex;align-items:center;padding:0 20px;gap:16px;border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:16px;font-weight:700}.profile-close-btn{background:#f3f4f6;border:none;font-size:16px;color:#6b7280;cursor:pointer;display:flex;align-items:center;transition:all .2s ease;padding:8px;border-radius:8px}.profile-close-btn:hover{background:#f0fdf4;color:#22c55e}.profile-sidebar-content{flex:1;overflow-y:auto;background:#f9fafb}.profile-section-hero{background:linear-gradient(180deg,#f0fdf4,#fff);padding:32px 0;display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.profile-large-avatar{width:160px;height:160px;border-radius:50%;background:#fff;border:4px solid #22c55e;display:flex;align-items:center;justify-content:center;font-size:64px;color:#22c55e;margin-bottom:20px;overflow:hidden;box-shadow:0 8px 24px #22c55e33}.profile-large-name{font-size:22px;color:#1f2937;margin:0 0 6px;font-weight:700}.profile-phone{font-size:14px;color:#6b7280}.profile-assignment-info{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:#6b7280;background:#fff;padding:8px 16px;border-radius:16px;box-shadow:0 1px 4px #0000000a}.profile-actions-bar{background:#fff;padding:16px 0;display:flex;justify-content:center;gap:32px;margin-bottom:10px}.profile-action-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:#22c55e;transition:all .2s ease;padding:10px;border-radius:10px}.profile-action-item:hover{background:#f0fdf4;transform:scale(1.05)}.profile-action-icon{font-size:22px}.profile-action-item span{font-size:11px;color:#6b7280;font-weight:500}.profile-section-about,.profile-section-media,.profile-section-options{background:#fff;padding:16px 20px;margin-bottom:10px}.profile-section-about h4{margin:0 0 4px;font-size:12px;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-section-about p{margin:0;font-size:14px;color:#1f2937}.profile-row-header{display:flex;justify-content:space-between;align-items:center;color:#16a34a;font-size:13px;margin-bottom:12px;cursor:pointer;font-weight:600}.media-preview-strip{display:flex;gap:8px}.media-placeholder{width:80px;height:80px;background:#f3f4f6;border-radius:10px}.profile-option-row{display:flex;align-items:center;padding:14px 10px;gap:16px;cursor:pointer;color:#374151;font-size:14px;transition:all .2s ease;border-radius:10px;margin:2px 0}.profile-option-row:hover{background:#f9fafb;color:#22c55e}.option-icon{color:#9ca3af;font-size:16px;transition:all .2s ease}.profile-option-row:hover .option-icon{color:#22c55e}.row-arrow{margin-left:auto;color:#d1d5db;font-size:11px}.profile-option-row.danger,.profile-option-row.danger .option-icon{color:#ef4444}.no-chat-selected{flex:1;display:flex;align-items:center;justify-content:center;background:#f0f2f5;height:100%;flex-direction:column;position:relative;border-radius:0 20px 20px 0}.empty-state{text-align:center;padding:50px;color:#6b7280;position:relative;z-index:1}.empty-icon{font-size:80px;color:#22c55e;margin-bottom:24px;opacity:.3}.empty-state h2{font-size:30px;font-weight:300;margin-bottom:12px;color:#374151}.empty-state p{font-size:14px;color:#9ca3af}.staff-info-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(90deg,#f0fdf4,#fff);border-bottom:1px solid #dcfce7}.staff-info-left{display:flex;align-items:center;gap:10px}.staff-avatar-small{width:36px;height:36px;background:#fff;border:2px solid #22c55e;color:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.staff-info-text{display:flex;flex-direction:column;gap:1px}.staff-name-display{font-weight:700;color:#15803d;font-size:14px}.staff-team-display{font-size:11px;color:#22c55e}.staff-chat-count{padding:6px 14px;background:#fff;border-radius:16px;font-size:12px;color:#16a34a;font-weight:600;border:1px solid #dcfce7}.no-contacts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;color:#9ca3af}.no-contacts-icon{font-size:48px;color:#dcfce7;margin-bottom:16px}.no-contacts p{margin:0;font-size:14px;color:#6b7280}.no-contacts-hint{margin-top:8px;font-size:12px;color:#9ca3af}.staff-welcome-info{display:flex;flex-direction:column;gap:4px;margin-top:20px;padding:14px 20px;background:#fff;border-radius:10px;font-size:13px;color:#6b7280;box-shadow:0 1px 4px #0000000a}.modal-overlay-centered{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:2000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.assign-modal-centered{background:#fff;border-radius:16px;width:90%;max-width:550px;max-height:75vh;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;overflow:hidden;animation:scaleIn .3s ease}.modal-header{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:17px;font-weight:700;color:#fff}.modal-close-btn{color:#fff;font-size:24px;background:#fff3;border:none;cursor:pointer;padding:0;line-height:1;transition:all .2s ease;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#ffffff4d}.modal-body{padding:20px;overflow-y:auto;flex:1}.staff-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:14px}.staff-card,.staff-assignment-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;padding:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.staff-card:hover,.staff-assignment-card:hover{background:#f0fdf4;border-color:#22c55e;transform:translateY(-2px)}.staff-avatar-large{width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #22c55e;color:#22c55e;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.staff-card-info,.staff-assignment-info{flex:1;display:flex;flex-direction:column;gap:2px}.staff-card-name,.staff-assignment-name{font-size:14px;font-weight:600;color:#1f2937}.staff-card-team{font-size:12px;color:#9ca3af}.staff-assignment-details{font-size:11px;color:#9ca3af}.auto-assign-indicator{font-size:10px;color:#22c55e;font-weight:600}.team-section{margin-bottom:24px}.team-section-header{font-size:15px;font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:3px solid currentColor;border-radius:2px}.new-chat-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:2000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.new-chat-content{background:#fff;border-radius:16px;padding:28px;width:90%;max-width:380px;box-shadow:0 20px 50px #0003;animation:scaleIn .3s ease}.new-chat-content h3{margin:0 0 20px;color:#1f2937;font-size:20px;font-weight:700}.new-chat-input{width:100%;padding:12px 14px;border:2px solid #f3f4f6;border-radius:10px;font-size:14px;margin-bottom:12px;background:#f9fafb;color:#1f2937;transition:all .3s ease}.new-chat-input:focus{outline:none;border-color:#22c55e;background:#fff;box-shadow:0 0 0 3px #22c55e1a}.new-chat-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.new-chat-button{padding:10px 24px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.new-chat-button.cancel{background:#f3f4f6;color:#6b7280}.new-chat-button.cancel:hover{background:#e5e7eb}.new-chat-button.save{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.new-chat-button.save:hover{transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.success-message{background:linear-gradient(90deg,#dcfce7,#f0fdf4);color:#15803d;padding:12px 16px;border-radius:10px;margin-bottom:16px;text-align:center;font-weight:600;border:1px solid #bbf7d0}.media-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:3000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column}.lightbox-close{position:absolute;top:-45px;right:0;background:#ffffff1a;border:none;color:#fff;font-size:26px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.lightbox-close:hover{background:#fff3}.lightbox-header{position:absolute;top:-45px;left:0}.lightbox-download{background:#22c55e33;color:#fff;border:1px solid rgba(34,197,94,.5);padding:10px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:all .2s ease}.lightbox-download:hover{background:#22c55e4d}.lightbox-media img,.lightbox-media video{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px}.scroll-to-bottom-btn{position:absolute;bottom:80px;right:20px;background:#fff;color:#22c55e;border:1px solid #dcfce7;border-radius:50%;width:42px;height:42px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:90;transition:all .2s ease}.message-composer.has-reply-preview+.scroll-to-bottom-btn{bottom:140px}.scroll-to-bottom-btn:hover{background:#f0fdf4;transform:scale(1.08)}.scroll-btn-notification{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.chat-window-expired-indicator{background:linear-gradient(90deg,#fef3c7,#fffbeb);border:1px solid #fcd34d;border-radius:12px;padding:14px 20px;margin:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.expired-text{display:flex;align-items:center;gap:8px;color:#92400e;font-size:13px;font-weight:500}.expired-text svg{font-size:18px;color:#f59e0b}.send-template-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;white-space:nowrap;transition:all .2s ease;box-shadow:0 4px 12px #22c55e4d}.send-template-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.error-banner{background:#fef2f2;color:#991b1b;padding:12px 16px;border-bottom:1px solid #fecaca;display:flex;justify-content:space-between;align-items:center;font-weight:500}.error-banner button{background:none;border:none;color:#991b1b;font-size:20px;cursor:pointer;padding:0 6px}@media (max-width: 1100px){.whatsapp-dashboard{width:95vw;height:95vh;top:2.5vh;left:calc(2.5vw + 40px);border-radius:16px}.profile-sidebar{position:absolute;right:0;top:0;bottom:0;z-index:100;box-shadow:-6px 0 20px #0000001a;border-radius:0 20px 20px 0}}@media (max-width: 768px){.search-input-wrapper{flex-wrap:wrap}.team-filter{width:100%;min-width:unset}.team-filter-trigger{width:100%;justify-content:space-between;padding:0 12px}.team-filter-menu{right:auto;left:0;width:100%}.whatsapp-dashboard{width:100vw;height:100vh;top:0;left:0;border-radius:0}.whatsapp-interface{border-radius:0}.whatsapp-interface.three-panel{flex-direction:column}.left-panel{width:100%;max-width:none;height:40%;min-width:100%;border-radius:0}.right-panel{height:60%;border-radius:0}.profile-sidebar{width:100%;max-width:none;border-radius:0}@keyframes slideInRight{0%{width:0;opacity:0}to{width:100%;opacity:1}}.messages-container{padding:14px 4%}.chat-header{padding:10px 14px}.message-composer{padding:10px 12px}}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #22c55e;outline-offset:2px}*{box-sizing:border-box}.bc-page-wrapper{position:relative;width:100%;height:100vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#f0fdf4,#fff 40%,#f0fdf4);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bc-page-wrapper::-webkit-scrollbar{width:10px}.bc-page-wrapper::-webkit-scrollbar-track{background:#f0fdf4;border-radius:5px}.bc-page-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22c55e,#16a34a);border-radius:5px;border:2px solid #f0fdf4}.bc-page-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#16a34a,#15803d)}.bc-container{display:flex;flex-direction:column;min-height:100%}.bc-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px;position:sticky;top:0;z-index:90;box-shadow:0 2px 12px #22c55e0f}.bc-header-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.bc-header-left{display:flex;align-items:center;gap:16px}.bc-logo{width:52px;height:52px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 6px 20px #22c55e4d}.bc-header-info h1{font-size:24px;font-weight:700;color:#166534;letter-spacing:-.5px;margin:0}.bc-header-info p{font-size:14px;color:#6b7280;margin-top:2px;margin-bottom:0}.bc-header-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.bc-header-btn.primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;box-shadow:0 4px 16px #22c55e4d}.bc-header-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #22c55e66}.bc-header-btn.secondary{background:#fff;color:#166534;border:2px solid #22c55e}.bc-header-btn.secondary:hover{background:#f0fdf4}.bc-main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:28px 24px 40px}.bc-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.bc-stat-card{background:#fff;border-radius:18px;padding:24px;display:flex;align-items:center;gap:18px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #00000008;transition:all .3s ease}.bc-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #22c55e1f;border-color:#bbf7d0}.bc-stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px}.bc-stat-icon.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.bc-stat-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.bc-stat-icon.amber{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.bc-stat-icon.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.bc-stat-info{display:flex;flex-direction:column}.bc-stat-value{font-size:32px;font-weight:800;color:#111827;letter-spacing:-1px;line-height:1}.bc-stat-label{font-size:13px;color:#6b7280;margin-top:6px;font-weight:500}.bc-table-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 4px 16px #0000000a}.bc-table-header{padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#fafffe,#fff)}.bc-table-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#111827}.bc-table-title svg{color:#22c55e}.bc-table-wrapper{overflow-x:auto}.bc-table-wrapper::-webkit-scrollbar{height:8px}.bc-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6}.bc-table-wrapper::-webkit-scrollbar-thumb{background:#22c55e;border-radius:4px}.bc-table{width:100%;border-collapse:collapse}.bc-table th{text-align:left;padding:16px 24px;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.8px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.bc-table th.center{text-align:center}.bc-table td{padding:18px 24px;font-size:14px;color:#374151;border-bottom:1px solid #f3f4f6;vertical-align:middle}.bc-table td.center{text-align:center}.bc-table tbody tr{transition:all .2s ease}.bc-table tbody tr:hover{background:linear-gradient(90deg,#f0fdf4,#fff)}.bc-name-cell{display:flex;align-items:center;gap:14px}.bc-name-icon{width:42px;height:42px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#16a34a;font-size:16px}.bc-name-cell span{font-weight:600;color:#111827}.bc-template-tag{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;color:#4b5563}.bc-recipients-num{font-weight:700;color:#111827;font-size:15px}.bc-sent-tag,.bc-delivered-tag,.bc-read-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.bc-sent-tag{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.bc-delivered-tag{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.bc-read-tag{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9}.bc-date-cell{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.bc-date-cell svg{color:#9ca3af}.bc-report-btn{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3f51b5;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.bc-report-btn:hover{background:linear-gradient(135deg,#c7d2fe,#a7b5ed);box-shadow:0 2px 8px #3f51b533;transform:translateY(-1px)}.bc-empty{padding:80px 40px;text-align:center}.bc-empty-icon{width:100px;height:100px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;font-size:40px;color:#22c55e}.bc-empty h3{font-size:22px;font-weight:700;color:#111827;margin-bottom:8px}.bc-empty p{font-size:15px;color:#6b7280;margin-bottom:28px}.bc-empty-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px #22c55e4d;transition:all .2s ease}.bc-empty-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #22c55e66}.bc-create{max-width:920px;margin:0 auto}.bc-form-card{background:#fff;border-radius:24px;border:1px solid #e5e7eb;box-shadow:0 8px 32px #0000000f;overflow:hidden}.bc-form-header{padding:32px;background:linear-gradient(135deg,#f0fdf4,#fff);border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:20px}.bc-form-header-icon{width:60px;height:60px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;box-shadow:0 6px 20px #22c55e4d}.bc-form-header-text h2{font-size:24px;font-weight:700;color:#111827;margin-bottom:4px}.bc-form-header-text p{font-size:14px;color:#6b7280;margin:0}.bc-form-section{border-bottom:1px solid #e5e7eb}.bc-form-section:last-of-type{border-bottom:none}.bc-section-header{padding:22px 32px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease}.bc-section-header:hover{background:#fafffe}.bc-section-title{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:600;color:#111827}.bc-section-num{width:32px;height:32px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 3px 10px #22c55e4d}.bc-section-icon{color:#22c55e;font-size:18px}.bc-selected-badge,.bc-count-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-left:10px}.bc-selected-badge{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.bc-count-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 3px 10px #22c55e40}.bc-chevron{color:#9ca3af;font-size:14px;transition:transform .3s ease}.bc-chevron.open{transform:rotate(180deg)}.bc-section-body{padding:0 32px 28px}.bc-input-wrap{margin-bottom:16px}.bc-input-wrap label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:10px}.bc-req{color:#ef4444}.bc-input{width:100%;padding:16px 18px;border:2px solid #e5e7eb;border-radius:14px;font-size:15px;outline:none;transition:all .2s ease;background:#fafafa}.bc-input:focus{border-color:#22c55e;background:#fff;box-shadow:0 0 0 4px #22c55e1a}.bc-input-hint{display:block;font-size:12px;color:#9ca3af;margin-top:8px}.bc-templates-list{display:flex;flex-direction:column;gap:12px;max-height:380px;overflow-y:auto;padding:4px}.bc-templates-list::-webkit-scrollbar{width:6px}.bc-templates-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.bc-templates-list::-webkit-scrollbar-thumb{background:#22c55e;border-radius:3px}.bc-template-item{display:flex;gap:16px;padding:18px;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .2s ease;background:#fff}.bc-template-item:hover{border-color:#bbf7d0;background:#fafffe}.bc-template-item.active{border-color:#22c55e;background:linear-gradient(135deg,#f0fdf4,#fff);box-shadow:0 4px 16px #22c55e1f}.bc-template-radio{position:relative;padding-top:4px}.bc-template-radio input{position:absolute;opacity:0}.bc-radio-custom{width:22px;height:22px;border:2px solid #d1d5db;border-radius:50%;display:block;transition:all .2s ease;position:relative}.bc-template-radio input:checked+.bc-radio-custom{border-color:#22c55e;background:#22c55e}.bc-template-radio input:checked+.bc-radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.bc-template-content{flex:1;min-width:0}.bc-template-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:10px}.bc-template-name{font-size:15px;font-weight:600;color:#111827}.bc-template-badges{display:flex;gap:8px}.bc-status-tag{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.bc-status-tag.approved{background:#dcfce7;color:#166534}.bc-status-tag.pending{background:#fef3c7;color:#92400e}.bc-lang-tag{background:#f3f4f6;color:#6b7280;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500}.bc-template-preview{font-size:13px;color:#6b7280;line-height:1.6;margin:0}.bc-parameter-section{margin-top:24px;background:linear-gradient(135deg,#f9fafb,#f0fdf4);border-radius:16px;padding:24px;border:1px solid #e5e7eb}.bc-parameter-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.bc-parameter-icon-wrap{width:44px;height:44px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.bc-parameter-title{font-size:16px;font-weight:600;color:#111827;display:block}.bc-parameter-subtitle{font-size:13px;color:#6b7280;display:block;margin-top:2px}.bc-parameter-grid{display:flex;flex-direction:column;gap:16px}.bc-parameter-card{background:#fff;padding:18px;border-radius:12px;border:1px solid #e5e7eb}.bc-parameter-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;color:#374151;margin-bottom:10px}.bc-required-tag{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase}.bc-parameter-input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;transition:all .2s ease}.bc-parameter-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.bc-file-upload-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.bc-hidden-input{display:none}.bc-file-label{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:2px dashed #d1d5db;border-radius:10px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.bc-file-label:hover{border-color:#22c55e;color:#22c55e;background:#f0fdf4}.bc-file-label.uploaded{border-style:solid;border-color:#22c55e;color:#166534;background:#f0fdf4}.bc-uploaded-indicator{display:flex;align-items:center;gap:8px;font-size:13px;color:#166534;font-weight:500}.bc-uploaded-indicator svg{color:#22c55e}.bc-search-row{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.bc-search-wrap{position:relative;flex:1;min-width:220px}.bc-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px}.bc-search-input{width:100%;padding:16px 50px;border:2px solid #e5e7eb;border-radius:14px;font-size:15px;outline:none;transition:all .2s ease;background:#fafafa}.bc-search-input:focus{border-color:#22c55e;background:#fff;box-shadow:0 0 0 4px #22c55e1a}.bc-search-clear{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:#f3f4f6;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:all .2s ease}.bc-search-clear:hover{background:#e5e7eb;color:#111827}.bc-search-results{font-size:13px;color:#6b7280;margin-bottom:16px;padding:10px 14px;background:#f9fafb;border-radius:8px}.bc-team-filter{position:relative;flex-shrink:0}.bc-team-filter-trigger{width:52px;height:52px;border-radius:14px;border:2px solid #e5e7eb;background:#fafafa;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease;color:#111827}.bc-team-filter-trigger:hover{background:#fff;border-color:#d1d5db}.bc-team-filter-trigger.open{box-shadow:0 12px 24px #0f172a1f;border-color:#cbd5e1}.bc-team-filter-icon{width:30px!important;height:30px!important;font-size:30px!important;line-height:1!important;color:#111827!important;transform:scale(1.4)}.bc-team-filter-icon svg{width:100%!important;height:100%!important}.bc-team-filter-caret{color:#9ca3af;font-size:16px;width:16px;height:16px;transform:rotate(90deg);transition:transform .2s ease}.bc-team-filter-trigger.open .bc-team-filter-caret{transform:rotate(-90deg)}.bc-team-filter-menu{position:absolute;top:calc(100% + 8px);right:0;width:220px;max-height:260px;overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 16px 30px #0f172a2e;padding:8px;z-index:20}.bc-team-filter-item{width:100%;text-align:left;border:none;background:transparent;padding:8px 10px;border-radius:8px;font-size:13px;color:#374151;cursor:pointer;transition:background .2s ease,color .2s ease}.bc-team-filter-item:hover{background:#f3f4f6}.bc-team-filter-item.active{background:#ecfdf3;color:#15803d;font-weight:600}.bc-recipients-box{background:linear-gradient(135deg,#fafffe,#f9fafb);border-radius:16px;padding:20px;border:1px solid #e5e7eb;max-height:400px;overflow-y:auto}.bc-recipients-box::-webkit-scrollbar{width:6px}.bc-recipients-box::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.bc-recipients-box::-webkit-scrollbar-thumb{background:#22c55e;border-radius:3px}.bc-no-contacts,.bc-no-results{text-align:center;padding:50px 20px;color:#6b7280}.bc-no-contacts svg,.bc-no-results svg{font-size:40px;color:#d1d5db;margin-bottom:16px}.bc-no-contacts p,.bc-no-results p{font-size:14px;margin:0}.bc-clear-search-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;margin-top:16px}.bc-select-all{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e5e7eb}.bc-checkbox-wrap{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:#374151;cursor:pointer}.bc-checkbox-wrap input{display:none}.bc-checkmark{width:22px;height:22px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bc-checkbox-wrap input:checked+.bc-checkmark{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e}.bc-checkbox-wrap input:checked+.bc-checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.bc-select-all-btn{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.bc-select-all-btn:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.bc-contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.bc-contact-card{display:flex;align-items:center;gap:14px;padding:14px;background:#fff;border-radius:14px;border:2px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.bc-contact-card:hover{border-color:#bbf7d0;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e1a}.bc-contact-card.selected{border-color:#22c55e;background:linear-gradient(135deg,#f0fdf4,#fff)}.bc-contact-check{width:20px;height:20px;accent-color:#22c55e;cursor:pointer}.bc-contact-avatar{width:44px;height:44px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600;flex-shrink:0}.bc-contact-details{flex:1;min-width:0}.bc-contact-name{display:block;font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-contact-phone{display:block;font-size:12px;color:#6b7280;margin-top:2px}.bc-check-icon{color:#22c55e;font-size:20px;flex-shrink:0}.bc-form-footer{padding:28px 32px;border-top:1px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#f0fdf4)}.bc-summary{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:20px;background:#fff;border-radius:14px;border:1px solid #e5e7eb}.bc-summary-item{display:flex;flex-direction:column;gap:4px}.bc-summary-divider{width:1px;height:36px;background:#e5e7eb}.bc-summary-label{font-size:12px;color:#6b7280;font-weight:500}.bc-summary-value{font-size:14px;color:#111827;font-weight:600}.bc-summary-value.highlight{color:#16a34a}.bc-send-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;border:none;border-radius:16px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease}.bc-send-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 8px 28px #22c55e59}.bc-send-btn.active:hover{transform:translateY(-3px);box-shadow:0 12px 36px #22c55e73}.bc-send-btn.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.bc-loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f0fdf4,#fff,#f0fdf4)}.bc-loading-content{text-align:center;padding:48px;background:#fff;border-radius:24px;box-shadow:0 20px 60px #22c55e1a;border:1px solid rgba(34,197,94,.1)}.bc-loading-icon-wrapper{position:relative;width:100px;height:100px;margin:0 auto 28px;display:flex;align-items:center;justify-content:center}.bc-loading-pulse{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:50%;animation:bc-pulse 2s ease-in-out infinite}.bc-loading-icon{position:relative;z-index:1;font-size:40px;color:#22c55e;animation:bc-bounce 1s ease-in-out infinite}.bc-loading-title{font-size:26px;font-weight:700;color:#166534;margin-bottom:8px}.bc-loading-text{font-size:15px;color:#6b7280;margin-bottom:24px}.bc-loading-bar{width:200px;height:4px;background:#e5e7eb;border-radius:2px;margin:0 auto;overflow:hidden}.bc-loading-bar-progress{height:100%;width:40%;background:linear-gradient(90deg,#22c55e,#16a34a,#22c55e);border-radius:2px;animation:bc-loading-slide 1.5s ease-in-out infinite}.bc-loading-inline{display:flex;align-items:center;justify-content:center;gap:12px;padding:50px;color:#6b7280;font-size:14px}.bc-spinner{animation:bc-spin 1s linear infinite;font-size:18px;color:#22c55e}.bc-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:12px;padding:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;color:#92400e;font-size:14px}.bc-refresh-btn{background:#f59e0b;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}@keyframes bc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bc-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.3}}@keyframes bc-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bc-loading-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.bc-carousel-section{margin-top:20px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #dee2e6}.bc-carousel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bc-carousel-header h5{margin:0;font-size:16px;font-weight:600;color:#212529}.bc-carousel-nav{display:flex;align-items:center;gap:12px}.bc-carousel-nav-btn{background:#fff;border:1px solid #ced4da;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#495057;transition:all .2s ease}.bc-carousel-nav-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.bc-carousel-nav-btn:disabled{opacity:.5;cursor:not-allowed}.bc-carousel-indicator{font-size:14px;font-weight:600;color:#495057}.bc-carousel-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px}.bc-carousel-card-upload{background:#fff;border:2px dashed #ced4da;border-radius:8px;padding:16px 12px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center;transition:all .2s ease;position:relative}.bc-carousel-card-upload:hover{border-color:#adb5bd;transform:translateY(-2px)}.bc-carousel-card-upload.active{border-color:#22c55e;border-style:solid;box-shadow:0 0 0 3px #22c55e1a}.bc-carousel-card-upload.uploaded{background:#e8f5e9;border-color:#22c55e;border-style:solid}.bc-card-number{font-size:11px;font-weight:700;color:#6c757d;text-transform:uppercase;margin-bottom:8px}.bc-card-upload-icon{font-size:24px;margin-bottom:6px;color:#adb5bd}.bc-carousel-card-upload:hover .bc-card-upload-icon{color:#495057}.bc-card-upload-text{font-size:11px;color:#6c757d}.bc-card-uploading{color:#0d6efd;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.bc-card-uploading .bc-spinner{animation:bc-spin 1s linear infinite}.bc-card-uploaded{color:#198754;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.bc-card-filename{font-size:10px;color:#495057;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-card-button-info{font-size:10px;color:#6c757d;margin-top:4px}.bc-upload-error{color:#dc3545;font-size:10px;margin-top:4px;text-align:center;max-width:100%;word-break:break-word}.bc-upload-summary{margin-top:12px;text-align:center;font-size:13px;color:#495057;font-weight:500;padding:8px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.bc-warning-text{color:#fd7e14;margin-left:8px;font-weight:600}.bc-carousel-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;margin-left:6px}.bc-carousel-mini-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1px 4px;border-radius:3px;font-size:9px;font-weight:600;margin-left:4px}.bc-summary-carousel-tag{color:#764ba2;font-weight:600;margin-left:4px;font-size:12px}@media (max-width: 1200px){.bc-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.bc-header{padding:14px 16px}.bc-header-inner{flex-direction:column;align-items:stretch}.bc-header-left{margin-bottom:12px;justify-content:center}.bc-logo{width:44px;height:44px;font-size:20px}.bc-header-info h1{font-size:20px}.bc-header-info{text-align:center}.bc-header-btn{justify-content:center;width:100%}.bc-main{padding:20px 16px 32px}.bc-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.bc-stat-card{padding:16px;flex-direction:column;text-align:center;gap:12px}.bc-stat-value{font-size:26px}.bc-table th,.bc-table td{padding:12px 14px;font-size:12px}.bc-form-header,.bc-section-body,.bc-form-footer,.bc-section-header{padding-left:18px;padding-right:18px}.bc-form-header{flex-direction:column;text-align:center;gap:16px}.bc-contacts-grid{grid-template-columns:1fr}.bc-summary{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.bc-summary-item{width:100%;flex-direction:row;justify-content:space-between;border-bottom:1px solid #f3f4f6;padding-bottom:8px}.bc-summary-item:last-child{border-bottom:none}.bc-summary-divider{display:none}.bc-send-btn{padding:16px;font-size:15px}}@media (max-width: 480px){.bc-stats-grid{grid-template-columns:1fr}.bc-form-card{border-radius:18px}.bc-section-title{font-size:14px;gap:10px}.bc-section-num{width:28px;height:28px;font-size:12px}.bc-template-item{padding:14px;flex-direction:column}.bc-template-radio{padding-top:0;display:flex;justify-content:flex-end}.bc-contact-card{padding:12px}.bc-contact-avatar{width:38px;height:38px;font-size:16px}.bc-empty{padding:50px 20px}.bc-empty-icon{width:80px;height:80px;font-size:32px}.bc-loading-content{padding:24px;width:90%}.bc-loading-bar{width:100%}}.bc-carousel-cards-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.bc-carousel-header{flex-direction:column;gap:12px;align-items:flex-start}.bc-carousel-nav{align-self:flex-end}@media (max-width: 480px){.bc-carousel-cards-grid{grid-template-columns:1fr}}.bc-report-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:bc-backdrop-fade .3s ease-out;padding:20px}@keyframes bc-backdrop-fade{0%{opacity:0}to{opacity:1}}.bc-report-modal{background:#fff;border-radius:20px;width:100%;max-width:900px;max-height:90vh;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;animation:bc-modal-slide-up .3s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}@keyframes bc-modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bc-report-modal-content{overflow-y:auto;overflow-x:hidden;max-height:calc(90vh - 40px);flex:1}.bc-report-modal-content::-webkit-scrollbar{width:12px}.bc-report-modal-content::-webkit-scrollbar-track{background:#f8fafc;border-radius:0 20px 20px 0}.bc-report-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:10px;border:3px solid #f8fafc}.bc-report-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}.bc-report-modal-content::-webkit-scrollbar-thumb:active{background:#64748b}.bc-report-modal-content{scrollbar-width:thin;scrollbar-color:#94a3b8 #f8fafc}.bc-report-header{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 32px 24px;border-bottom:1px solid #f1f5f9;background:linear-gradient(to bottom,#fff,#fafbfc);position:sticky;top:0;z-index:20}.bc-report-title-section{flex:1}.bc-report-title{font-size:26px;font-weight:700;color:#0f172a;margin:0 0 8px;line-height:1.2;letter-spacing:-.02em}.bc-report-subtitle{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;color:#64748b;line-height:1.5;flex-wrap:wrap}.bc-report-campaign-name{font-weight:600;color:#334155}.bc-report-separator{color:#cbd5e1;font-weight:300}.bc-report-template-name{color:#64748b}.bc-report-close{position:relative;z-index:50;background:#fff;color:#0f172a;border:1.5px solid #e2e8f0}.bc-report-close:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626;transform:rotate(90deg) scale(1.05)}.bc-report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 32px;background:#f8fafb;border-bottom:1px solid #e8eef3}.bc-stat-card{background:#fff;border-radius:14px;padding:18px;display:flex;align-items:center;gap:14px;border:1px solid #e8eef3;transition:all .2s ease;box-shadow:0 1px 3px #00000008}.bc-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.bc-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.bc-stat-total .bc-stat-icon{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1}.bc-stat-sent .bc-stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.bc-stat-delivered .bc-stat-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.bc-stat-read .bc-stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.bc-stat-content{flex:1}.bc-stat-label{margin:0 0 4px;font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.bc-stat-value{margin:0;font-size:24px;font-weight:700;color:#0f172a;line-height:1}.bc-report-controls{display:flex;gap:14px;padding:24px 32px 20px;background:#fff}.bc-search-wrapper{flex:1;position:relative}.bc-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:16px;pointer-events:none;z-index:1}.bc-report-search{width:100%;height:46px;padding:0 44px 0 46px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;color:#0f172a;background:#f8fafc;outline:none;transition:all .2s ease;font-weight:400}.bc-report-search::placeholder{color:#94a3b8}.bc-report-search:focus{border-color:#22c55e;background:#fff;box-shadow:0 0 0 4px #22c55e14}.bc-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;font-size:11px;transition:all .2s ease;z-index:1}.bc-search-clear:hover{background:#cbd5e1;color:#0f172a}.bc-filter-wrapper{flex:0 0 200px}.bc-report-filter{width:100%;height:46px;padding:0 40px 0 16px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;color:#0f172a;background:#f8fafc url('data:image/svg+xml;utf8,<svg fill="%2364748b" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"/></svg>') no-repeat right 12px center;background-size:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;transition:all .2s ease;font-weight:500}.bc-report-filter:hover{border-color:#cbd5e1;background-color:#fff}.bc-report-filter:focus{border-color:#22c55e;background-color:#fff;box-shadow:0 0 0 4px #22c55e14}.bc-report-table-container{padding:0 32px;margin-bottom:24px}.bc-report-table-wrapper{border:1px solid #e8eef3;border-radius:14px;background:#fff;overflow:hidden}.bc-report-table{width:100%;border-collapse:collapse;table-layout:fixed}.bc-report-table thead{background:#f8fafb;position:sticky;top:0;z-index:10}.bc-report-table thead:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#e8eef3}.bc-report-table th{text-align:left;padding:16px 20px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;background:#f8fafb;border-bottom:2px solid #e8eef3;position:relative}.bc-th-content{display:flex;align-items:center;gap:8px}.bc-th-icon{font-size:13px;opacity:.6}.bc-th-recipient,.bc-td-recipient{width:40%}.bc-th-status,.bc-td-status,.bc-th-timestamp,.bc-td-timestamp{width:30%}.bc-report-table tbody{background:#fff}.bc-report-table td{padding:16px 20px;font-size:14px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle;background:#fff;word-wrap:break-word;overflow-wrap:break-word}.bc-table-row{transition:all .15s ease}.bc-table-row:hover{background:#f0fdf4!important}.bc-table-row:hover td{background:transparent}.bc-report-table tbody tr:last-child td{border-bottom:none}.bc-recipient-cell{display:flex;align-items:center;gap:12px}.bc-recipient-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#15803d;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.bc-phone-number{font-weight:600;color:#0f172a;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px}.bc-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.bc-status-icon{font-size:11px}.bc-status-read{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.bc-status-delivered{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.bc-status-sent{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.bc-status-failed{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.bc-status-pending{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.bc-timestamp{color:#64748b;font-size:13px;font-weight:500}.bc-report-empty{padding:0!important}.bc-empty-state{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.bc-empty-icon{font-size:48px;color:#cbd5e1;margin-bottom:16px}.bc-empty-text{font-size:16px;font-weight:600;color:#475569;margin:0 0 8px}.bc-empty-subtext{font-size:14px;color:#94a3b8;margin:0}.bc-report-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 32px 28px;border-top:1px solid #f1f5f9;background:linear-gradient(to top,#fafbfc,#fff)}.bc-footer-text{margin:0;font-size:13px;color:#64748b;font-weight:500}.bc-footer-text strong{color:#0f172a;font-weight:700}.bc-close-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#fff;color:#64748b;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.bc-close-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a;transform:translateY(-1px)}.bc-close-btn:active{transform:translateY(0)}.bc-report-modal:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(255,255,255,.95),transparent);pointer-events:none;opacity:0;transition:opacity .3s ease;border-radius:0 0 20px 20px;z-index:15}.bc-report-modal.has-more-content:after{opacity:1}@media (max-width: 1024px){.bc-report-stats{grid-template-columns:repeat(2,1fr)}.bc-report-modal{max-width:95%}}@media (max-width: 768px){.bc-report-backdrop{padding:0;align-items:flex-end}.bc-report-modal{width:100%;max-width:100%;max-height:95vh;height:95vh;border-radius:20px 20px 0 0;margin:0}.bc-report-modal-content{max-height:calc(95vh - 20px)}.bc-report-modal-content::-webkit-scrollbar{width:8px}.bc-report-header{position:sticky;top:0;z-index:35}.bc-report-title{font-size:20px;padding-right:40px}.bc-report-subtitle{flex-direction:column;align-items:flex-start;gap:4px}.bc-report-separator{display:none}.bc-report-close{position:absolute;top:20px;right:20px;z-index:11}.bc-report-stats{grid-template-columns:1fr 1fr;padding:20px;gap:12px}.bc-stat-card{padding:14px;flex-direction:column;text-align:center;gap:10px}.bc-stat-icon{width:40px;height:40px;font-size:18px}.bc-stat-label{font-size:11px}.bc-stat-value{font-size:22px}.bc-report-controls{flex-direction:column;padding:20px;gap:12px}.bc-filter-wrapper{flex:none;width:100%}.bc-report-table-container{padding:0 20px}.bc-report-table-wrapper{border-radius:10px;overflow-x:auto}.bc-report-table{min-width:500px}.bc-report-table th,.bc-report-table td{padding:12px 14px;font-size:12px}.bc-recipient-avatar{width:32px;height:32px;font-size:12px}.bc-phone-number{font-size:12px}.bc-status-badge{padding:5px 10px;font-size:11px}.bc-timestamp{font-size:12px}.bc-report-footer{flex-direction:column;gap:16px;padding:20px}.bc-close-btn{width:100%;justify-content:center;padding:12px 24px}.bc-empty-state{padding:40px 20px;min-height:200px}.bc-empty-icon{font-size:36px}}@media (max-width: 480px){.bc-report-stats{grid-template-columns:1fr}.bc-stat-card{flex-direction:row;text-align:left;gap:12px}.bc-stat-icon{width:38px;height:38px;font-size:16px}.bc-stat-label{font-size:11px}.bc-stat-value{font-size:18px}.bc-th-content{gap:4px}.bc-th-icon{font-size:11px}.bc-report-modal-content::-webkit-scrollbar{width:6px}}@media print{.bc-report-backdrop{background:none;position:static}.bc-report-modal{box-shadow:none;max-height:none;border-radius:0}.bc-report-modal-content{overflow:visible;max-height:none}.bc-report-close,.bc-close-btn,.bc-report-controls{display:none}.bc-report-stats{page-break-after:avoid}}@media (prefers-reduced-motion: reduce){.bc-report-backdrop,.bc-report-modal,.bc-report-close,.bc-stat-card,.bc-table-row,.bc-close-btn{animation:none;transition:none}}.bc-report-close:focus,.bc-close-btn:focus,.bc-report-search:focus,.bc-report-filter:focus{outline:2px solid #22c55e;outline-offset:2px}@media (prefers-contrast: high){.bc-report-modal,.bc-stat-card{border:2px solid currentColor}.bc-status-badge{border-width:2px}}.auth-wrapper{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;font-family:Poppins,sans-serif;background-image:url(/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.bg-shape{display:none;position:absolute;border-radius:50%;filter:blur(90px);z-index:1;opacity:.5;animation:floatShape 10s infinite ease-in-out}.shape-1{background:#25d366;width:400px;height:400px;top:-100px;left:-100px}.shape-2{background:#128c7e;width:300px;height:300px;bottom:-50px;right:-50px;animation-delay:-5s}.shape-3{background:#fff;width:150px;height:150px;top:40%;left:50%;transform:translate(-50%,-50%);opacity:.1;filter:blur(60px)}@keyframes floatShape{0%{transform:translate(0)}50%{transform:translate(40px,40px)}to{transform:translate(0)}}.login-card-modern{position:relative;width:100%;max-width:440px;padding:40px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000005e;z-index:10;display:flex;flex-direction:column;align-items:center}.card-header-modern{text-align:center;width:100%;margin-bottom:25px}.logo-container{width:auto;height:auto;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.auth-logo-img{width:300px!important;height:auto!important;object-fit:contain}.welcome-text{font-size:1.8rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);font-weight:700;margin-bottom:5px;letter-spacing:-.5px}.tagline-text{color:#e5e7eb;font-size:.9rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-modern{width:100%}.input-group-modern{margin-bottom:20px}.input-group-modern label{display:block;font-size:.85rem;color:#fff;margin-bottom:8px;font-weight:600;margin-left:4px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.input-wrapper-modern{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:14px 45px 14px 18px;border:1px solid rgba(255,255,255,.5);border-radius:14px;font-size:.95rem;background:#ffffff1a;color:#fff;transition:all .3s ease;outline:none;font-family:Poppins,sans-serif}.input-field::placeholder{color:#ffffffb3}.input-field:focus{border-color:#25d366;background:#fff3;box-shadow:0 0 0 4px #25d36633}.input-icon-right,.password-toggle-modern{position:absolute;right:15px;color:#fffc;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle-modern{background:none;border:none;cursor:pointer;padding:0}.password-toggle-modern:hover{color:#25d366}.quote-section{text-align:center;margin:20px 0;padding:15px;background:#0003;border-radius:12px;border-left:4px solid #25d366}.quote-section p{font-size:.85rem;font-style:italic;color:#fff;margin:0;font-weight:500}.error-banner{width:100%;background:#fef2f2e6;border:1px solid #fee2e2;color:#dc2626;padding:12px;border-radius:12px;font-size:.9rem;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-weight:500}.btn-signin-modern{width:100%;padding:16px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 20px #0003;margin-top:10px}.btn-signin-modern:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 25px #25d36666}.btn-signin-modern:disabled{background:#d1d5db80;cursor:not-allowed;transform:none;box-shadow:none}.spinner-dots{display:flex;justify-content:center;align-items:center;gap:6px}.spinner-dots span{width:8px;height:8px;background-color:#fff;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.spinner-dots span:nth-child(1){animation-delay:-.32s}.spinner-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width: 480px){.login-card-modern{padding:30px 20px;margin:20px;max-width:90%}.welcome-text{font-size:1.5rem}}:root{--sidebar-width: clamp(56px, 5.5vw, 74px);--sidebar-item-size: clamp(32px, 3.2vw, 38px);--sidebar-icon-size: clamp(16px, 2vw, 20px);--sidebar-gap: clamp(16px, 4vh, 27px);--sidebar-brand-gap: clamp(16px, 3vh, 24px);--color-primary: #52dd5e;--color-primary-light: #10b981;--color-primary-dark: #047857;--color-primary-bg: #ecfdf5;--color-primary-glow: rgba(5, 150, 105, .25);--bg-sidebar: #ffffff;--bg-hover: #f0fdf4;--bg-active: linear-gradient(145deg, #52dd5e, #10b910);--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-white: #ffffff;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--shadow-glow: 0 4px 20px var(--color-primary-glow);--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-danger-glow: rgba(220, 38, 38, .2);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width)!important;height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding:clamp(10px,2vh,16px) 0;z-index:100}.sidebar-brand{flex-shrink:0;margin-bottom:var(--sidebar-brand-gap)}.brand-link{display:block;text-decoration:none}.brand-logo{width:var(--sidebar-item-size);height:var(--sidebar-item-size);display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:var(--shadow-glow);transition:transform var(--duration-normal) var(--ease-out)}.brand-logo:hover{transform:scale(1.05)}.sidebar-logo-img{width:clamp(18px,2.4vw,24px);height:clamp(18px,2.4vw,24px);object-fit:contain}.brand-loader{width:44px;height:44px;border-radius:12px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sidebar-menu{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--sidebar-gap);padding:0 6px;overflow-y:auto;overflow-x:hidden}.sidebar.sidebar-staff .sidebar-menu{margin-top:clamp(30px,24vh,84px);gap:clamp(24px,10vh,66px)}.sidebar.sidebar-staff .menu-item{margin:0 auto}.sidebar.sidebar-staff .menu-icon{justify-content:center}.sidebar-menu::-webkit-scrollbar{width:0}.menu-item{position:relative;width:var(--sidebar-item-size);height:var(--sidebar-item-size);display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--text-secondary);text-decoration:none;transition:all var(--duration-normal) var(--ease-out);cursor:pointer}.menu-item:hover{background:var(--bg-hover);color:var(--color-primary);transform:scale(1.05)}.menu-item.active{background:var(--bg-active);color:var(--text-white);box-shadow:var(--shadow-glow)}.menu-item.active:hover{transform:scale(1.05)}.menu-icon{position:relative;display:flex;align-items:center;justify-content:center;font-size:var(--sidebar-icon-size);transition:transform var(--duration-fast) ease}.menu-item:hover .menu-icon{transform:scale(1.1)}.menu-item.active .menu-icon{transform:scale(1)}.menu-badge{position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;padding:0 4px;background:var(--color-danger);color:var(--text-white);font-size:10px;font-weight:700;font-family:Inter,sans-serif;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-sidebar);box-shadow:0 2px 8px var(--color-danger-glow);animation:badgeBounce .4s var(--ease-out)}@keyframes badgeBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.menu-item:after{content:attr(data-label);position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%) translate(-8px);background:var(--text-primary);color:var(--text-white);padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;box-shadow:var(--shadow-lg);transition:all var(--duration-fast) ease;z-index:200}.menu-item:before{content:"";position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--text-primary);opacity:0;visibility:hidden;transition:all var(--duration-fast) ease;z-index:200}.menu-item:hover:after,.menu-item:hover:before{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.menu-item:hover:before{transform:translateY(-50%)}.sidebar-bottom{width:100%;padding:16px 6px 0;margin-top:auto;flex-shrink:0}.logout-button{position:relative;width:var(--sidebar-item-size);height:var(--sidebar-item-size);margin:0 auto;display:flex;align-items:center;justify-content:center;background:var(--color-danger-bg);border:none;border-radius:10px;color:var(--color-danger);font-size:var(--sidebar-icon-size);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.logout-button:hover{background:var(--color-danger);color:var(--text-white);transform:scale(1.05);box-shadow:0 4px 16px var(--color-danger-glow)}.logout-button:after{content:attr(data-label);position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%) translate(-8px);background:var(--text-primary);color:var(--text-white);padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;box-shadow:var(--shadow-lg);transition:all var(--duration-fast) ease;z-index:200}.logout-button:before{content:"";position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--text-primary);opacity:0;visibility:hidden;transition:all var(--duration-fast) ease;z-index:200}.logout-button:hover:after,.logout-button:hover:before{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.logout-button:hover:before{transform:translateY(-50%)}.sidebar-close-btn{display:none;position:absolute;top:16px;right:16px;width:32px;height:32px;background:var(--bg-hover);border:none;border-radius:8px;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;transition:all var(--duration-fast) ease;z-index:101}.sidebar-close-btn:hover{background:var(--color-danger-bg);color:var(--color-danger)}.menu-item:focus-visible,.logout-button:focus-visible,.brand-link:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media screen and (max-width: 768px){.sidebar{width:280px;transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-lg)}.sidebar:not(.closed){transform:translate(0)}.sidebar-close-btn{display:flex;align-items:center;justify-content:center}.sidebar-brand{margin-bottom:32px}.sidebar-menu{gap:16px}.menu-item,.logout-button{width:100%;height:48px;justify-content:flex-start;padding:0 20px;border-radius:12px}.menu-item:after,.menu-item:before,.logout-button:after,.logout-button:before{display:none}.menu-item span.menu-icon,.logout-button span.menu-icon{margin-right:12px}.menu-item:after{content:attr(data-label);position:static;display:inline;opacity:1;visibility:visible;transform:none;background:none;color:inherit;padding:0;border-radius:0;font-size:15px;font-weight:500;box-shadow:none}}@media (prefers-color-scheme: dark){:root{--bg-sidebar: #111827;--bg-hover: rgba(16, 185, 129, .1);--border-color: #1f2937;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--color-danger-bg: rgba(220, 38, 38, .15)}.menu-badge{border-color:var(--bg-sidebar)}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.confirm-dialog{width:100%;max-width:420px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;overflow:hidden;border:1px solid #e5e7eb;position:relative;z-index:10001}.confirm-header{padding:16px 20px;border-bottom:1px solid #e5e7eb}.confirm-header h3{margin:0;font-size:16px;font-weight:700;color:#0f172a}.confirm-body{padding:16px 20px 8px}.confirm-body p{margin:0;color:#334155;font-size:14px;line-height:1.5}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;padding:12px 20px 18px}.confirm-btn{border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer}.confirm-btn.cancel{background:#f1f5f9;color:#475569}.confirm-btn.primary{background:#16a34a;color:#fff}.confirm-btn.danger{background:#ef4444;color:#fff}.contacts-management-container{padding:2rem;max-width:100%;margin:0;background:#f8f9fa;min-height:calc(100vh - 80px);overflow-y:auto;height:100vh;box-sizing:border-box}.contacts-management-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-top h1{color:#2c3e50;font-size:2rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.75rem}.header-top h1 i{color:#16a34a;font-size:1.8rem}.header-actions{display:flex;gap:1rem}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card:nth-child(2){background:linear-gradient(135deg,#059669,#047857)}.stat-card:nth-child(3){background:linear-gradient(135deg,#10b981,#059669)}.stat-card:nth-child(4){background:linear-gradient(135deg,#34d399,#10b981)}.stat-icon{font-size:2rem;opacity:.9}.stat-content{flex:1}.stat-number{font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.9rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.filters-section{background:#fff;padding:1.5rem 2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#2c3e50;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.filter-group label i{color:#16a34a;width:16px}.search-input,.filter-select{padding:.75rem 1rem;border:2px solid #e1e8ed;border-radius:8px;font-size:.95rem;transition:all .3s ease;background:#fff}.search-input:focus,.filter-select:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.contacts-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;max-height:60vh;overflow-y:auto}.table-header{padding:1.5rem 2rem;background:#f8f9fa;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.table-header h3{margin:0;color:#2c3e50;font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.pagination-info-top{color:#6c757d;font-size:.9rem}.table-responsive{overflow-x:auto;overflow-y:auto;max-height:50vh}.contacts-table{width:100%;border-collapse:collapse;font-size:.9rem}.contacts-table th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e1e8ed;white-space:nowrap;position:sticky;top:0;z-index:10}.contacts-table td{padding:1rem;border-bottom:1px solid #f1f3f4;vertical-align:middle}.contact-row{transition:background-color .2s ease}.contact-row:hover{background-color:#f8f9fa}.serial-number{text-align:center;width:80px}.serial-badge{background:#16a34a;color:#fff;padding:.25rem .5rem;border-radius:6px;font-weight:600;font-size:.8rem}.contact-name{min-width:200px}.name-info{display:flex;align-items:center;gap:.75rem}.contact-avatar{width:40px!important;height:40px!important;border-radius:50%!important;background:#fff!important;border:2px solid #16a34a!important;color:#16a34a!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:600!important;font-size:1rem!important;flex-shrink:0!important;text-transform:uppercase!important}.name-text{flex:1}.primary-name{font-weight:600;color:#2c3e50;margin-bottom:.25rem}.name-meta{font-size:.8rem;color:#6c757d}.phone-number{min-width:150px}.phone-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#e8f5e8;border:1px solid #16a34a;border-radius:6px;color:#16a34a;text-decoration:none;transition:all .3s ease;cursor:pointer}.phone-link:hover{background:#d4edda;transform:translateY(-1px)}.product-interest{min-width:180px}.product-info{display:flex;align-items:center;gap:.5rem}.product-icon{font-size:1.2rem}.product-name{font-weight:500;color:#2c3e50}.assigned-to{min-width:150px}.assigned-member{display:flex;align-items:center;gap:.5rem;color:#16a34a;font-weight:500}.unassigned{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-style:italic}.status{min-width:120px}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-weight:500;font-size:.85rem;border:1px solid currentColor;background:#ffffffe6}.status-icon{font-size:1rem}.messages-count{text-align:center;min-width:100px}.messages-info{display:flex;align-items:center;justify-content:center;gap:.5rem}.message-count{display:flex;align-items:center;gap:.25rem;color:#16a34a;font-weight:500}.unread-badge{background:#16a34a!important;color:#fff!important;border-radius:50%!important;width:20px!important;height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.7rem!important;font-weight:600!important}.last-activity{min-width:120px}.activity-info{text-align:center}.activity-date{font-weight:500;color:#2c3e50;margin-bottom:.25rem}.activity-relative{font-size:.8rem;color:#6c757d}.actions{min-width:120px}.action-buttons{display:flex;gap:.5rem;justify-content:center}.action-btn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.edit-btn{background:#f8f9fa;color:#16a34a;border:1px solid #16a34a}.edit-btn:hover{background:#16a34a;color:#fff}.whatsapp-btn{background:#e8f5e8;color:#16a34a;border:1px solid #16a34a}.whatsapp-btn:hover{background:#16a34a;color:#fff}.phone-btn{background:#fff3cd;color:#856404;border:1px solid #856404}.phone-btn:hover{background:#856404;color:#fff}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.9rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-export{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none}.btn-export:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #16a34a66}.btn-primary{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #16a34a66}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.pagination-info{display:flex;flex-direction:column;gap:.25rem;color:#6c757d;font-size:.9rem}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-weight:500}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#16a34a;color:#16a34a}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:.25rem}.page-btn{padding:.5rem .75rem;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500;min-width:40px;text-align:center}.page-btn:hover{background:#f8f9fa;border-color:#16a34a;color:#16a34a}.page-btn.active{background:#16a34a;border-color:#16a34a;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:#2c3e50;font-size:1.3rem;display:flex;align-items:center;gap:.5rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:.5rem;border-radius:6px;transition:all .3s ease}.modal-close:hover{background:#f8f9fa;color:#2c3e50}.modal-body{padding:2rem}.contact-summary{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:2rem}.summary-avatar{width:50px!important;height:50px!important;border-radius:50%!important;background:#fff!important;border:2px solid #16a34a!important;color:#16a34a!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:600!important;font-size:1.2rem!important}.summary-info h4{margin:0 0 .5rem;color:#2c3e50;font-size:1.1rem}.summary-info p{margin:0;color:#6c757d;font-size:.9rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#2c3e50;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.form-control{padding:.75rem 1rem;border:2px solid #e1e8ed;border-radius:8px;font-size:.95rem;transition:all .3s ease;font-family:inherit}.form-control:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.form-control[rows]{resize:vertical;min-height:100px}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #e1e8ed;display:flex;justify-content:flex-end;gap:1rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6c757d}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #16a34a;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-message{background:#fee;color:#c33;padding:1.5rem;border-radius:8px;text-align:center;margin:2rem 0;display:flex;align-items:center;justify-content:center;gap:.5rem}.no-data{text-align:center;padding:3rem 2rem}.no-data-content{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#6c757d}.no-data-content i{font-size:3rem;opacity:.5}.no-data-content h4{margin:0;color:#2c3e50}.no-data-content p{margin:0;opacity:.8}@media (max-width: 1200px){.contacts-management-container{padding:1rem}.filters-section,.form-grid{grid-template-columns:1fr}}@media (max-width: 768px){.header-top{flex-direction:column;gap:1rem;align-items:stretch}.header-top h1{font-size:1.5rem}.stats-summary{grid-template-columns:repeat(2,1fr)}.table-header{flex-direction:column;gap:1rem;align-items:stretch}.contacts-table{font-size:.8rem}.contacts-table th,.contacts-table td{padding:.75rem .5rem}.action-buttons{flex-direction:column;gap:.25rem}.pagination{flex-direction:column;gap:1rem}.pagination-controls{flex-wrap:wrap;justify-content:center}.modal{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;flex-direction:column}}@media (max-width: 480px){.stats-summary{grid-template-columns:1fr}.contacts-table-container{overflow-x:auto}.contacts-table{min-width:800px}}.cm-page{width:100%;height:100vh;overflow-y:auto;overflow-x:hidden;background:#f9fafb;display:flex;flex-direction:column}.cm-page::-webkit-scrollbar{width:6px}.cm-page::-webkit-scrollbar-track{background:transparent}.cm-page::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.cm-page::-webkit-scrollbar-thumb:hover{background:#16a34a}.cm-header{background:#fff;border-bottom:1px solid #E5E7EB;padding:16px 24px;position:sticky;top:0;z-index:100}.cm-header-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.cm-title-section{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.cm-title-section h1{font-size:24px;font-weight:700;color:#111827;margin:0}.cm-stats-inline{display:flex;align-items:center;gap:16px}.cm-stat{display:flex;align-items:center;gap:6px}.cm-stat-value{font-size:18px;font-weight:700;color:#111827}.cm-stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.cm-stat.active .cm-stat-value{color:#dc2626}.cm-stat.resolved .cm-stat-value{color:#059669}.cm-stat.urgent .cm-stat-value{color:#d97706}.cm-stat-divider{width:1px;height:24px;background:#e5e7eb}.cm-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cm-search-box{position:relative;display:flex;align-items:center}.cm-search-icon{position:absolute;left:12px;color:#9ca3af;font-size:14px;pointer-events:none}.cm-search-box input{width:220px;height:40px;padding:0 36px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;background:#fff;transition:all .2s}.cm-search-box input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.cm-search-box input::placeholder{color:#9ca3af}.cm-search-clear{position:absolute;right:10px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;font-size:12px}.cm-search-clear:hover{color:#dc2626}.cm-select-wrapper{position:relative}.cm-select-wrapper select{height:40px;padding:0 32px 0 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#374151;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s;min-width:130px}.cm-select-wrapper select:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.cm-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:10px;pointer-events:none}.cm-notification-wrapper{position:relative}.cm-notification-btn{width:40px;height:40px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;transition:all .2s}.cm-notification-btn:hover{border-color:#16a34a;color:#16a34a}.cm-notification-btn.has-new{border-color:#16a34a;color:#16a34a;background:#f0fdf4}.cm-notification-count{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#dc2626;color:#fff;font-size:10px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center}.cm-notification-dropdown{position:absolute;top:48px;right:0;width:320px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 10px 40px #0000001f;z-index:1000;overflow:hidden}.cm-dropdown-header{padding:12px 16px;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center}.cm-dropdown-header span{font-weight:600;color:#111827;font-size:14px}.cm-dropdown-header button{background:none;border:none;color:#16a34a;font-size:12px;cursor:pointer;font-weight:500}.cm-dropdown-list{max-height:300px;overflow-y:auto}.cm-dropdown-empty{padding:32px;text-align:center;color:#9ca3af}.cm-dropdown-empty svg{font-size:24px;margin-bottom:8px}.cm-dropdown-empty p{margin:0;font-size:14px}.cm-notification-item{padding:12px 16px;display:flex;gap:10px;cursor:pointer;border-bottom:1px solid #F3F4F6;transition:background .15s}.cm-notification-item:hover{background:#f9fafb}.cm-notif-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.cm-notif-content{flex:1;min-width:0}.cm-notif-content p{margin:0 0 4px;font-size:13px;color:#374151;line-height:1.4}.cm-notif-content span{font-size:11px;color:#9ca3af}.cm-content{flex:1;padding:24px;overflow:visible}.cm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280}.cm-spinner{width:40px;height:40px;border:3px solid #E5E7EB;border-top-color:#16a34a;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.cm-loading p{margin:0;font-size:14px}.cm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.cm-empty-icon{width:64px;height:64px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.cm-empty-icon svg{font-size:28px;color:#9ca3af}.cm-empty h3{margin:0 0 8px;font-size:18px;color:#111827}.cm-empty p{margin:0;font-size:14px;color:#6b7280}.cm-table-container{background:#fff;border-radius:12px;border:1px solid #E5E7EB;overflow:hidden}.cm-table{width:100%;border-collapse:collapse}.cm-table thead{background:#f9fafb}.cm-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #E5E7EB}.cm-table td{padding:16px;border-bottom:1px solid #F3F4F6;vertical-align:middle}.cm-table tbody tr{transition:background .15s}.cm-table tbody tr:hover{background:#fafafa}.cm-table tbody tr:last-child td{border-bottom:none}.cm-row-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#16a34a;color:#fff;font-size:12px;font-weight:600;border-radius:6px}.cm-customer{display:flex;align-items:center;gap:12px}.cm-avatar{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #16a34a;color:#16a34a;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.cm-customer-info{display:flex;flex-direction:column;min-width:0}.cm-customer-name{font-weight:600;color:#111827;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-customer-phone{font-size:12px;color:#6b7280}.cm-complaint-text{max-width:300px}.cm-complaint-text p{margin:0 0 8px;font-size:13px;color:#374151;line-height:1.5}.cm-keywords{display:flex;flex-wrap:wrap;gap:4px}.cm-keyword{background:#f0fdf4;color:#16a34a;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.cm-keyword-more{color:#9ca3af;font-size:11px;font-style:italic}.cm-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.cm-badge svg{font-size:10px}.cm-badge.lg{padding:6px 12px;font-size:12px}.cm-badge.lg svg{font-size:12px}.cm-date{display:flex;flex-direction:column}.cm-date-main{font-size:13px;color:#374151;font-weight:500}.cm-date-time{font-size:12px;color:#9ca3af}.cm-actions{display:flex;gap:6px}.cm-action-btn{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s}.cm-action-btn.view{background:#eff6ff;color:#3b82f6}.cm-action-btn.view:hover{background:#3b82f6;color:#fff}.cm-action-btn.resolve{background:#f0fdf4;color:#16a34a}.cm-action-btn.resolve:hover{background:#16a34a;color:#fff}.cm-action-btn.delete{background:#fef2f2;color:#dc2626}.cm-action-btn.delete:hover{background:#dc2626;color:#fff}.cm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cm-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.cm-modal-header{padding:20px 24px;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center}.cm-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#111827}.cm-modal-header button{width:32px;height:32px;border-radius:8px;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.cm-modal-header button:hover{background:#fee2e2;color:#dc2626}.cm-modal-body{padding:24px;overflow-y:auto;flex:1}.cm-detail-card{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;margin-bottom:24px;flex-wrap:wrap}.cm-detail-avatar{width:56px;height:56px;border-radius:50%;background:#fff;border:3px solid #16a34a;color:#16a34a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;flex-shrink:0}.cm-detail-info{flex:1;min-width:150px}.cm-detail-info h3{margin:0 0 4px;font-size:16px;color:#111827}.cm-detail-info p{margin:0;font-size:14px;color:#6b7280;display:flex;align-items:center;gap:6px}.cm-detail-info p svg{font-size:12px;color:#16a34a}.cm-detail-badges{display:flex;gap:8px}.cm-detail-section{margin-bottom:20px}.cm-detail-section label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.cm-detail-section label svg{color:#16a34a}.cm-message-box{background:#f9fafb;padding:16px;border-radius:8px;font-size:14px;color:#374151;line-height:1.6;border:1px solid #E5E7EB}.cm-keywords-list{display:flex;flex-wrap:wrap;gap:8px}.cm-keyword-chip{background:#f0fdf4;color:#16a34a;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid #BBF7D0}.cm-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:20px}.cm-detail-item label{display:block;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.cm-detail-item span{font-size:14px;color:#111827;text-transform:capitalize}.cm-modal-footer{padding:16px 24px;border-top:1px solid #E5E7EB;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.cm-btn{padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:none;transition:all .2s}.cm-btn.success{background:#16a34a;color:#fff}.cm-btn.success:hover{background:#15803d}.cm-btn.danger{background:#dc2626;color:#fff}.cm-btn.danger:hover{background:#b91c1c}.cm-btn.secondary{background:#f3f4f6;color:#374151}.cm-btn.secondary:hover{background:#e5e7eb}@media (max-width: 1024px){.cm-header-top{flex-direction:column;align-items:stretch}.cm-title-section{justify-content:space-between}.cm-header-actions{justify-content:flex-start}.cm-search-box input{width:180px}}@media (max-width: 768px){.cm-header{padding:12px 16px}.cm-content{padding:16px}.cm-stats-inline{display:none}.cm-table-container{overflow-x:auto}.cm-table{min-width:700px}.cm-modal{max-height:95vh}.cm-modal-body{padding:16px}.cm-modal-footer{flex-direction:column}.cm-btn{justify-content:center}}@media (max-width: 480px){.cm-header-actions{flex-direction:column;width:100%}.cm-search-box,.cm-search-box input,.cm-select-wrapper,.cm-select-wrapper select{width:100%}}.cm-action-btn svg{font-size:14px!important}.cm-action-btn{width:46px;height:42px}.cm-notification-btn svg{font-size:28px!important}.cm-modal-header button svg{font-size:24px!important}.cm-badge svg{font-size:12px!important}.cm-badge.lg svg{font-size:14px!important}.staff-management-v2{width:100%;height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;overflow:hidden;--staff-header-height: 88px}.staff-management-v2 *{box-sizing:border-box}.toast-notification{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001f;z-index:9999;animation:slideInRight .3s ease;border-left:4px solid}.toast-notification.success{border-left-color:#10b981}.toast-notification.error{border-left-color:#ef4444}.toast-icon{font-size:20px}.toast-notification.success .toast-icon{color:#10b981}.toast-notification.error .toast-icon{color:#ef4444}.toast-message{font-size:14px;color:#1e293b;font-weight:500}.toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;margin-left:8px}.toast-close:hover{color:#64748b}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.staff-layout{display:flex;height:100vh}.staff-sidebar{width:280px;background:#fafafa;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid #e5e7eb;height:var(--staff-header-height)}.sidebar-logo{width:44px;height:44px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.sidebar-title h2{margin:0;font-size:18px;font-weight:700;color:#1e293b}.sidebar-title span{font-size:12px;color:#64748b}.quick-stats{margin-top:-16px;display:flex;justify-content:space-around;padding:10px;border-bottom:1px solid #e5e7eb}.quick-stat{margin-top:14px;text-align:center}.stat-number{font-size:14px;font-weight:700;color:#1e293b}.stat-number.active{color:#10b981}.stat-label{font-size:10px;color:#64748b;margin-bottom:3px}.stat-divider{width:1px;height:44px;margin-top:12px;background:#e5e7eb}.sidebar-section{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:16px 0}.section-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px 12px}.section-header h3{margin:0;font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.section-action{background:none;border:none;color:#64748b;cursor:pointer;padding:6px;border-radius:6px;display:flex}.section-action:hover{background:#e5e7eb;color:#1e293b}.team-list{flex:1;overflow-y:auto;padding:0 12px}.team-list::-webkit-scrollbar{width:4px}.team-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.team-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .15s ease;margin-bottom:4px}.team-item:hover{background:#fff}.team-item.active{background:#fff;box-shadow:0 1px 3px #00000014}.team-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.team-icon.all{background:#f1f5f9;color:#64748b}.team-item .team-name{flex:1;font-size:14px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-count{font-size:12px;font-weight:600;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:12px}.sidebar-actions{padding:16px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px}.staff-management-v2 .action-primary{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#1e293b;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.staff-management-v2 .action-primary:hover{background:#334155;transform:translateY(-1px)}.staff-management-v2 .action-secondary{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#fff;color:#1e293b;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.staff-management-v2 .action-secondary:hover{background:#f8fafc;border-color:#d1d5db}.staff-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.main-topbar{display:flex;justify-content:space-between;align-items:center;padding:0 32px;border-bottom:1px solid #e5e7eb;flex-shrink:0;height:var(--staff-header-height)}.topbar-left h1{margin:0;font-size:24px;font-weight:700;color:#1e293b}.topbar-left p{margin:4px 0 0;font-size:14px;color:#64748b}.topbar-right{display:flex;align-items:center;gap:16px}.staff-management-v2 .search-container{position:relative;width:300px}.staff-management-v2 .search-container input{width:60%;margin-left:100px;padding:12px 44px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;color:#1e293b;transition:all .2s}.staff-management-v2 .search-container input:focus{outline:none;background:#fff;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b14}.staff-management-v2 .search-container input::placeholder{color:#94a3b8}.staff-management-v2 .search-container .search-icon{position:absolute;left:128px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px}.staff-management-v2 .search-clear{position:absolute;right:30px;top:50%;transform:translateY(-50%);background:#e5e7eb;border:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;font-size:10px;z-index:2;line-height:1;padding:0;font-weight:700}.staff-management-v2 .search-clear svg{width:12px;height:12px;display:block}.staff-management-v2 .search-clear:hover{background:#d1d5db}.filter-buttons{display:flex;align-items:center;gap:12px}.filter-dropdown{padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1e293b;cursor:pointer;min-width:130px}.filter-dropdown:focus{outline:none;border-color:#1e293b}.results-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#fafafa;border-bottom:1px solid #e5e7eb;flex-shrink:0}.results-text{font-size:14px;color:#64748b}.results-text strong{color:#1e293b}.filter-tag{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:4px 12px;background:#1e293b;color:#fff;border-radius:20px;font-size:12px;font-weight:500}.filter-tag button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:0;display:flex;font-size:10px}.filter-tag button:hover{color:#fff}.sort-options{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.sort-options button{padding:6px 12px;background:transparent;border:none;border-radius:6px;font-size:13px;color:#64748b;cursor:pointer;transition:all .15s}.sort-options button:hover{background:#fff}.sort-options button.active{color:#1e293b;font-weight:600}.staff-content{flex:1;overflow-y:auto;padding:24px 32px}.staff-content::-webkit-scrollbar{width:8px}.staff-content::-webkit-scrollbar-track{background:#f8fafc}.staff-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.staff-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px}.loader{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#1e293b;border-radius:50%;animation:spin .8s linear infinite}.loading-state p{margin-top:16px;color:#64748b;font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;text-align:center}.empty-icon{width:80px;height:80px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#94a3b8;margin-bottom:20px}.empty-state h3{margin:0;font-size:18px;color:#1e293b}.empty-state p{margin:8px 0 20px;color:#64748b;font-size:14px}.empty-state button{padding:10px 20px;background:#1e293b;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer}.empty-state button:hover{background:#334155}.staff-list-view{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.list-header{display:grid;grid-template-columns:2.2fr 1.1fr 1fr 110px 90px 1fr 110px;gap:16px;padding:16px 24px;background:#fafafa;border-bottom:1px solid #e5e7eb}.list-col{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;gap:6px;min-width:0}.list-col:hover{color:#1e293b}.sort-icon{font-size:10px;opacity:.5}.sort-icon.active{opacity:1}.list-body{max-height:calc(100vh - 250px);overflow-y:auto}.list-body::-webkit-scrollbar{width:6px}.list-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.list-row{display:grid;grid-template-columns:2.2fr 1.1fr 1fr 110px 90px 1fr 110px;gap:16px;padding:16px 24px;border-bottom:1px solid #f1f5f9;align-items:center;transition:background .15s}.list-row:hover{background:#fafafa}.list-row.inactive{opacity:.6}.list-row .list-col{font-weight:400;text-transform:none;letter-spacing:normal;cursor:default}.member-info{display:flex;align-items:center;gap:14px;min-width:0}.avatar-sm{width:40px;height:40px;background:#f8fafc;border:2px solid;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#1e293b;position:relative;flex-shrink:0}.status-dot-sm{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid #ffffff}.status-dot-sm.online{background:#10b981}.status-dot-sm.offline{background:#94a3b8}.info-text{display:flex;flex-direction:column;min-width:0}.name-text{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-text{font-size:13px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-pill{padding:6px 12px;background:#f1f5f9;border-radius:20px;font-size:13px;font-weight:500;color:#475569;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-pill{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap}.status-toggle{padding:6px 14px;border:none;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.status-toggle.active{background:#ecfdf5;color:#059669}.status-toggle.inactive{background:#f1f5f9;color:#64748b}.status-toggle:hover{opacity:.8}.list-row .chat-count{font-size:14px;font-weight:600;color:#1e293b}.list-row .last-login{font-size:13px;color:#64748b}.list-row .actions{display:flex;gap:8px;justify-content:flex-end}.staff-management-v2 .action-icon{width:38px;height:38px;background:#f8fafc;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;transition:all .15s}.staff-management-v2 .action-icon svg{width:30px;height:30px;fill:currentColor;stroke:none}.staff-management-v2 .action-icon:hover{background:#f1f5f9;color:#1e293b}.staff-management-v2 .action-icon.active{background:#1e293b;color:#fff}.staff-management-v2 .action-icon.danger:hover{background:#fef2f2;color:#ef4444}.slide-panel{position:fixed;top:0;right:0;width:480px;height:100vh;z-index:1000;pointer-events:none}.slide-panel.wide{width:600px}.slide-panel.open{pointer-events:all}.panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;opacity:0;transition:opacity .3s ease;pointer-events:none}.slide-panel.open .panel-overlay{opacity:1;pointer-events:all}.panel-content{position:absolute;top:0;right:0;width:100%;height:100%;background:#fff;box-shadow:-8px 0 32px #0000001f;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column}.slide-panel.open .panel-content{transform:translate(0)}.panel-header{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.panel-title{text-align:left;display:flex;flex-direction:column;gap:4px;align-items:flex-start;margin-right:auto;min-width:0}.panel-close-btn{width:40px;height:40px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#64748b!important;cursor:pointer;transition:all .2s ease;flex-shrink:0}.panel-close-btn:hover{background:#fef2f2;color:#ef4444!important;border-color:#fecaca;transform:rotate(90deg)}.panel-header .panel-close-btn svg{display:block!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;fill:currentColor!important;color:inherit!important;opacity:1!important;visibility:visible!important}.panel-close-btn svg{display:block!important;width:18px!important;height:18px!important;fill:currentColor!important;opacity:1!important;visibility:visible!important}.panel-title h2{margin:0;font-size:18px;font-weight:700;color:#1e293b}.panel-title span{font-size:13px;color:#64748b}.staff-management-v2 .header-action{margin-left:auto;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1e293b;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.staff-management-v2 .header-action:hover{background:#334155}.panel-form{flex:1;display:flex;flex-direction:column;overflow-y:auto}.panel-form .form-section{padding:24px;border-bottom:1px solid #f1f5f9}.panel-form .form-section:last-of-type{border-bottom:none}.panel-form h4{margin:0 0 20px;font-size:14px;font-weight:600;color:#1e293b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.full{grid-column:span 2}.form-field label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#64748b}.form-field label svg{font-size:12px}.form-field input,.form-field select,.form-field textarea{padding:12px 16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1e293b;transition:all .2s;font-family:inherit}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;background:#fff;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b14}.form-field input::placeholder,.form-field textarea::placeholder{color:#94a3b8}.form-field select{cursor:pointer}.form-field textarea{resize:vertical;min-height:80px}.form-field small{font-size:12px;color:#94a3b8}.optional{font-weight:400;color:#94a3b8}.password-field{position:relative}.password-field input{width:100%;padding-right:48px}.password-field button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px}.password-field button:hover{color:#64748b}.toggle-option{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border-radius:12px;margin-bottom:12px}.toggle-option:last-child{margin-bottom:0}.toggle-info{display:flex;align-items:center;gap:14px}.toggle-info>svg{font-size:18px;color:#64748b}.toggle-info div span{display:block;font-size:14px;font-weight:500;color:#1e293b}.toggle-info div small{font-size:12px;color:#64748b}.toggle-switch{position:relative;width:48px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#d1d5db;border-radius:26px;transition:.3s}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.toggle-slider{background:#1e293b}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.edit-profile-header{display:flex;align-items:center;gap:16px;padding:24px;background:#fafafa;border-bottom:1px solid #e5e7eb}.profile-avatar{width:64px;height:64px;background:#f1f5f9;border:3px solid;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#1e293b}.profile-info h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.profile-info span{font-size:14px;color:#64748b}.panel-footer{display:flex;gap:12px;padding:20px 24px;background:#fafafa;border-top:1px solid #e5e7eb;margin-top:auto;flex-shrink:0}.staff-management-v2 .btn-cancel{flex:1;padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.staff-management-v2 .btn-cancel:hover{background:#f8fafc;border-color:#d1d5db}.staff-management-v2 .btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:#1e293b;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.staff-management-v2 .btn-primary:hover:not(:disabled){background:#334155}.staff-management-v2 .btn-primary:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1100;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-dialog{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:32px;text-align:center;box-shadow:0 20px 60px #0003;animation:scaleIn .2s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px}.modal-icon.danger{background:#fef2f2;color:#ef4444}.modal-dialog h3{margin:0 0 8px;font-size:20px;font-weight:700;color:#1e293b}.modal-dialog p{margin:0;color:#64748b;font-size:14px}.delete-details{margin:24px 0;padding:16px;background:#f8fafc;border-radius:12px;text-align:left}.detail-row{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px;color:#64748b}.detail-row:not(:last-child){border-bottom:1px solid #e5e7eb}.detail-row svg{color:#94a3b8;width:16px}.warning-box{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#fef3c7;border-radius:10px;font-size:13px;font-weight:500;color:#92400e;margin-bottom:24px}.modal-actions{display:flex;gap:12px}.staff-management-v2 .btn-danger{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:#ef4444;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.staff-management-v2 .btn-danger:hover:not(:disabled){background:#dc2626}.staff-management-v2 .btn-danger:disabled{opacity:.6;cursor:not-allowed}.team-manager-body{flex:1;overflow-y:auto;padding:24px}.team-manager-body::-webkit-scrollbar{width:6px}.team-manager-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.add-team-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:24px}.add-team-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0}.add-team-card .card-header h4{margin:0;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#1e293b}.add-team-card .card-header button{background:none;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:8px}.add-team-card .card-header button:hover{background:#e5e7eb}.add-team-card .card-actions{display:flex;gap:12px;margin-top:20px}.add-team-card .card-actions button{flex:1;padding:12px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-team-card .card-actions button:first-child{background:#fff;border:1px solid #e5e7eb;color:#64748b}.add-team-card .card-actions button.primary{background:#1e293b;border:none;color:#fff}.teams-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#1e293b}.no-teams-state{display:flex;flex-direction:column;align-items:center;padding:48px;background:#fafafa;border-radius:16px;text-align:center}.no-teams-state svg{font-size:40px;color:#94a3b8;margin-bottom:16px}.no-teams-state p{color:#64748b;margin:0 0 16px}.no-teams-state button{padding:12px 24px;background:#1e293b;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.teams-list-manager{display:flex;flex-direction:column;gap:12px}.team-manager-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.team-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.team-identity{display:flex;align-items:center;gap:14px}.team-icon-lg{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.team-details h5{margin:0;font-size:15px;font-weight:600;color:#1e293b}.team-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px}.team-meta .status{padding:2px 8px;border-radius:12px;font-weight:600}.team-meta .status.active{background:#ecfdf5;color:#059669}.team-meta .status.inactive{background:#f1f5f9;color:#64748b}.team-meta .separator{color:#d1d5db}.team-meta>span:last-child{color:#64748b}.staff-management-v2 svg{display:inline-block;vertical-align:middle}.team-controls{display:flex;gap:8px}.staff-management-v2 .control-btn{width:36px;height:36px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#0b60e9;cursor:pointer;transition:all .15s;padding:0}.staff-management-v2 .control-btn svg{width:20px;height:20px;display:block;color:currentColor!important;fill:currentColor!important;stroke:currentColor!important;opacity:1!important}.staff-management-v2 .control-btn svg *{fill:currentColor!important;stroke:currentColor!important;opacity:1!important}.staff-management-v2 .team-controls .control-btn{color:#0f172a!important}.staff-management-v2 .team-controls .control-btn svg,.staff-management-v2 .team-controls .control-btn svg *{fill:#0f172a!important;stroke:#0f172a!important}.staff-management-v2 .list-row .actions .action-icon svg,.staff-management-v2 .list-row .actions .action-icon svg *{fill:#0f172a!important;stroke:#0f172a!important}.staff-management-v2 .control-btn:hover{background:#f1f5f9;color:#1e293b}.staff-management-v2 .control-btn.edit:hover{background:#f0f9ff;color:#0284c7}.staff-management-v2 .control-btn.delete:hover{background:#fef2f2;color:#ef4444}.team-edit-section{padding:16px 20px;background:#fafafa;border-top:1px solid #e5e7eb}.team-edit-section .form-field{margin-bottom:12px}.team-edit-section .form-field label{margin-bottom:6px}.team-edit-section input,.team-edit-section textarea{width:100%;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.team-edit-section input:focus,.team-edit-section textarea:focus{outline:none;border-color:#1e293b}.done-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#1e293b;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;margin-top:12px}.done-btn:hover{background:#334155}.team-expanded{padding:16px 20px;background:#fafafa;border-top:1px solid #e5e7eb}.keywords-section{margin-bottom:16px}.keywords-section label{display:block;font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.keywords-list{display:flex;flex-wrap:wrap;gap:8px}.keyword-chip{padding:6px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;font-size:13px;color:#475569}.team-expanded .no-keywords{font-size:13px;color:#94a3b8;font-style:italic}.team-statistics{display:flex;gap:16px}.stat-box{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:1}.stat-box svg{color:#94a3b8;font-size:16px}.stat-box div strong{display:block;font-size:18px;font-weight:700;color:#1e293b}.stat-box div span{font-size:12px;color:#64748b}@media (max-width: 1200px){.staff-sidebar{width:240px}}@media (max-width: 992px){.staff-layout{flex-direction:column}.staff-sidebar{width:100%;height:auto;max-height:300px;border-right:none;border-bottom:1px solid #e5e7eb}.sidebar-section{display:none}.staff-main{height:calc(100vh - 200px)}.list-header,.list-row{grid-template-columns:2fr 1fr 100px 100px}.list-col.team,.list-col.chats,.list-col.last-login{display:none}}@media (max-width: 768px){.main-topbar{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.topbar-right{width:100%;flex-wrap:wrap}.staff-management-v2 .search-container{width:100%}.results-bar{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.staff-content{padding:20px}.slide-panel,.slide-panel.wide{width:100%}}@media (max-width: 480px){.quick-stats{flex-wrap:wrap}.stat-divider{display:none}.quick-stat{flex:1 1 30%}.sidebar-actions button span{display:none}.sidebar-actions button{justify-content:center}.panel-header{flex-wrap:wrap;gap:12px}.staff-management-v2 .header-action{margin-left:0;width:100%;justify-content:center}}.staff-management-v2{--cm-bg: #F9FAFB;--cm-surface: #FFFFFF;--cm-border: #E5E7EB;--cm-border-soft: #F3F4F6;--cm-text: #111827;--cm-muted: #6B7280;--cm-muted-2: #9CA3AF;--cm-accent: #16a34a;--cm-accent-soft: #F0FDF4;--cm-danger: #DC2626;--cm-danger-soft: #FEF2F2;--cm-focus: rgba(22, 163, 74, .12);background:var(--cm-bg)}.staff-sidebar,.staff-main,.main-topbar,.results-bar,.staff-list-view,.panel-content,.modal-dialog,.add-team-card,.team-manager-card,.team-edit-section,.team-expanded,.edit-profile-header,.panel-footer{background:var(--cm-surface)}.staff-sidebar,.main-topbar,.results-bar,.staff-list-view,.panel-content,.panel-header,.panel-footer,.team-manager-card,.team-edit-section,.team-expanded,.add-team-card{border-color:var(--cm-border)}.sidebar-title h2,.topbar-left h1,.name-text,.list-row .chat-count,.panel-title h2,.profile-info h3,.modal-dialog h3{color:var(--cm-text)}.sidebar-title span,.topbar-left p,.results-text,.email-text,.list-row .last-login,.toast-message{color:var(--cm-muted)}.staff-management-v2 .sidebar-logo,.staff-management-v2 .action-primary,.staff-management-v2 .btn-primary,.staff-management-v2 .header-action,.staff-management-v2 .action-icon.active{background:var(--cm-accent)}.staff-management-v2 .action-primary:hover,.staff-management-v2 .btn-primary:hover:not(:disabled),.staff-management-v2 .header-action:hover,.staff-management-v2 .empty-state button:hover{background:#15803d}.staff-management-v2 .search-container input,.staff-management-v2 .filter-dropdown,.staff-management-v2 .form-field input,.staff-management-v2 .form-field select,.staff-management-v2 .form-field textarea,.staff-management-v2 .team-edit-section input,.staff-management-v2 .team-edit-section textarea{background:var(--cm-surface);border-color:var(--cm-border);color:var(--cm-text)}.staff-management-v2 .search-container input:focus,.staff-management-v2 .filter-dropdown:focus,.staff-management-v2 .form-field input:focus,.staff-management-v2 .form-field select:focus,.staff-management-v2 .form-field textarea:focus,.staff-management-v2 .team-edit-section input:focus,.staff-management-v2 .team-edit-section textarea:focus{border-color:var(--cm-accent);box-shadow:0 0 0 3px var(--cm-focus)}.staff-management-v2 .search-container input::placeholder,.staff-management-v2 .search-container .search-icon,.staff-management-v2 .toast-close,.staff-management-v2 .section-header h3,.staff-management-v2 .list-col,.staff-management-v2 .sort-options,.staff-management-v2 .sort-options button,.staff-management-v2 .action-icon,.staff-management-v2 .team-count{color:var(--cm-muted-2)}.staff-management-v2 .search-clear,.staff-management-v2 .team-icon.all,.staff-management-v2 .team-count,.staff-management-v2 .action-icon,.staff-management-v2 .team-pill,.staff-management-v2 .status-toggle.inactive{background:var(--cm-border-soft)}.status-toggle.active{background:var(--cm-accent-soft);color:var(--cm-accent)}.status-dot-sm.online{background:var(--cm-accent)}.toast-notification.success,.toast-notification.success .toast-icon{color:var(--cm-accent)}.toast-notification.error,.toast-notification.error .toast-icon{color:var(--cm-danger)}.toast-notification.success{border-left-color:var(--cm-accent)}.toast-notification.error{border-left-color:var(--cm-danger)}.staff-management-v2 .action-icon.danger:hover,.staff-management-v2 .btn-danger{background:var(--cm-danger-soft);color:var(--cm-danger)}.staff-management-v2 .btn-danger:hover:not(:disabled){background:#b91c1c;color:#fff}.results-bar,.main-topbar{align-items:center}.staff-management-v2 svg{display:inline-block!important;visibility:visible!important;opacity:1!important}.staff-management-v2 .control-btn svg,.staff-management-v2 .action-icon svg,.staff-management-v2 .search-icon,.staff-management-v2 .sidebar-logo svg,.staff-management-v2 .toast-icon svg,.staff-management-v2 .panel-header svg,.staff-management-v2 .section-action svg,.staff-management-v2 .team-icon-lg svg,.staff-management-v2 .team-icon svg,.staff-management-v2 .empty-icon svg,.staff-management-v2 .card-header svg,.staff-management-v2 .stat-box svg,.staff-management-v2 .detail-row svg,.staff-management-v2 .back-btn svg,.staff-management-v2 .form-field svg,.staff-management-v2 .toggle-info svg,.staff-management-v2 .profile-info svg,.staff-management-v2 .warning-box svg{display:inline-block!important;visibility:visible!important;opacity:1!important;width:auto!important;height:auto!important;fill:currentColor!important;color:currentColor!important}.staff-management-v2 svg[data-icon]{display:inline-block!important;width:1em!important;height:1em!important;fill:currentColor!important;color:currentColor!important;overflow:visible!important}:root{--bi-primary: #22c55e;--bi-primary-light: #86efac;--bi-primary-dark: #16a34a;--bi-primary-bg: #f0fdf4;--bi-primary-hover: #15803d;--bi-white: #ffffff;--bi-gray-50: #f9fafb;--bi-gray-100: #f3f4f6;--bi-gray-200: #e5e7eb;--bi-gray-300: #d1d5db;--bi-gray-400: #9ca3af;--bi-gray-500: #6b7280;--bi-gray-600: #4b5563;--bi-gray-700: #374151;--bi-gray-800: #1f2937;--bi-gray-900: #111827;--bi-success: #22c55e;--bi-warning: #f59e0b;--bi-danger: #ef4444;--bi-info: #3b82f6;--bi-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bi-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bi-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--bi-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--bi-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--bi-radius-sm: 6px;--bi-radius: 10px;--bi-radius-lg: 14px;--bi-radius-xl: 18px;--bi-radius-full: 9999px;--bi-transition: all .2s ease}.bi-container{min-height:100vh;height:100vh;background:linear-gradient(135deg,var(--bi-gray-50) 0%,var(--bi-primary-bg) 100%);padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.bi-container::-webkit-scrollbar{width:12px}.bi-container::-webkit-scrollbar-track{background:var(--bi-gray-100);border-radius:6px}.bi-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--bi-primary-light) 0%,var(--bi-primary) 100%);border-radius:6px;border:2px solid var(--bi-gray-100)}.bi-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--bi-primary) 0%,var(--bi-primary-dark) 100%)}.bi-container{scrollbar-width:thin;scrollbar-color:var(--bi-primary) var(--bi-gray-100)}.bi-header{background:var(--bi-white);border-radius:var(--bi-radius-lg);padding:0;margin-bottom:24px;box-shadow:var(--bi-shadow-md);border:1px solid var(--bi-gray-100);overflow:hidden;position:relative;z-index:5}.bi-header-top{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(135deg,var(--bi-white) 0%,var(--bi-primary-bg) 100%);border-bottom:1px solid var(--bi-gray-200);flex-wrap:nowrap;gap:16px;min-height:80px}.bi-header-left{display:flex;align-items:center;gap:16px;flex:0 0 auto;min-width:200px}.bi-header-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--bi-primary) 0%,var(--bi-primary-dark) 100%);border-radius:var(--bi-radius);display:flex;align-items:center;justify-content:center;color:var(--bi-white);font-size:20px;box-shadow:0 4px 12px #22c55e4d;flex-shrink:0}.bi-header-text{flex-shrink:0}.bi-header-text h1{margin:0;font-size:22px;font-weight:700;color:var(--bi-gray-800);line-height:1.2;white-space:nowrap}.bi-header-text p{margin:4px 0 0;color:var(--bi-gray-500);font-size:13px;white-space:nowrap}.bi-header-filters{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:0;margin:0;background:transparent;flex-wrap:nowrap;overflow:visible}.bi-filter-search{flex:2 1 240px;min-width:180px;max-width:300px;display:flex;align-items:center;gap:10px}.bi-quick-stats{display:flex;align-items:center;gap:16px;background:var(--bi-white);padding:8px 16px;border-radius:var(--bi-radius);box-shadow:var(--bi-shadow-sm);border:1px solid var(--bi-gray-200);flex-shrink:0;min-width:fit-content}.bi-quick-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:60px}.bi-quick-stat-value{font-size:20px;font-weight:700;color:var(--bi-primary-dark);line-height:1}.bi-quick-stat-label{font-size:11px;color:var(--bi-gray-500);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.bi-quick-stat-divider{width:1px;height:30px;background:var(--bi-gray-200)}.bi-filter-item{flex:1 0 150px;min-width:140px;max-width:200px}.bi-search-wrapper{position:relative;display:flex;align-items:center;width:100%}.bi-search-input{width:100%;padding:10px 40px 10px 36px;border:2px solid var(--bi-gray-200);border-radius:var(--bi-radius);font-size:13px;transition:var(--bi-transition);background:var(--bi-white);min-height:40px}.bi-search-icon{position:absolute;left:12px;color:var(--bi-gray-400);font-size:14px;pointer-events:none}.bi-search-clear-outside{width:34px;height:34px;border:none;border-radius:var(--bi-radius);background:var(--bi-white);color:var(--bi-gray-600);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--bi-shadow-sm);border:1px solid var(--bi-gray-200);transition:var(--bi-transition);flex-shrink:0}.bi-search-clear-outside:hover{color:var(--bi-gray-800);border-color:var(--bi-gray-300);background:var(--bi-gray-50)}.bi-select-wrapper{position:relative;display:flex;align-items:center;width:100%}.bi-select-icon{position:absolute;left:12px;color:var(--bi-primary);font-size:12px;pointer-events:none;z-index:1}.bi-select{width:100%;padding:10px 36px 10px 34px;border:2px solid var(--bi-gray-200);border-radius:var(--bi-radius);font-size:13px;transition:var(--bi-transition);background:var(--bi-white);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.bi-clear-filters{padding:9px 16px;border:2px solid var(--bi-danger);background:#fef2f2;color:var(--bi-danger);border-radius:var(--bi-radius);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--bi-transition);white-space:nowrap;min-height:40px;flex-shrink:0}.bi-clear-filters i{font-size:12px}@media (max-width: 1400px){.bi-header-top{gap:12px;padding:16px 20px}.bi-header-text h1{font-size:20px}.bi-quick-stats{gap:12px;padding:8px 12px}.bi-quick-stat-value{font-size:18px}.bi-quick-stat-label{font-size:10px}}@media (max-width: 1200px){.bi-header-filters{gap:8px}.bi-filter-item{flex:1 0 130px;min-width:120px}.bi-filter-search{flex:2 1 200px;min-width:150px}.bi-quick-stats{display:none}}@media (max-width: 992px){.bi-header-top{flex-wrap:wrap;min-height:auto}.bi-header-left{flex:0 0 100%;justify-content:center;text-align:center;margin-bottom:12px}.bi-header-filters{flex:0 0 100%;justify-content:center;flex-wrap:wrap;gap:12px}.bi-filter-search{flex:1 0 100%;max-width:100%;min-width:100%;order:-1}.bi-filter-item{flex:1 1 calc(50% - 6px);max-width:calc(50% - 6px)}.bi-clear-filters{flex:1 0 100%;justify-content:center;margin-top:8px}}@media (max-width: 768px){.bi-header-top{padding:14px 16px}.bi-filter-item{flex:1 1 100%;max-width:100%}.bi-filter-search{order:-1}.bi-select,.bi-search-input{font-size:14px}}@media (max-width: 480px){.bi-header-text h1{font-size:18px}.bi-header-icon{width:40px;height:40px;font-size:18px}}.bi-loading{background:var(--bi-white);border-radius:var(--bi-radius-lg);padding:80px 40px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:var(--bi-shadow)}.bi-loading-spinner{position:relative}.bi-spinner{width:50px;height:50px;border:4px solid var(--bi-gray-200);border-top:4px solid var(--bi-primary);border-radius:50%;animation:bi-spin 1s linear infinite}@keyframes bi-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bi-loading p{color:var(--bi-gray-500);font-size:15px;margin:0}.bi-table-card{border-radius:var(--bi-radius-lg);box-shadow:var(--bi-shadow);overflow:hidden;width:100%;margin-bottom:24px;border:1px solid var(--bi-gray-100)}.bi-table-header{padding:18px 24px;border-bottom:1px solid var(--bi-gray-200);display:flex;align-items:center;justify-content:space-between;background:var(--bi-white)}.bi-table-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px;color:var(--bi-gray-800)}.bi-table-title i{color:var(--bi-primary)}.bi-table-info{display:flex;align-items:center;gap:12px}.bi-per-page{display:flex;align-items:center;gap:8px;width:170px;font-size:13px;color:#6b7280;background:#f0fdf4;border:1px solid #dcfce7;padding:6px 10px;border-radius:999px;white-space:nowrap}.bi-select.bi-select-compact{padding:4px 8px;height:30px;font-size:12px}.bi-per-page-compact{padding:4px 8px;gap:6px}.bi-col-sno{width:70px;text-align:center}.bi-pagination{display:flex;justify-content:flex-end;margin-top:16px}.bi-table-badge{background:var(--bi-primary-bg);color:var(--bi-primary-dark);padding:6px 14px;border-radius:var(--bi-radius-full);font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.bi-table-badge i{font-size:12px}.bi-table-wrapper{overflow-x:auto;overflow-y:visible;max-height:none}.bi-table-wrapper::-webkit-scrollbar{width:10px;height:10px}.bi-table-wrapper::-webkit-scrollbar-track{background:var(--bi-gray-100);border-radius:5px}.bi-table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--bi-primary-light) 0%,var(--bi-primary) 100%);border-radius:5px;border:2px solid var(--bi-gray-100)}.bi-table-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--bi-primary) 0%,var(--bi-primary-dark) 100%)}.bi-table-wrapper::-webkit-scrollbar-corner{background:var(--bi-gray-100)}.bi-table{width:100%;border-collapse:collapse;min-width:1000px}.bi-table thead{position:sticky;top:0;z-index:10;background:var(--bi-primary-bg)}.bi-table th{padding:14px 16px;text-align:left;font-weight:600;font-size:12px;color:var(--bi-primary-dark);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--bi-primary-light);white-space:nowrap}.bi-table th i{margin-right:8px;font-size:12px}.bi-table td{padding:16px;border-bottom:1px solid var(--bi-gray-100);vertical-align:middle}.bi-table tbody tr{transition:var(--bi-transition)}.bi-table tbody tr:hover,.bi-table tbody tr:hover td{background:var(--bi-primary-bg)}.bi-table tbody tr:hover td:last-child,.bi-table tbody tr:hover .bi-actions-cell{background:var(--bi-primary-bg)}.bi-table tbody tr:last-child td{border-bottom:none}.bi-customer-cell{display:flex;align-items:center;gap:14px}.bi-avatar{width:42px;height:42px;border-radius:var(--bi-radius-full);background:linear-gradient(135deg,var(--bi-primary) 0%,var(--bi-primary-dark) 100%);color:var(--bi-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;box-shadow:0 2px 8px #22c55e4d}.bi-customer-info{display:flex;flex-direction:column;gap:4px}.bi-customer-name{font-weight:600;color:var(--bi-gray-800);font-size:14px}.bi-customer-phone{font-size:12px;color:var(--bi-gray-500);display:flex;align-items:center;gap:6px}.bi-customer-phone i{font-size:10px;color:var(--bi-primary)}.bi-service-cell{display:flex;align-items:center;gap:10px}.bi-service-icon{font-size:20px}.bi-service-name{font-weight:500;color:var(--bi-gray-700);font-size:14px}.bi-needs-cell{max-width:260px;color:var(--bi-gray-600);font-size:13px;line-height:1.5}.bi-assigned-cell{display:flex;align-items:center}.bi-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--bi-radius-full);font-size:12px;font-weight:500}.bi-badge i{font-size:11px}.bi-badge-assigned{background:var(--bi-primary-bg);color:var(--bi-primary-dark);border:1px solid var(--bi-primary-light)}.bi-badge-unassigned{background:var(--bi-gray-100);color:var(--bi-gray-500);border:1px solid var(--bi-gray-200)}.bi-date-cell{display:flex;flex-direction:column;gap:4px}.bi-date-primary{font-weight:500;color:var(--bi-gray-700);font-size:13px}.bi-date-ago{font-size:11px;color:var(--bi-gray-400)}.bi-actions-cell{display:flex;gap:8px}.bi-action-btn{width:34px;height:34px;border:none;border-radius:var(--bi-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:var(--bi-transition)}.bi-action-edit{background:var(--bi-primary-bg);color:var(--bi-primary-dark);border:1px solid var(--bi-primary-light)}.bi-action-edit:hover{background:var(--bi-primary);color:var(--bi-white);transform:scale(1.05)}.bi-action-email{background:#fef2f2;color:var(--bi-danger);border:1px solid #fecaca}.bi-action-email:hover{background:var(--bi-danger);color:var(--bi-white);transform:scale(1.05)}.bi-empty-state{padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;margin-left:150px;text-align:center}.bi-empty-icon{width:80px;height:80px;background:var(--bi-gray-100);border-radius:var(--bi-radius-full);display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--bi-gray-400)}.bi-empty-state h4{margin:0;font-size:18px;color:var(--bi-gray-700);font-weight:600}.bi-empty-state p{margin:0;color:var(--bi-gray-500);font-size:14px}.bi-btn-outline{padding:10px 20px;border:2px solid var(--bi-primary);background:var(--bi-white);color:var(--bi-primary);border-radius:var(--bi-radius);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--bi-transition)}.bi-btn-outline:hover{background:var(--bi-primary);color:var(--bi-white)}.bi-pagination{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--bi-white);padding:18px;border-radius:var(--bi-radius-lg);box-shadow:var(--bi-shadow);flex-wrap:wrap;margin-bottom:30px}.bi-page-btn{padding:10px 16px;border:2px solid var(--bi-gray-200);background:var(--bi-white);color:var(--bi-gray-600);border-radius:var(--bi-radius);cursor:pointer;font-size:14px;font-weight:500;transition:var(--bi-transition);display:flex;align-items:center;gap:8px}.bi-page-btn:hover:not(:disabled){border-color:var(--bi-primary);color:var(--bi-primary);background:var(--bi-primary-bg)}.bi-page-btn:disabled{opacity:.5;cursor:not-allowed}.bi-page-numbers{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.bi-page-num{min-width:40px;height:40px;padding:0;justify-content:center}.bi-page-num.active{background:linear-gradient(135deg,var(--bi-primary) 0%,var(--bi-primary-dark) 100%);color:var(--bi-white);border-color:var(--bi-primary);box-shadow:0 2px 8px #22c55e66}.bi-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:bi-fadeIn .2s ease;overflow-y:auto}@keyframes bi-fadeIn{0%{opacity:0}to{opacity:1}}.bi-modal{background:var(--bi-white);border-radius:var(--bi-radius-xl);width:100%;max-width:560px;max-height:90vh;overflow:hidden;box-shadow:var(--bi-shadow-xl);animation:bi-slideUp .3s ease;display:flex;flex-direction:column}@keyframes bi-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bi-modal-header{padding:20px 24px;border-bottom:1px solid var(--bi-gray-200);display:flex;justify-content:space-between;align-items:center;background:var(--bi-primary-bg);flex-shrink:0}.bi-modal-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--bi-primary-dark)}.bi-modal-title i{font-size:18px}.bi-modal-close{width:34px;height:34px;border:none;background:var(--bi-white);border-radius:var(--bi-radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--bi-gray-500);font-size:16px;transition:var(--bi-transition);box-shadow:var(--bi-shadow-sm)}.bi-modal-close:hover{background:var(--bi-gray-100);color:var(--bi-gray-700)}.bi-modal-body{padding:24px;overflow-y:auto;flex:1}.bi-modal-body::-webkit-scrollbar{width:8px}.bi-modal-body::-webkit-scrollbar-track{background:var(--bi-gray-100);border-radius:4px}.bi-modal-body::-webkit-scrollbar-thumb{background:var(--bi-primary-light);border-radius:4px}.bi-modal-body::-webkit-scrollbar-thumb:hover{background:var(--bi-primary)}.bi-inquiry-preview{display:flex;align-items:center;gap:16px;padding:18px;background:linear-gradient(135deg,var(--bi-primary-bg) 0%,var(--bi-gray-50) 100%);border-radius:var(--bi-radius);margin-bottom:24px;border:1px solid var(--bi-primary-light)}.bi-preview-avatar{width:52px;height:52px;border-radius:var(--bi-radius-full);background:linear-gradient(135deg,var(--bi-primary) 0%,var(--bi-primary-dark) 100%);color:var(--bi-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;flex-shrink:0;box-shadow:0 4px 12px #22c55e4d}.bi-preview-info h4{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--bi-gray-800)}.bi-preview-service{margin:0;color:var(--bi-primary-dark);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.bi-preview-contact{margin:8px 0 0!important;color:var(--bi-gray-500);font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bi-preview-contact i{font-size:11px}.bi-divider{color:var(--bi-gray-300)}.bi-form-group{margin-bottom:20px}.bi-form-group:last-child{margin-bottom:0}.bi-form-group label{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--bi-gray-700);font-size:14px;margin-bottom:10px}.bi-form-group label i{color:var(--bi-primary);font-size:14px}.bi-form-control{width:100%;padding:12px 16px;border:2px solid var(--bi-gray-200);border-radius:var(--bi-radius);font-size:14px;transition:var(--bi-transition);font-family:inherit;background:var(--bi-white)}.bi-form-control:focus{outline:none;border-color:var(--bi-primary);box-shadow:0 0 0 4px #22c55e26}.bi-textarea{resize:vertical;min-height:100px}.bi-readonly-field{padding:12px 16px;background:var(--bi-gray-50);border:2px solid var(--bi-gray-200);border-radius:var(--bi-radius);font-size:14px;color:var(--bi-gray-600);line-height:1.5;max-height:120px;overflow-y:auto}.bi-readonly-field::-webkit-scrollbar{width:6px}.bi-readonly-field::-webkit-scrollbar-track{background:var(--bi-gray-100);border-radius:3px}.bi-readonly-field::-webkit-scrollbar-thumb{background:var(--bi-primary-light);border-radius:3px}.bi-readonly-field::-webkit-scrollbar-thumb:hover{background:var(--bi-primary)}.bi-modal-footer{padding:18px 24px;border-top:1px solid var(--bi-gray-200);display:flex;justify-content:flex-end;gap:12px;background:var(--bi-gray-50);flex-shrink:0}.bi-btn{padding:12px 22px;border:none;border-radius:var(--bi-radius);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:var(--bi-transition)}.bi-btn-secondary{background:var(--bi-gray-200);color:var(--bi-gray-700)}.bi-btn-secondary:hover{background:var(--bi-gray-300)}.bi-btn-primary{background:linear-gradient(135deg,var(--bi-primary) 0%,var(--bi-primary-dark) 100%);color:var(--bi-white);box-shadow:0 4px 14px #22c55e66}.bi-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e80}.bi-error-message{background:var(--bi-white);border-radius:var(--bi-radius-lg);padding:60px 40px;text-align:center;box-shadow:var(--bi-shadow-lg);max-width:500px;margin:80px auto}.bi-error-icon{width:80px;height:80px;background:#fef2f2;border-radius:var(--bi-radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:36px;color:var(--bi-danger)}.bi-error-message h3{margin:0 0 12px;font-size:22px;color:var(--bi-gray-800)}.bi-error-message p{margin:0 0 24px;color:var(--bi-gray-500);font-size:15px}html{scroll-behavior:smooth}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:var(--bi-gray-100)}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--bi-primary-light) 0%,var(--bi-primary) 100%);border-radius:6px;border:2px solid var(--bi-gray-100)}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--bi-primary) 0%,var(--bi-primary-dark) 100%)}html{scrollbar-width:thin;scrollbar-color:var(--bi-primary) var(--bi-gray-100)}@media (max-width: 1200px){.bi-header-filters{flex-wrap:wrap}.bi-filter-search{flex:1 1 100%;order:-1}.bi-filter-item{flex:1 1 calc(50% - 8px)}}@media (max-width: 992px){.bi-stats-grid{grid-template-columns:repeat(2,1fr)}.bi-header-top{flex-direction:column;gap:20px;text-align:center}.bi-header-left{flex-direction:column}.bi-quick-stats{width:100%;justify-content:center}}@media (max-width: 768px){.bi-container{padding:16px}.bi-header-top{padding:20px}.bi-header-text h1{font-size:22px}.bi-header-filters{padding:16px;gap:12px}.bi-filter-item{flex:1 1 100%;min-width:100%}.bi-filter-search{min-width:100%}.bi-clear-filters{width:100%;justify-content:center}.bi-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.bi-stat-card{padding:16px;flex-direction:column;text-align:center;gap:10px}.bi-stat-number{font-size:24px}.bi-table-wrapper{font-size:13px;max-height:none}.bi-table{min-width:800px}.bi-table th,.bi-table td{padding:12px}.bi-pagination{padding:14px;gap:8px}.bi-page-btn{padding:8px 12px;font-size:13px}.bi-page-num{min-width:36px;height:36px}.bi-modal{max-width:calc(100vw - 32px);max-height:85vh}.bi-modal-header,.bi-modal-body,.bi-modal-footer{padding:16px}.bi-inquiry-preview{flex-direction:column;text-align:center}.bi-preview-contact{justify-content:center}.bi-modal-footer{flex-direction:column}.bi-btn{width:100%;justify-content:center}}@media (max-width: 480px){.bi-stats-grid{grid-template-columns:1fr}.bi-quick-stats{flex-direction:column;gap:12px;padding:16px}.bi-quick-stat-divider{width:40px;height:1px}.bi-table th,.bi-table td{padding:10px 8px}.bi-avatar{width:36px;height:36px;font-size:14px}.bi-customer-name{font-size:13px}.bi-customer-phone{font-size:11px}.bi-page-numbers{display:none}}@media print{.bi-container{background:#fff;padding:0;overflow:visible;height:auto}.bi-header-filters,.bi-pagination,.bi-action-btn,.bi-quick-stats{display:none!important}.bi-table-card{box-shadow:none;border:1px solid #ddd}.bi-table-wrapper{max-height:none;overflow:visible}}:root{--tc-bg: #f6f8fb;--tc-surface: #ffffff;--tc-border: #e5e7eb;--tc-muted: #6b7280;--tc-text: #0f172a;--tc-accent: #22c55e;--tc-accent-dark: #16a34a;--tc-accent-soft: #f0fdf4;--tc-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--tc-shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--tc-shadow-lg: 0 16px 40px rgba(15, 23, 42, .12)}.templates-root{background-color:var(--tc-bg);height:100vh;width:100%;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;overflow-y:auto;overflow-x:hidden}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.creator-form-panel{overflow-y:auto;scrollbar-gutter:stable}.creator-form-panel::-webkit-scrollbar-thumb{background-color:#d1d5db}.creator-form-panel::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.preview-details-panel,.wa-body-bg,.upload-list{overflow-y:auto}.carousel-cards-scroll::-webkit-scrollbar{height:6px}.carousel-cards-scroll::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.carousel-cards-scroll::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.template-list-wrapper{padding:40px 32px 48px;max-width:1280px;margin:0 auto}.list-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:var(--tc-surface);border:1px solid var(--tc-border);border-radius:16px;padding:20px 24px;box-shadow:var(--tc-shadow-sm)}.list-page-header h2{font-size:28px;font-weight:700;color:var(--tc-text);margin:0;letter-spacing:-.5px}.subtitle{color:var(--tc-muted);font-size:15px;margin-top:6px;font-weight:400}.btn-primary{background:linear-gradient(135deg,var(--tc-accent) 0%,var(--tc-accent-dark) 100%);color:#fff;border:none;padding:12px 22px;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;font-size:14px;box-shadow:0 10px 20px #22c55e40}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #22c55e59}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed}.btn-icon{font-size:18px}.search-bar-container{background:var(--tc-surface);padding:14px 18px;border-radius:14px;border:1px solid var(--tc-border);display:flex;align-items:center;gap:12px;margin-bottom:24px;transition:all .2s ease;box-shadow:var(--tc-shadow-sm)}.search-bar-container:focus-within{border-color:var(--tc-accent);box-shadow:0 0 0 3px #22c55e1f}.search-bar-container input{border:none;outline:none;width:100%;font-size:15px;color:#374151;background:transparent}.search-bar-container input::placeholder{color:#9ca3af}.table-card{background:var(--tc-surface);border-radius:18px;box-shadow:var(--tc-shadow-md);overflow:hidden;border:1px solid var(--tc-border)}.modern-table{width:100%;border-collapse:collapse}.modern-table th{background-color:#f8fafc;color:#64748b;font-size:11px;font-weight:600;text-transform:uppercase;padding:16px 20px;text-align:left;border-bottom:1px solid var(--tc-border);letter-spacing:.5px}.modern-table td{padding:18px 20px;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:14px;color:#334155}.modern-table tr:last-child td{border-bottom:none}.modern-table tr:hover{background-color:#f9fafb}.fw-bold{font-weight:600;color:#111827}.text-muted{color:#9ca3af}.small{font-size:12px;margin-top:3px}.text-center{text-align:center;padding:40px!important;color:#6b7280}.status-pill{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-flex;align-items:center;gap:6px;box-shadow:var(--tc-shadow-sm)}.status-pill.approved,.status-pill.active{background-color:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.status-pill.approved:before,.status-pill.active:before{content:"";width:6px;height:6px;background:#10b981;border-radius:50%}.status-pill.rejected{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-pill.rejected:before{content:"";width:6px;height:6px;background:#ef4444;border-radius:50%}.status-pill.pending{background-color:#fffbeb;color:#d97706;border:1px solid #fde68a}.status-pill.pending:before{content:"";width:6px;height:6px;background:#f59e0b;border-radius:50%}.category-badge{background:var(--tc-accent-soft);color:var(--tc-accent-dark);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.action-buttons{display:flex;gap:8px}.icon-btn{background:#f8fafc;border:1px solid var(--tc-border);cursor:pointer;padding:10px;border-radius:10px;color:#6b7280;transition:all .2s ease;font-size:18px;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db}.icon-btn.delete:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.creator-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:24px}.creator-container{display:flex;height:min(90vh,920px);width:min(1200px,96vw);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px #0f172a59}.creator-form-panel{flex:1;background:var(--tc-surface);display:flex;flex-direction:column;border-right:1px solid var(--tc-border);max-width:55%;min-width:520px;overflow-y:auto}.panel-header{padding:24px 32px;border-bottom:1px solid var(--tc-border);display:flex;justify-content:space-between;align-items:center;background:var(--tc-surface);position:sticky;top:0;z-index:10}.panel-header-text{display:flex;flex-direction:column;gap:4px}.panel-header h3{margin:0;font-size:20px;color:var(--tc-text);font-weight:700;letter-spacing:-.3px}.panel-subtitle{margin:0;font-size:13px;color:var(--tc-muted)}.panel-header-actions{display:flex;align-items:center;gap:10px}.header-create-btn{padding:10px 14px;font-size:13px;border-radius:10px;box-shadow:var(--tc-shadow-sm)}.close-btn{background:#f8fafc;border:1px solid var(--tc-border);font-size:20px;cursor:pointer;color:#6b7280;padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#e5e7eb;color:#374151}.panel-body{padding:32px;flex:1}.form-group{margin-bottom:28px}.form-group label{display:block;font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;margin-bottom:10px;letter-spacing:.5px}.form-control{width:100%;padding:12px 14px;border:1px solid var(--tc-border);border-radius:12px;font-size:14px;transition:all .2s ease;box-sizing:border-box;background:var(--tc-surface);color:#374151}.form-control:focus{border-color:#22c55e;outline:none;box-shadow:0 0 0 3px #22c55e1a}.form-control::placeholder{color:#9ca3af}.form-row{display:flex;gap:20px}.half{flex:1}.form-group small{display:block;margin-top:8px;color:#9ca3af;font-size:12px;line-height:1.5}.content-type-grid{display:flex;gap:12px;flex-wrap:wrap}.type-card{border:1px solid var(--tc-border);border-radius:12px;padding:16px 12px;text-align:center;cursor:pointer;flex:1;min-width:80px;transition:all .2s ease;background:var(--tc-surface);display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:var(--tc-shadow-sm)}.type-card:hover{background:#f9fafb;border-color:#d1d5db}.type-card.active{border-color:var(--tc-accent);background-color:var(--tc-accent-soft);color:var(--tc-accent-dark)}.type-card.active .type-icon{color:#22c55e}.type-icon{font-size:24px;margin-bottom:4px;color:#6b7280}.type-card span{font-size:13px;font-weight:600;color:inherit}.highlight-box{background:#f8fafc;padding:18px;border-radius:12px;border:1px solid var(--tc-border)}.file-input-wrapper{display:flex;flex-direction:column;gap:12px}.file-upload-area{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.file-upload-btn{background:var(--tc-surface);border:1px solid var(--tc-border);padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#374151}.file-upload-btn:hover{background:#f9fafb;border-color:#22c55e;color:#15803d}.file-upload-btn.disabled{opacity:.5;cursor:not-allowed}.file-info{display:flex;align-items:center;gap:10px;background:#f3f4f6;padding:8px 12px;border-radius:6px;font-size:13px}.file-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#374151}.clear-file-btn{background:none;border:none;color:#dc2626;font-size:18px;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}.clear-file-btn:hover{color:#b91c1c}.success-badge{display:inline-flex;align-items:center;gap:6px;background:#ecfdf5;color:#059669;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid #a7f3d0}.body-input{font-family:inherit;line-height:1.6;resize:vertical;min-height:100px}.samples-section{background:#f0fdf4;padding:18px;border-radius:10px;border-left:4px solid #22c55e}.sample-input-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sample-input-row:last-child{margin-bottom:0}.var-label{background:#22c55e;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;min-width:50px;text-align:center;font-family:Consolas,monospace}.btn-actions{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.btn-type{background:var(--tc-surface);border:1px solid var(--tc-border);padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#374151}.btn-type:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.btn-type.quick-reply{border-color:#a7f3d0;color:#15803d}.btn-type.quick-reply:hover{background:#f0fdf4}.btn-type.url{border-color:#bfdbfe;color:#1d4ed8}.btn-type.url:hover{background:#eff6ff}.btn-type.phone{border-color:#fecaca;color:#dc2626}.btn-type.phone:hover{background:#fef2f2}.buttons-list{display:flex;flex-direction:column;gap:12px}.btn-row-edit{background:#f9fafb;padding:16px;border-radius:10px;border:1px solid #e5e7eb}.btn-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.btn-header .badge{color:#fff;padding:5px 10px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.btn-header .badge.quick-reply{background:#22c55e}.btn-header .badge.url{background:#3b82f6}.btn-header .badge.phone-number{background:#ef4444}.trash-icon{color:#ef4444;cursor:pointer;font-size:18px;padding:6px;border-radius:6px;transition:all .2s}.trash-icon:hover{background:#fef2f2}.btn-input{margin-bottom:10px}.btn-input:last-child{margin-bottom:0}.status-msg{padding:14px 16px;border-radius:10px;margin:16px 0;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px}.status-msg.info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.status-msg.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-msg.success{background:#f0fdf4;color:#15803d;border:1px solid #a7f3d0}.panel-footer{padding:20px 32px;border-top:1px solid var(--tc-border);display:flex;justify-content:flex-end;gap:12px;background:var(--tc-surface);position:sticky;bottom:0}.btn-secondary{background:var(--tc-surface);border:1px solid var(--tc-border);padding:12px 24px;border-radius:12px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.creator-preview-panel{flex:1;background:linear-gradient(135deg,#f0fdf4,#e7fbe9,#dcfce7);display:flex;align-items:center;justify-content:center;padding:40px;min-width:400px;position:relative}.creator-preview-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2322c55e' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.phone-mockup{width:320px;height:640px;background:#fff;border-radius:46px;border:10px solid #0f172a;position:relative;overflow:hidden;box-shadow:0 0 0 2px #1f2937,0 24px 60px -16px #0f172a66,0 0 60px #22c55e1a;z-index:1}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:140px;height:28px;background:#1f2937;border-bottom-left-radius:18px;border-bottom-right-radius:18px;z-index:5}.phone-notch:after{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:60px;height:6px;background:#374151;border-radius:3px}.phone-screen{height:100%;width:100%;display:flex;flex-direction:column;background:#f0f0f0}.whatsapp-header-bar{background:linear-gradient(135deg,#22c55e,#16a34a);padding:38px 16px 12px;display:flex;align-items:center;gap:12px;color:#fff}.wa-avatar{width:38px;height:38px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:16px;border:2px solid rgba(255,255,255,.3)}.wa-info{display:flex;flex-direction:column}.wa-name{font-weight:600;font-size:15px}.wa-status{font-size:11px;opacity:.85}.wa-body-bg{flex:1;background-color:#f0f2f0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%2322c55e' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");padding:20px 12px;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start}.message-bubble{background:#fff;border-radius:4px 14px 14px;padding:14px;max-width:85%;box-shadow:0 4px 12px #0f172a14;font-size:14px;line-height:1.5;position:relative;margin-bottom:10px}.message-bubble:before{content:"";position:absolute;top:0;left:-8px;width:0;height:0;border-style:solid;border-width:0 8px 8px 0;border-color:transparent white transparent transparent}.bubble-header{font-weight:600;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #f3f4f6;color:#111827}.media-placeholder-box{background:linear-gradient(135deg,#22c55e,#16a34a);height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border-radius:8px;margin-bottom:10px;gap:8px;font-size:12px;font-weight:600;padding:12px}.media-placeholder-box svg{font-size:32px;opacity:.9}.bubble-body{padding:0 0 10px;white-space:pre-wrap;color:#1f2937;line-height:1.5}.bubble-footer{font-size:12px;color:#9ca3af;padding-top:10px;margin-top:10px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f3f4f6}.bubble-time{font-size:11px;color:#9ca3af;font-weight:500}.bubble-buttons{margin-top:10px;display:flex;flex-direction:column;gap:6px;width:100%;max-width:300px}.bubble-btn{background:#fff;text-align:left;padding:12px 14px;font-size:14px;border-radius:10px;box-shadow:0 1px 3px #00000014;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease;border:1px solid #e5e7eb}.bubble-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.bubble-btn.url{color:#2563eb;border-left:3px solid #3b82f6}.bubble-btn.phone_number{color:#dc2626;border-left:3px solid #ef4444}.bubble-btn.quick_reply,.bubble-btn.quick-reply{color:#15803d;border-left:3px solid #22c55e}.btn-icon-small{font-size:16px;opacity:.8}.wa-input-bar{background:#fff;padding:14px 16px;color:#9ca3af;font-size:14px;border-top:1px solid #e5e7eb;display:flex;align-items:center;gap:10px}.preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.preview-modal-container.redesigned{background:#fff;border-radius:24px;width:100%;max-width:1000px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;z-index:10}.modal-close-btn:hover{background:#e5e7eb;color:#374151;transform:rotate(90deg)}.preview-details-panel{flex:1;padding:32px;overflow-y:auto;background:#fff;display:flex;flex-direction:column;gap:24px}.preview-header-section{display:flex;flex-direction:column;gap:12px;padding-bottom:24px;border-bottom:1px solid #f3f4f6}.preview-header-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.template-title-stack{display:flex;flex-direction:column;gap:6px}.template-status-badge-large{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#f0fdf4;flex-shrink:0}.status-icon-large{font-size:28px;color:#22c55e}.status-icon-large.approved{color:#22c55e}.status-icon-large.rejected{color:#ef4444}.status-icon-large.pending{color:#f59e0b}.template-title-block{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.template-name{font-size:24px;font-weight:700;color:#111827;margin:0;letter-spacing:-.5px}.status-badge-inline{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-inline.approved,.status-badge-inline.active{background:#ecfdf5;color:#059669}.status-badge-inline.rejected{background:#fef2f2;color:#dc2626}.status-badge-inline.pending{background:#fffbeb;color:#d97706}.template-id{font-size:13px;color:#9ca3af;margin:0;font-family:SF Mono,Consolas,monospace}.quick-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.info-card{background:#f9fafb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px;border:1px solid #f3f4f6;transition:all .2s ease}.info-card:hover{background:#f3f4f6;border-color:#e5e7eb}.info-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;font-weight:600;color:#374151}.info-value.category{color:#22c55e}.components-section{flex:1}.section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin:0 0 16px}.section-title svg{font-size:18px;color:#9ca3af}.components-list{display:flex;flex-direction:column;gap:12px}.component-item{background:#f9fafb;border-radius:12px;padding:16px;border:1px solid #f3f4f6}.component-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.component-type-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.component-type-badge.header{background:#dbeafe;color:#1d4ed8}.component-type-badge.body{background:#f0fdf4;color:#15803d}.component-type-badge.footer{background:#f3f4f6;color:#6b7280}.component-type-badge.buttons{background:#fef3c7;color:#b45309}.component-type-badge.carousel{background:#ede9fe;color:#7c3aed}.component-type-badge svg{font-size:12px}.component-format,.component-char-count,.component-count{font-size:11px;color:#9ca3af;font-weight:500}.component-content{font-size:13px;color:#4b5563;line-height:1.6;background:#fff;padding:12px;border-radius:8px;border:1px solid #e5e7eb}.component-content.body-text{white-space:pre-wrap;max-height:120px;overflow-y:auto}.component-content.footer-text{font-style:italic;color:#6b7280}.buttons-breakdown{display:flex;flex-direction:column;gap:8px}.button-detail{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;border-left:3px solid #e5e7eb}.button-detail.url{border-left-color:#3b82f6}.button-detail.phone-number{border-left-color:#ef4444}.button-detail.quick-reply{border-left-color:#22c55e}.button-type-icon{width:32px;height:32px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:16px;color:#6b7280}.button-detail.url .button-type-icon{background:#eff6ff;color:#3b82f6}.button-detail.phone-number .button-type-icon{background:#fef2f2;color:#ef4444}.button-detail.quick-reply .button-type-icon{background:#f0fdf4;color:#22c55e}.button-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.button-label{font-size:13px;font-weight:600;color:#374151}.button-meta{font-size:11px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-cards-breakdown{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.carousel-card-summary{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.carousel-card-summary:hover,.carousel-card-summary.active{border-color:#22c55e;background:#f0fdf4}.card-number{font-size:12px;font-weight:600;color:#374151}.card-buttons-count{font-size:10px;color:#9ca3af;padding:2px 6px;background:#f3f4f6;border-radius:4px}.preview-actions{padding-top:20px;border-top:1px solid #f3f4f6;display:flex;gap:12px}.action-btn{padding:24px 48px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.action-btn.secondary{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.action-btn.secondary:hover{background:#e5e7eb}.action-btn.primary{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.preview-phone-panel{width:380px;background:linear-gradient(180deg,#f0fdf4,#ecfdf5,#d1fae5);padding:24px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.preview-phone-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2322c55e' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.phone-panel-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px;position:relative;z-index:1}.phone-panel-header h4{margin:0;font-size:14px;font-weight:600;color:#374151}.preview-badge{background:#22c55e;color:#fff;margin-right:38px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.phone-preview-wrapper{position:relative;z-index:1}.phone-frame{width:280px;height:560px;background:#1f2937;border-radius:40px;padding:12px;position:relative;box-shadow:0 25px 50px -12px #0000004d,inset 0 0 0 2px #374151,0 0 0 1px #0000001a}.phone-speaker{position:absolute;top:18px;left:50%;transform:translate(-50%);width:80px;height:6px;background:#374151;border-radius:3px}.phone-screen-area{width:100%;height:100%;background:#fff;border-radius:32px;overflow:hidden;display:flex;flex-direction:column}.phone-home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:100px;height:4px;background:#6b7280;border-radius:2px}.wa-preview-header{background:linear-gradient(135deg,#22c55e,#16a34a);padding:12px 10px;display:flex;align-items:center;gap:10px;color:#fff}.wa-back-btn{font-size:18px;opacity:.9}.wa-contact-avatar{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.wa-contact-info{flex:1;display:flex;flex-direction:column}.wa-contact-name{font-size:14px;font-weight:600}.wa-contact-status{font-size:11px;opacity:.8}.wa-header-actions{display:flex;gap:12px;font-size:16px;opacity:.9}.wa-chat-area{flex:1;background:#ece5dd;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.wa-date-divider{display:flex;justify-content:center;margin:8px 0}.wa-date-divider span{background:#d1f4e0;padding:4px 12px;border-radius:6px;font-size:11px;color:#374151;font-weight:500}.wa-message-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.wa-message-bubble{background:#fff;border-radius:0 8px 8px;padding:8px 10px;max-width:90%;box-shadow:0 1px 2px #0000001a;position:relative}.wa-message-bubble:before{content:"";position:absolute;top:0;left:-6px;border-width:0 6px 6px 0;border-style:solid;border-color:transparent white transparent transparent}.wa-msg-header{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #f3f4f6}.wa-msg-header strong{font-size:12px;color:#111827}.wa-media-placeholder{height:80px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:10px;font-weight:600}.wa-media-placeholder.image{background:linear-gradient(135deg,#ec4899,#f43f5e)}.wa-media-placeholder.video{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.wa-media-placeholder.document{background:linear-gradient(135deg,#f59e0b,#d97706)}.wa-media-placeholder svg{font-size:24px}.wa-msg-body{font-size:12px;line-height:1.5;color:#1f2937;white-space:pre-wrap;word-break:break-word}.wa-msg-footer{font-size:10px;color:#6b7280;margin-top:6px;padding-top:6px;border-top:1px solid #f3f4f6;font-style:italic}.wa-msg-time{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px}.wa-msg-time span{font-size:9px;color:#9ca3af}.wa-check{color:#3b82f6}.wa-buttons-container{display:flex;flex-direction:column;gap:4px;width:90%;margin-top:4px}.wa-action-btn{background:#fff;border-radius:6px;padding:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:500;box-shadow:0 1px 2px #0000001a}.wa-action-btn.url{color:#3b82f6}.wa-action-btn.phone-number{color:#ef4444}.wa-action-btn.quick-reply{color:#22c55e}.wa-action-btn svg{font-size:14px}.wa-carousel-container{width:100%;margin-top:6px}.wa-carousel-scroll{display:flex;gap:8px;overflow-x:auto;padding:4px 0;scroll-behavior:smooth}.wa-carousel-scroll::-webkit-scrollbar{height:4px}.wa-carousel-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.wa-carousel-card{min-width:160px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;border:2px solid transparent;cursor:pointer}.wa-carousel-card.active{border-color:#22c55e}.wa-carousel-card:hover{transform:translateY(-2px)}.wa-card-media{height:70px;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:2px;position:relative;overflow:hidden}.wa-card-media svg{font-size:20px}.wa-card-media span{font-size:16px;font-weight:700}.wa-card-media img,.wa-card-media video{width:100%;height:100%;object-fit:cover;display:block}.wa-card-body{padding:8px;font-size:10px;color:#374151;line-height:1.4;border-bottom:1px solid #f3f4f6}.wa-card-buttons{padding:6px;display:flex;flex-direction:column;gap:4px}.wa-card-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px;font-size:10px;color:#22c55e;font-weight:500;border-top:1px solid #f3f4f6}.wa-card-btn svg{font-size:12px}.carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.dot{width:6px;height:6px;border-radius:50%;background:#d1d5db;cursor:pointer;transition:all .2s ease}.dot.active{background:#22c55e;width:18px;border-radius:3px}.wa-input-area{background:#f0f2f5;padding:8px;display:flex;align-items:center;gap:8px}.wa-input-box{flex:1;background:#fff;border-radius:20px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:12px}.wa-input-placeholder{flex:1;color:#9ca3af}.wa-send-btn{width:36px;height:36px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}@media (max-width: 900px){.preview-modal-container.redesigned{flex-direction:column;max-height:95vh}.preview-details-panel{max-height:50vh}.preview-phone-panel{width:100%;padding:20px}.phone-frame{width:260px;height:500px}.quick-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.preview-modal-container.redesigned{border-radius:16px}.preview-details-panel{padding:20px}.quick-info-grid{grid-template-columns:1fr 1fr}.template-name{font-size:20px}.modal-close-btn{top:12px;right:12px;width:36px;height:36px}}.preview-details-panel::-webkit-scrollbar{width:6px}.preview-details-panel::-webkit-scrollbar-track{background:transparent}.preview-details-panel::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.preview-details-panel::-webkit-scrollbar-thumb:hover{background:#d1d5db}.component-content.body-text::-webkit-scrollbar{width:4px}.component-content.body-text::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.template-type-selector{display:flex;gap:12px}.type-selector-btn{flex:1;padding:18px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .2s ease;font-weight:600;color:#6b7280}.type-selector-btn:hover{border-color:#d1d5db;background:#f9fafb}.type-selector-btn.active{border-color:#22c55e;background:#f0fdf4;color:#15803d}.type-selector-btn svg{font-size:28px}.carousel-note{display:block;margin-top:10px;padding:10px 14px;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:6px;color:#b45309;font-size:13px}.carousel-section{border-top:1px solid #e5e7eb;padding-top:24px;margin-top:24px}.media-format-selector{display:flex;gap:12px}.format-btn{flex:1;padding:14px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;color:#6b7280;transition:all .2s ease}.format-btn:hover{border-color:#d1d5db}.format-btn.active{border-color:#22c55e;background:#f0fdf4;color:#15803d}.format-btn svg{font-size:22px}.carousel-cards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.add-card-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;transition:all .2s ease;box-shadow:0 2px 8px #22c55e40}.add-card-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e59}.carousel-cards-container{display:flex;flex-direction:column;gap:16px}.carousel-card-editor{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;transition:all .2s ease}.carousel-card-editor:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.card-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #f3f4f6}.card-number{font-weight:700;color:#111827;font-size:15px;display:flex;align-items:center;gap:8px}.card-uploaded-indicator{font-size:12px;color:#22c55e;font-weight:600}.remove-card-btn{background:#fef2f2;color:#ef4444;border:1px solid #fecaca;width:30px;height:30px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-card-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.card-section{margin-bottom:6px}.card-section:last-child{margin-bottom:0}.card-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;margin-bottom:6px;letter-spacing:.3px}.card-label svg{font-size:14px}.card-media-upload{display:flex;flex-direction:column;gap:8px}.select-media-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#6b7280}.select-media-btn:hover{border-color:#22c55e;background:#f0fdf4;color:#15803d}.select-media-btn svg{font-size:24px}.media-preview-container{position:relative;border-radius:10px;overflow:hidden;background:#1f2937}.media-preview-img,.media-preview-video{width:100%;height:88px;object-fit:cover}.media-preview-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:10px;display:flex;justify-content:space-between;align-items:center}.file-name-overlay{color:#fff;font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-media-btn{background:#ffffff26;color:#fff;border:none;padding:6px 10px;border-radius:6px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.clear-media-btn:hover{background:#ef4444}.upload-status{position:absolute;top:10px;right:10px;background:#22c55e;color:#fff;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:5px}.card-body-input{resize:none;font-size:13px;min-height:64px}.card-btn-actions{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.btn-mini{background:#fff;border:1px solid #e5e7eb;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-mini.quick-reply{border-color:#a7f3d0;color:#15803d}.btn-mini.quick-reply:hover{background:#f0fdf4}.btn-mini.url{border-color:#bfdbfe;color:#1d4ed8}.btn-mini.url:hover{background:#eff6ff}.btn-mini.phone{border-color:#fecaca;color:#dc2626}.btn-mini.phone:hover{background:#fef2f2}.card-buttons-list{display:flex;flex-direction:column;gap:10px}.card-button-row{background:#f9fafb;padding:12px;border-radius:8px;border:1px solid #e5e7eb}.card-btn-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.btn-type-badge{font-size:10px;font-weight:700;padding:4px 10px;border-radius:5px;text-transform:uppercase;letter-spacing:.3px}.btn-type-badge.quick-reply{background:#22c55e;color:#fff}.btn-type-badge.url{background:#3b82f6;color:#fff}.btn-type-badge.phone-number{background:#ef4444;color:#fff}.remove-btn-icon{color:#ef4444;cursor:pointer;font-size:16px;padding:5px;border-radius:4px;transition:all .2s}.remove-btn-icon:hover{background:#fef2f2}.card-button-row .form-control{margin-bottom:8px}.card-button-row .form-control:last-child{margin-bottom:0}.carousel-preview-wrapper{margin-top:12px;width:100%}.carousel-nav-container{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:12px}.carousel-nav-btn{background:#fff;border:1px solid #e5e7eb;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#6b7280}.carousel-nav-btn:hover:not(:disabled){background:#f0fdf4;border-color:#22c55e;color:#22c55e}.carousel-nav-btn:disabled{opacity:.4;cursor:not-allowed}.carousel-page-indicator{font-size:12px;color:#6b7280;font-weight:600}.carousel-cards-scroll{overflow:hidden;border-radius:10px}.carousel-cards-track{display:flex;transition:transform .3s ease}.carousel-card-preview-item{min-width:100%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000014}.card-preview-media{position:relative;height:100px;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center}.card-preview-media img,.card-preview-media video{width:100%;height:100%;object-fit:cover}.card-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff}.card-preview-placeholder svg{font-size:30px;opacity:.9}.card-preview-placeholder span{font-size:12px;font-weight:600}.card-uploaded-badge{position:absolute;top:8px;right:8px;background:#fffffff2;color:#22c55e;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px}.card-preview-body{padding:12px;font-size:13px;color:#374151;line-height:1.5;border-bottom:1px solid #f3f4f6}.card-preview-buttons{padding:10px;display:flex;flex-direction:column;gap:6px}.card-preview-btn{display:flex;align-items:center;gap:8px;padding:10px;border-radius:8px;font-size:12px;font-weight:500;background:#f9fafb;border:1px solid #e5e7eb}.card-preview-btn.quick-reply{color:#15803d;border-left:3px solid #22c55e}.card-preview-btn.url{color:#1d4ed8;border-left:3px solid #3b82f6}.card-preview-btn.phone-number{color:#dc2626;border-left:3px solid #ef4444}.upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upload-modal-container{background:#fff;border-radius:16px;width:90%;max-width:420px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.upload-modal-header{padding:18px 22px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.upload-modal-header h3{margin:0;font-size:16px;display:flex;align-items:center;gap:10px;font-weight:600}.upload-modal-body{padding:22px}.upload-progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:14px}.progress-fill{height:100%;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:4px;transition:width .3s ease}.upload-progress-text{text-align:center;font-size:14px;color:#6b7280;margin-bottom:18px;font-weight:500}.upload-list{display:flex;flex-direction:column;gap:10px;max-height:220px;overflow-y:auto}.upload-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f9fafb;border-radius:8px;border-left:3px solid #e5e7eb}.upload-item.pending{border-left-color:#f59e0b}.upload-item.uploading{border-left-color:#3b82f6;background:#eff6ff}.upload-item.completed{border-left-color:#22c55e;background:#f0fdf4}.upload-item.error{border-left-color:#ef4444;background:#fef2f2}.upload-item-info{display:flex;flex-direction:column;gap:3px}.upload-item-name{font-size:13px;font-weight:600;color:#374151;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-item-card{font-size:11px;color:#9ca3af}.upload-item-status{display:flex;align-items:center}.status-icon{font-size:22px}.status-icon.pending{color:#f59e0b}.status-icon.completed{color:#22c55e}.status-icon.error{color:#ef4444}.spinner-small{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.carousel-badge-mini{display:inline-block;margin-left:8px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:3px 8px;border-radius:4px;font-size:9px;text-transform:uppercase;font-weight:700;letter-spacing:.3px}.carousel-preview-container{margin-top:12px}.carousel-cards-preview{display:flex;gap:10px;overflow-x:auto;padding:8px 0}.carousel-card-preview{min-width:160px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb}.card-media-preview{height:80px;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:4px}.card-media-preview svg{font-size:24px}.card-media-preview span{font-size:11px;font-weight:600}.card-body-preview{padding:10px;font-size:11px;color:#374151;border-bottom:1px solid #f3f4f6}.card-btn-preview{padding:8px 10px;font-size:11px;color:#22c55e;font-weight:600;text-align:center;border-top:1px solid #f3f4f6}@media (max-width: 1024px){.creator-container{flex-direction:column}.creator-form-panel{max-width:100%;min-width:auto;max-height:60vh}.creator-preview-panel{min-height:45vh;min-width:auto;padding:30px}.phone-mockup{width:280px;height:560px}}@media (max-width: 768px){.template-list-wrapper{padding:20px}.list-page-header{flex-direction:column;align-items:flex-start;gap:16px}.list-page-header h2{font-size:22px}.form-row{flex-direction:column;gap:16px}.half{width:100%}.content-type-grid{flex-wrap:wrap}.type-card{min-width:70px}.panel-body{padding:24px}.panel-header,.panel-footer{padding:16px 24px}.template-type-selector,.media-format-selector,.card-btn-actions{flex-direction:column}.btn-mini{width:100%;text-align:center;justify-content:center}.btn-actions{flex-direction:column}.btn-type{width:100%;text-align:center;justify-content:center}}.creator-form-panel::-webkit-scrollbar,.wa-body-bg::-webkit-scrollbar,.upload-list::-webkit-scrollbar{width:6px}.creator-form-panel::-webkit-scrollbar-track,.wa-body-bg::-webkit-scrollbar-track,.upload-list::-webkit-scrollbar-track{background:#f3f4f6}.creator-form-panel::-webkit-scrollbar-thumb,.wa-body-bg::-webkit-scrollbar-thumb,.upload-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.creator-form-panel::-webkit-scrollbar-thumb:hover,.wa-body-bg::-webkit-scrollbar-thumb:hover,.upload-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #22c55e;outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.template-list-wrapper,.creator-overlay{animation:fadeIn .3s ease}.mt-1{margin-top:4px}.mt-2{margin-top:8px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.ftc-wrapper{min-height:100vh;height:auto;display:flex;flex-direction:column;background:var(--gray-50);overflow:visible}.ftc-topbar{display:flex;align-items:center;gap:26px;padding:14px 28px;background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:0 2px 8px #16a34a14;position:sticky;top:0;z-index:100;flex-wrap:wrap}.ftc-topbar-left{display:flex;align-items:center;gap:14px;flex-shrink:0}.ftc-logo{width:40px;height:40px;padding:8px;background:linear-gradient(135deg,var(--green-400) 0%,var(--green-500) 100%);border-radius:10px;color:var(--white);box-shadow:0 3px 10px #6bc46b40}.ftc-title h1{font-size:1.2rem;font-weight:700;color:var(--gray-900);line-height:1.2}.ftc-title span{font-size:.74rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.03em}.ftc-topbar-stats{display:flex;align-items:center;gap:18px;padding:0 18px;border-left:1px solid var(--gray-200);border-right:1px solid var(--gray-200)}.ftc-mini-stat{display:flex;flex-direction:column;align-items:center;min-width:55px}.ftc-mini-num{font-size:1.35rem;font-weight:700;color:var(--green-600);line-height:1}.ftc-mini-stat.active .ftc-mini-num{color:var(--green-500)}.ftc-mini-stat.inactive .ftc-mini-num{color:#f5a623}.ftc-mini-label{font-size:.7rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.03em;margin-top:3px}.ftc-topbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}.ftc-btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--gray-200);border-radius:8px;color:var(--gray-600);cursor:pointer;transition:all .2s}.ftc-btn-icon:hover{background:var(--green-50);border-color:var(--green-400);color:var(--green-600)}.ftc-btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--green-400) 0%,var(--green-500) 100%);border:none;border-radius:8px;color:var(--white);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #16a34a40}.ftc-btn-primary:hover{background:linear-gradient(135deg,var(--green-500) 0%,var(--green-600) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #16a34a59}.ftc-alert{display:flex;align-items:center;gap:12px;margin:18px 28px 0;padding:14px 20px;border-radius:10px;font-size:.92rem;border:2px solid}.ftc-alert-success{background:#f0fff4;border-color:var(--green-300);color:var(--green-700)}.ftc-alert-error{background:#fff5f5;border-color:#fed7d7;color:#c53030}.ftc-alert-loading{background:#f0f9ff;border-color:#90cdf4;color:#2b6cb0}.ftc-alert span{flex:1}.ftc-alert-close{background:transparent;border:none;color:inherit;opacity:.6;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.ftc-alert-close:hover{opacity:1}.ftc-spin{animation:ftc-spin 1s linear infinite}@keyframes ftc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ftc-content{flex:1;padding:24px 28px 45px;overflow:visible}.ftc-form-card{background:var(--white);border-radius:12px;box-shadow:0 2px 12px #16a34a1a;border:1px solid var(--gray-200);margin-bottom:24px;overflow:hidden}.ftc-form-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(180deg,var(--green-50) 0%,var(--white) 100%);border-bottom:1px solid var(--gray-200)}.ftc-form-header h2{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;color:var(--green-700)}.ftc-editing-badge{padding:5px 12px;background:#fff8e6;color:#d68a00;border-radius:20px;font-size:.75rem;font-weight:600}.ftc-form{padding:24px}.ftc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ftc-field{display:flex;flex-direction:column;gap:8px}.ftc-field-full{grid-column:span 2}.ftc-field label{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--gray-700)}.ftc-field label svg{color:var(--green-500)}.ftc-required{color:#e74c3c}.ftc-field input,.ftc-field textarea{padding:12px 16px;border:1px solid var(--gray-200);border-radius:8px;font-size:.92rem;color:var(--gray-800);background:var(--white);transition:all .2s;font-family:inherit}.ftc-field textarea{resize:vertical;min-height:90px}.ftc-field input:focus,.ftc-field textarea:focus{outline:none;border-color:var(--green-400);box-shadow:0 0 0 4px #6bc46b1f}.ftc-field input:disabled,.ftc-field textarea:disabled{background:var(--gray-100);cursor:not-allowed}.ftc-field input::placeholder,.ftc-field textarea::placeholder{color:var(--gray-400)}.ftc-hint{font-size:.78rem;color:var(--gray-500)}.ftc-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--gray-200)}.ftc-btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 22px;background:var(--white);border:1px solid var(--gray-300);border-radius:8px;color:var(--gray-600);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s}.ftc-btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.ftc-btn-submit{display:flex;align-items:center;gap:8px;padding:12px 26px;background:linear-gradient(135deg,var(--green-400) 0%,var(--green-500) 100%);border:none;border-radius:8px;color:var(--white);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #16a34a40}.ftc-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--green-500) 0%,var(--green-600) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #16a34a59}.ftc-btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.ftc-triggers-section{background:#fff;border-radius:12px;border:1px solid var(--gray-200);overflow:hidden}.ftc-section-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#fff;border-bottom:1px solid var(--gray-200)}.ftc-section-header h2{font-size:1.1rem;font-weight:700;color:var(--green-700)}.ftc-count{font-size:.85rem;color:var(--gray-500);background:var(--green-50);padding:5px 14px;border-radius:20px;border:1px solid var(--green-200)}.ftc-empty{padding:70px 24px;text-align:center}.ftc-empty svg{color:var(--green-300);margin-bottom:18px}.ftc-empty h3{font-size:1.2rem;font-weight:600;color:var(--gray-800);margin-bottom:8px}.ftc-empty p{color:var(--gray-500);font-size:.95rem;margin-bottom:24px}.ftc-triggers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:22px;padding:24px}.ftc-trigger-card{background:#fff;border:1px solid var(--gray-200);border-radius:14px;overflow:hidden;transition:all .2s;box-shadow:0 6px 18px #0f172a0f}.ftc-trigger-card:hover{border-color:var(--green-200);box-shadow:0 10px 22px #16a34a24;transform:translateY(-2px)}.ftc-trigger-card.inactive{opacity:.65;background:var(--gray-50)}.ftc-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid var(--gray-200)}.ftc-keyword{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:var(--black);background:#fff;padding:6px 12px;border-radius:10px;border:1px solid var(--gray-200)}.ftc-keyword svg{color:var(--green-500)}.ftc-status-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.ftc-status-badge.active{background:var(--green-100);color:var(--green-700)}.ftc-status-badge.inactive{background:#fff8e6;color:#d68a00}.ftc-status-dot{width:8px;height:8px;border-radius:50%}.ftc-status-badge.active .ftc-status-dot{background:var(--green-500)}.ftc-status-badge.inactive .ftc-status-dot{background:#f5a623}.ftc-card-body{padding:18px;display:grid;gap:12px}.ftc-info-row{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:start;margin-bottom:0}.ftc-info-row:last-child{margin-bottom:0}.ftc-info-label{font-size:.8rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.02em;padding-top:2px}.ftc-info-value{flex:1;font-size:.88rem;color:var(--gray-700);word-break:break-word}.ftc-code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.82rem;background:var(--green-50);padding:3px 8px;border-radius:6px;color:var(--green-700)}.ftc-card-footer{display:flex;gap:10px;padding:14px 18px;background:#f8fafc;border-top:1px solid var(--gray-200)}.ftc-card-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:11px;border:1px solid transparent;border-radius:10px;background:var(--white);cursor:pointer;transition:all .2s}.ftc-toggle{color:var(--gray-500);border-color:var(--gray-200)}.ftc-toggle:hover{background:#e8f6fc;border-color:#87ceeb;color:#2980b9}.ftc-toggle.active{color:var(--green-600);border-color:var(--green-200)}.ftc-toggle.active:hover{background:#fff8e6;border-color:#ffd54f;color:#d68a00}.ftc-edit{color:var(--gray-500);border-color:var(--gray-200)}.ftc-edit:hover{background:var(--green-50);border-color:var(--green-300);color:var(--green-600)}.ftc-delete{color:var(--gray-500);border-color:var(--gray-200)}.ftc-delete:hover{background:#ffebeb;border-color:#ffb3b3;color:#e74c3c}.ftc-footer{margin-top:20px;padding:14px 18px;background:var(--white);border-radius:10px;border:1px solid var(--gray-200);text-align:center;font-size:.92rem;color:var(--gray-500)}.ftc-footer strong{color:var(--green-500);font-weight:700}@media (max-width: 1200px){.ftc-topbar{gap:18px}.ftc-topbar-stats{padding:0 14px;gap:14px}}@media (max-width: 900px){.ftc-topbar{flex-wrap:wrap;gap:14px;padding:14px 18px}.ftc-topbar-left{order:1}.ftc-topbar-actions{order:2}.ftc-topbar-stats{order:3;width:100%;justify-content:space-around;border:none;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:12px 0}.ftc-content{padding:18px}.ftc-form-grid{grid-template-columns:1fr}.ftc-field-full{grid-column:span 1}.ftc-triggers-grid{grid-template-columns:1fr}}@media (max-width: 600px){.ftc-topbar{padding:12px 14px}.ftc-title h1{font-size:1.08rem}.ftc-logo{width:36px;height:36px;padding:7px}.ftc-mini-num{font-size:1.18rem}.ftc-content{padding:14px}.ftc-form-header,.ftc-section-header{padding:14px 16px}.ftc-form{padding:16px}.ftc-triggers-grid{padding:16px;gap:16px}.ftc-form-actions{flex-direction:column}.ftc-btn-secondary,.ftc-btn-submit{width:100%;justify-content:center}.ftc-btn-primary span{display:none}}@media print{.ftc-topbar{position:static}.ftc-topbar-actions,.ftc-form-card,.ftc-card-footer{display:none!important}.ftc-wrapper{background:#fff}.ftc-triggers-section{box-shadow:none;border:1px solid var(--gray-300)}}.ftc-btn-icon:focus-visible,.ftc-btn-primary:focus-visible,.ftc-btn-secondary:focus-visible,.ftc-btn-submit:focus-visible,.ftc-field input:focus-visible,.ftc-field textarea:focus-visible{outline:3px solid var(--green-400);outline-offset:2px}.ftc-delete:focus-visible{outline:3px solid #e74c3c;outline-offset:2px}.ftc-card-btn:focus-visible{outline:3px solid var(--green-400);outline-offset:2px}:root{--white: #ffffff;--black: #111827;--green-50: #F0FDF4;--green-100: #DCFCE7;--green-200: #BBF7D0;--green-300: #86EFAC;--green-400: #22C55E;--green-500: #16A34A;--green-600: #15803D;--green-700: #166534;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827}.apt-wrapper{width:100%;min-height:100vh;display:block;background:var(--gray-50)}.apt-topbar{display:flex;align-items:center;gap:26px;padding:20px 24px;margin:16px 20px 24px;background:linear-gradient(135deg,var(--white) 0%,#f6fff9 100%);border:1px solid var(--gray-200);border-radius:16px;box-shadow:0 10px 24px #16a34a14;position:sticky;top:0;z-index:100;flex-wrap:wrap}.apt-topbar-left{display:flex;align-items:center;gap:14px;flex-shrink:0}.apt-logo{width:52px;height:52px;padding:10px;background:linear-gradient(135deg,var(--green-400) 0%,var(--green-600) 100%);border-radius:14px;color:var(--white);box-shadow:0 6px 16px #16a34a40}.apt-title h1{font-size:1.35rem;font-weight:700;color:var(--gray-900);line-height:1.2}.apt-title span{font-size:.8rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.03em}.apt-topbar-stats{display:flex;align-items:center;gap:18px;padding:10px 20px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 6px 14px #1118270d}.apt-mini-stat{display:flex;flex-direction:column;align-items:center;min-width:55px}.apt-mini-num{font-size:1.4rem;font-weight:700;color:var(--green-700);line-height:1}.apt-mini-stat.pending .apt-mini-num{color:#f5a623}.apt-mini-stat.confirmed .apt-mini-num{color:#5dade2}.apt-mini-stat.completed .apt-mini-num{color:var(--green-500)}.apt-mini-label{font-size:.7rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.03em;margin-top:3px}.apt-topbar-filters{display:flex;align-items:center;gap:12px;flex:1}.apt-search{position:relative;flex:1;max-width:360px}.apt-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.apt-search input{width:100%;padding:12px 14px 12px 40px;border:2px solid var(--gray-200);border-radius:12px;font-size:.9rem;color:var(--gray-800);background:var(--white);transition:all .2s}.apt-search input:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 4px #22c55e1f}.apt-search input::placeholder{color:var(--gray-400)}.apt-select{position:relative;min-width:100px}.apt-select select{width:100%;padding:12px 38px 12px 12px;border:2px solid var(--gray-200);border-radius:12px;font-size:.9rem;color:var(--gray-800);background:var(--white);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s}.apt-select select:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 4px #22c55e1f}.apt-select svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.apt-topbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.apt-btn-icon{background:var(--white);border:2px solid var(--gray-200);border-radius:10px;cursor:pointer;transition:all .2s}.apt-btn-icon svg{color:var(--gray-600);stroke:currentColor}.apt-btn-icon:hover svg{color:var(--green-600)}.apt-btn-icon:hover{background:var(--green-50);border-color:var(--green-400);color:var(--green-600)}.apt-btn-export{display:flex;align-items:center;gap:8px;padding:12px 18px;background:linear-gradient(135deg,var(--green-500) 0%,var(--green-600) 100%);border:none;border-radius:12px;color:var(--white);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 6px 16px #16a34a40}.apt-btn-export:hover{transform:translateY(-1px);box-shadow:0 10px 22px #16a34a4d}.apt-error{display:flex;align-items:center;gap:12px;margin:18px 28px 0;padding:12px 18px;background:#fff5f5;border:1px solid #fed7d7;border-left:4px solid #fc8181;border-radius:8px;color:#c53030;font-size:.92rem}.apt-error span{flex:1}.apt-error button{padding:6px 14px;background:var(--white);border:1px solid #fed7d7;border-radius:6px;color:#c53030;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.apt-error button:hover{background:#fff5f5;border-color:#fc8181}.apt-content{padding:24px 28px 45px}.apt-table-box{background:var(--white);border-radius:12px;box-shadow:0 2px 12px #16a34a14;border:1px solid var(--gray-200);overflow-x:auto}.apt-table{width:100%;border-collapse:collapse}.apt-table thead{background:var(--gray-50)}.apt-table th{padding:16px 18px;text-align:left;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);border-bottom:1px solid var(--gray-200);white-space:nowrap}.apt-table tbody tr{border-bottom:1px solid var(--gray-100);transition:background .15s}.apt-table tbody tr:last-child{border-bottom:none}.apt-table tbody tr:hover{background:var(--gray-50)}.apt-table td{padding:16px 18px;font-size:.92rem;color:var(--gray-700);vertical-align:middle}.apt-id{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:var(--green-50);border:1px solid var(--green-200);border-radius:6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.82rem;font-weight:600;color:var(--green-600)}.apt-date{display:flex;flex-direction:column;gap:3px}.apt-date strong{font-size:.92rem;color:var(--gray-800)}.apt-date small{font-size:.76rem;color:var(--gray-400)}.apt-schedule-input{width:100%;min-width:132px;padding:8px 10px;border:1px solid var(--gray-200);border-radius:8px;font-size:.84rem;color:var(--gray-700);background:var(--white)}.apt-schedule-input:focus{outline:none;border-color:var(--green-400);box-shadow:0 0 0 3px #22c55e1f}.apt-visitor{display:flex;align-items:center;gap:12px}.apt-avatar{width:38px;height:38px;border-radius:50%;background:#fff;border:2px solid var(--green-500);color:var(--green-500);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0;box-shadow:0 2px 6px #16a34a33}.apt-visitor span{font-weight:600;color:var(--gray-800);font-size:.92rem}.apt-phone{display:flex;align-items:center;gap:8px;color:var(--gray-600);font-size:.92rem}.apt-phone svg{color:var(--gray-400)}.apt-category{display:inline-block;padding:5px 12px;background:var(--green-50);color:var(--green-600);border-radius:14px;font-size:.76rem;font-weight:600;white-space:nowrap;border:1px solid var(--green-200)}.apt-purpose{max-width:200px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--gray-600);font-size:.88rem;line-height:1.45}.apt-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:14px;font-size:.76rem;font-weight:600;text-transform:capitalize;border:1px solid}.apt-status.pending{background:#fff8e6;color:#d68a00;border-color:#ffe082}.apt-status.confirmed{background:#e8f6fc;color:#2980b9;border-color:#87ceeb}.apt-status.completed{background:var(--green-100);color:var(--green-600);border-color:var(--green-300)}.apt-status.cancelled{background:#ffebeb;color:#e74c3c;border-color:#ffb3b3}.apt-actions{display:flex;align-items:center;gap:12px}.apt-view{height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:1px solid var(--green-200);border-radius:8px;background:var(--green-50);color:var(--green-700);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.apt-view:hover{background:var(--green-100);border-color:var(--green-300)}.apt-actions select{padding:10px 12px;border:1px solid var(--gray-200);border-radius:6px;font-size:.88rem;color:var(--gray-700);background:var(--white);cursor:pointer;min-width:110px;transition:all .2s}.apt-actions select:focus{outline:none;border-color:var(--green-400)}.apt-actions select:hover{border-color:var(--green-300)}.apt-delete{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#ffebeb;border:1px solid #ffb3b3;border-radius:10px;color:#e74c3c;cursor:pointer;transition:all .2s}.apt-delete:hover{background:#e74c3c;border-color:#e74c3c;color:var(--white);transform:scale(1.08);box-shadow:0 4px 14px #e74c3c59}.apt-delete svg{width:20px;height:20px}.apt-row-spin{color:var(--green-500);animation:spin 1s linear infinite}.apt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0f172a8f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:18px;display:flex;align-items:center;justify-content:center}.apt-modal{width:100%;max-width:760px;max-height:90vh;background:var(--white);border:1px solid var(--gray-200);border-radius:18px;box-shadow:0 28px 70px #0f172a47;overflow:hidden}.apt-modal-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 22px;border-bottom:1px solid var(--gray-200);background:linear-gradient(145deg,#ecfdf3,#f8fffb 55%,#fff)}.apt-modal-title-wrap{display:flex;flex-direction:column;gap:5px}.apt-modal-header h3{margin:0;color:var(--gray-900);font-size:1.3rem;font-weight:800}.apt-modal-header p{margin:0;color:var(--gray-500);font-size:.84rem}.apt-modal-close{border:1px solid #b8eecf;border-radius:11px;background:var(--white);color:var(--green-700);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.apt-modal-close:hover{color:var(--white);background:var(--green-500);border-color:var(--green-500)}.apt-modal-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.4}.apt-modal-id-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:700;color:var(--green-700);background:#e8fff2;border:1px solid #b8eecf}.apt-modal-summary{display:flex;align-items:center;gap:12px;padding:14px 22px 16px;border-bottom:1px solid var(--gray-200);background:var(--white)}.apt-modal-avatar{width:48px;height:48px;flex-shrink:0;border-radius:50%;border:2px solid var(--green-300);background:#f3fff8;color:var(--green-700);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.apt-modal-summary-text{min-width:0;flex:1}.apt-modal-summary-text h4{margin:0;color:var(--gray-900);font-size:1.05rem}.apt-modal-summary-text p{margin:3px 0 0;color:var(--gray-500);font-size:.86rem}.apt-modal-pill{padding:6px 12px;border-radius:999px;border:1px solid;font-size:.78rem;font-weight:700;text-transform:capitalize;white-space:nowrap}.apt-modal-pill.pending{background:#fff8e6;color:#d68a00;border-color:#ffe082}.apt-modal-pill.confirmed{background:#e8f6fc;color:#2980b9;border-color:#87ceeb}.apt-modal-pill.completed{background:var(--green-100);color:var(--green-700);border-color:var(--green-300)}.apt-modal-pill.cancelled{background:#ffebeb;color:#e74c3c;border-color:#ffb3b3}.apt-modal-body{padding:16px 22px 22px;max-height:calc(90vh - 165px);overflow-y:auto;background:linear-gradient(180deg,#fff,#f9fcfa)}.apt-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.apt-modal-item{border:1px solid #dde5df;background:#fff;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 6px #11182708}.apt-modal-item span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);font-weight:700}.apt-modal-item strong{font-size:1.03rem;color:var(--gray-800);text-transform:capitalize;line-height:1.35}.apt-modal-item-full{grid-column:1 / -1}.apt-modal-status{color:var(--green-600)}.apt-modal-muted{color:var(--gray-500)!important}.apt-empty{padding:70px 24px;text-align:center}.apt-empty svg{color:var(--green-300);margin-bottom:18px}.apt-empty h3{font-size:1.2rem;font-weight:600;color:var(--gray-800);margin-bottom:8px}.apt-empty p{color:var(--gray-500);font-size:.98rem}.apt-footer{margin-top:18px;padding:14px 18px;background:var(--white);border-radius:10px;border:1px solid var(--gray-200);text-align:center;font-size:.92rem;color:var(--gray-500)}.apt-footer strong{color:var(--green-500);font-weight:700}.apt-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gray-50)}.apt-loading-box{text-align:center;padding:45px 70px;background:var(--white);border-radius:14px;box-shadow:0 4px 20px #16a34a1f;border:1px solid var(--gray-200)}.apt-spin{width:48px;height:48px;color:var(--green-400);animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.apt-loading-box p{color:var(--gray-600);font-size:1.02rem}@media (max-width: 1200px){.apt-topbar{gap:18px}.apt-topbar-stats{padding:0 14px;gap:14px}.apt-mini-stat{min-width:45px}.apt-search{max-width:180px}}@media (max-width: 900px){.apt-topbar{flex-wrap:wrap;gap:14px;padding:14px 18px}.apt-topbar-left{order:1}.apt-topbar-actions{order:2;margin-left:auto}.apt-topbar-stats{order:3;width:100%;justify-content:space-around;border:none;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:12px 0}.apt-topbar-filters{order:4;width:100%;flex-wrap:wrap}.apt-search{flex:1;max-width:none;min-width:160px}.apt-select{flex:1;min-width:130px}.apt-content{padding:18px}.apt-table-box{overflow-x:auto}.apt-table{min-width:1150px}.apt-modal-grid{grid-template-columns:1fr}.apt-modal-summary{flex-wrap:wrap}.apt-modal-pill{margin-left:60px}}@media (max-width: 600px){.apt-topbar{padding:12px 14px}.apt-title h1{font-size:1.08rem}.apt-logo{width:36px;height:36px;padding:7px}.apt-mini-num{font-size:1.18rem}.apt-content{padding:14px}.apt-modal-overlay{padding:10px}.apt-modal-header{padding:16px}.apt-modal-summary{padding:12px 16px 14px}.apt-modal-body{padding:12px 16px 16px}.apt-modal-header h3{font-size:1.1rem}.apt-modal-summary-text h4{font-size:.96rem}.apt-modal-pill{margin-left:0}}.apt-table-box::-webkit-scrollbar{height:10px}.apt-table-box::-webkit-scrollbar-track{background:var(--gray-50);border-radius:0 0 12px 12px}.apt-table-box::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--green-300) 0%,var(--green-400) 100%);border-radius:5px;border:2px solid var(--gray-50)}.apt-table-box::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--green-400) 0%,var(--green-500) 100%)}.apt-btn-icon:focus-visible,.apt-btn-export:focus-visible,.apt-search input:focus-visible,.apt-select select:focus-visible,.apt-actions select:focus-visible{outline:3px solid var(--green-400);outline-offset:2px}.apt-delete:focus-visible{outline:3px solid #e74c3c;outline-offset:2px}.apt-view:focus-visible,.apt-schedule-input:focus-visible,.apt-modal-close:focus-visible{outline:3px solid var(--green-400);outline-offset:2px}