@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-logo{height:40vmin;pointer-events:none}.app-container{display:flex;height:100vh}body,html{height:auto;margin:0;padding:0}.App,body,html{overflow-x:hidden}.App{display:flex;flex-direction:column;overflow-y:hidden;text-align:center}#root,.App,body{height:100%}body{overflow-x:hidden;overflow-y:hidden;width:100%}.content-column{flex:1 1;height:100vh;margin-left:280px;overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 280px)}.app-container:has(.account-sidebar.collapsed) .content-column{margin-left:80px;width:calc(100% - 80px)}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-container{display:flex;height:100%;max-width:1366px;width:100%;z-index:1}.menu{width:20%}.chatpage{align-items:center;background-color:#d7dbd6;display:flex;flex-direction:column;justify-content:center;width:80%;z-index:1}:root{--LogoColor:#2f001c}.account-sidebar{background:linear-gradient(135deg,#fff,#f8fafc);border-right:1px solid #e2e8f080;box-shadow:4px 0 24px #00000014;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;height:100vh;left:0;max-height:100vh;min-height:100vh;overflow:hidden;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:100}.folder-item{align-items:stretch!important;flex-direction:column}.folder-link{align-items:center;background:#0000!important;border:none;cursor:pointer;display:flex!important;justify-content:space-between;text-align:left;width:100%}.folder-chevron{color:#94a3b8;font-size:.75rem;margin-left:auto;transition:all .3s ease}.submenu-list{animation:slideDown .3s ease;list-style:none;margin:0;padding:0 0 0 40px}.submenu-item{margin:4px 0}.submenu-link{align-items:center;border-radius:8px;color:#64748b;display:flex;font-size:.9rem;padding:10px 16px;position:relative;text-decoration:none;transition:all .3s ease}.submenu-link:hover{background:#667eea1a;color:#667eea}.submenu-item.active .submenu-link{background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;font-weight:600}.submenu-icon{align-items:center;display:flex;font-size:1rem;margin-right:12px}.submenu-text{flex:1 1}.submenu-list.scrollable-submenu{max-height:300px;overflow-x:hidden;overflow-y:auto;padding-right:8px}.submenu-list.scrollable-submenu::-webkit-scrollbar{width:6px}.submenu-list.scrollable-submenu::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:3px}.submenu-list.scrollable-submenu::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.submenu-list.scrollable-submenu::-webkit-scrollbar-thumb:hover{background:#667eea80}.table-emoji-icon{display:inline-block;font-size:1.2rem}.submenu-item.empty-item{padding:8px 16px}.submenu-text.empty-text{color:#94a3b8;font-size:.85rem;font-style:italic}.account-sidebar:before{background:radial-gradient(circle at 20% 20%,#94a3b814 0,#0000 50%),radial-gradient(circle at 80% 80%,#cbd5e10f 0,#0000 50%),radial-gradient(circle at 50% 100%,#e2e8f00d 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.account-sidebar.collapsed{width:80px}.account-sidebar-header{border-bottom:1px solid #e2e8f04d;padding:24px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.account-sidebar.collapsed .account-sidebar-header{border-bottom:none;height:0;opacity:0;overflow:hidden;padding:0}.account-logo-container{align-items:center;display:flex;gap:16px;transition:all .3s ease}.account-logo{background:#fffffff2;border:2px solid #fff3;border-radius:16px;box-shadow:0 8px 24px #0003;height:48px;object-fit:contain;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.account-logo:hover{box-shadow:0 12px 32px #0000004d;transform:scale(1.05)}.account-brand{opacity:1;transition:all .3s ease}.account-sidebar.collapsed .account-brand{opacity:0;transform:translateX(-20px)}.account-brand-text{color:#1f2937;font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0;text-transform:uppercase}.account-brand-subtitle{color:#6b7280cc;font-size:12px;font-weight:500;letter-spacing:1px;margin:2px 0 0;text-transform:uppercase}.account-user-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f033;border-radius:16px;display:flex;gap:16px;margin:0 16px 24px;padding:20px;position:relative;transition:all .3s ease;z-index:2}.account-user-info:hover{background:#ffffffe6;box-shadow:0 4px 16px #0000000d;transform:translateY(-1px)}.user-avatar{flex-shrink:0}.avatar-circle{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 16px #14b8a666;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.user-details{flex:1 1;min-width:0}.user-name{color:#1f2937;line-height:1.2;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#6b7280cc;font-size:12px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.account-nav-menu{display:flex;flex:1 1;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding:0 16px 20px;position:relative;z-index:2}.account-nav-menu::-webkit-scrollbar{width:6px}.account-nav-menu::-webkit-scrollbar-track{background:#e2e8f033;border-radius:3px}.account-nav-menu::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:3px}.account-nav-menu::-webkit-scrollbar-thumb:hover{background:#94a3b899}.account-nav-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.account-nav-item{position:relative}.account-nav-link{align-items:center;border-radius:12px;color:#6b7280cc;display:flex;font-size:14px;font-weight:500;gap:16px;overflow:hidden;padding:14px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.account-nav-link:before{background:#e2e8f04d;border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.account-nav-link:hover:before{opacity:1}.account-nav-link:hover{background:#f8fafccc;color:#1f2937;transform:translateX(4px)}.account-nav-item.active .account-nav-link{background:#34d39926;border:1px solid #34d3994d;box-shadow:0 4px 16px #34d39933;color:#34d399}.account-nav-item.active .account-nav-link:hover{background:#34d39933;transform:translateX(6px)}.account-nav-icon{align-items:center;background:#ffffff1a;border-radius:8px;display:flex!important;flex-shrink:0;font-size:22px;height:28px;justify-content:center;opacity:1!important;transition:all .3s ease;visibility:visible!important;width:28px}.account-nav-link:hover .account-nav-icon{background:#fff3;transform:scale(1.1)}.account-nav-item.active .account-nav-icon{color:#34d399;transform:scale(1.1)}.account-nav-text{font-weight:600;text-transform:capitalize;transition:all .3s ease;white-space:nowrap}.account-sidebar.collapsed .account-nav-text{opacity:0;transform:translateX(-10px)}.account-nav-indicator{background:linear-gradient(135deg,#34d399,#10b981);border-radius:2px 0 0 2px;box-shadow:0 0 8px #34d39980;height:24px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px}.account-unread-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff3;border-radius:50%;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.logout-item{border-top:1px solid #e2e8f04d;margin-top:16px;padding-top:16px}.account-logout-btn{align-items:center;background:none;border:none;border-radius:12px;color:#6b7280cc;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;gap:16px;overflow:hidden;padding:14px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.account-logout-btn:hover{background:#ef44441a;color:#ef4444;transform:translateX(4px)}.logout-icon{flex-shrink:0;height:24px;transform:rotate(180deg);width:24px}.account-sidebar-toggle,.logout-icon{align-items:center;display:flex;font-size:20px;justify-content:center}.account-sidebar-toggle{background:linear-gradient(135deg,#2e6155,#34d399);border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 6px 20px #2e61554d;color:#fff;cursor:pointer;height:36px;position:absolute;right:-18px;top:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;z-index:10}.account-sidebar-toggle:hover{background:linear-gradient(135deg,#1e3a32,#2e6155);border-color:#fff;box-shadow:0 8px 28px #2e615566;transform:scale(1.15)}.account-sidebar.collapsed .account-sidebar-toggle{right:50%;top:24px;transform:translateX(50%)}.account-sidebar.collapsed .account-sidebar-toggle:hover{transform:translateX(50%) scale(1.1)}.account-sidebar.collapsed .account-sidebar-header{padding:24px 16px}.account-sidebar.collapsed .account-logo-container{justify-content:center}.account-sidebar.collapsed .account-user-info{display:none}.account-sidebar.collapsed .account-nav-menu{padding:0 8px}.account-sidebar.collapsed .account-nav-link{justify-content:center;margin:4px 0;padding:16px 12px}.account-sidebar.collapsed .account-nav-icon{background:#ffffff26;border-radius:10px;display:flex!important;font-size:24px;height:32px;opacity:1!important;visibility:visible!important;width:32px}.account-sidebar.collapsed .account-nav-link:hover .account-nav-icon{background:#ffffff40;transform:scale(1.15)}.account-sidebar.collapsed .account-nav-item.active .account-nav-icon{background:#34d39933;box-shadow:0 4px 12px #34d3994d;color:#34d399;transform:scale(1.15)}.account-sidebar.collapsed .account-nav-link{position:relative}.account-sidebar.collapsed .account-nav-link:after{background:#000000e6;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;content:attr(title);font-size:12px;font-weight:500;left:100%;margin-left:12px;opacity:0;padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1000}.account-sidebar.collapsed .account-nav-link:hover:after{margin-left:16px;opacity:1;visibility:visible}.account-sidebar.collapsed .account-unread-badge{right:4px;top:4px}@media (max-width:768px){.account-sidebar{left:0;max-width:280px;position:fixed;top:0;transform:translateX(-100%);width:100%;z-index:1000}.account-sidebar.expanded{transform:translateX(0)}.account-sidebar.collapsed{transform:translateX(-100%)}.account-sidebar-toggle{display:none}}.CloseMenubtn,.Menu,.Menu-items,.logoutBtn,.logoutIcon,.menu-spacer,.menuLogo,.menuLogoContainer,.nav-text,.unread-counter,.userMenu{display:none!important}.account-nav-icon .menuIconPersonalArea{display:block!important;opacity:1!important;visibility:visible!important}.account-sidebar{animation:slideInFromLeft .4s cubic-bezier(.4,0,.2,1)}*,.chat-message{transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-message{animation:messageSlideIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:18px;box-shadow:0 4px 16px #00000014;box-sizing:border-box;clear:both;display:block;font-family:Varela Round,sans-serif;margin:8px 0;max-width:75%;padding:12px 16px;position:relative;word-break:break-word;z-index:1}.message-hover-menu{animation:hoverMenuSlideDown .2s ease-out;background:#fffffffa;border-radius:20px;box-shadow:0 4px 16px #00000026;display:flex;gap:6px;padding:6px;position:absolute;right:10px;top:-35px;z-index:5000}.chat-message.incoming .message-hover-menu{left:10px;right:auto}@keyframes hoverMenuSlideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.hover-menu-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:6px 10px;transition:all .2s ease}.hover-menu-btn:hover{background:#2e61551a;transform:scale(1.1)}.quick-emoji-picker{animation:emojiPickerPop .3s cubic-bezier(.68,-.55,.265,1.55);background:#fffffffa;border-radius:25px;box-shadow:0 6px 20px #0003;display:flex;gap:4px;padding:10px 12px;position:absolute;right:10px;top:-80px;z-index:5001}.chat-message.incoming .quick-emoji-picker{left:10px;right:auto}@keyframes emojiPickerPop{0%{opacity:0;transform:scale(.3) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.quick-emoji-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:6px;transition:all .2s ease}.quick-emoji-btn:hover{background:#2e61551a;transform:scale(1.2)}.more-emoji-btn{background:#2e61550d!important;border:1px solid #2e615533;font-size:20px!important;font-weight:700}.more-emoji-btn:hover{background:#2e615526!important}.replied-message-preview{background:#0000000d;border-left:4px solid #2e6155;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:8px 12px;transition:all .2s ease}.chat-message.outgoing .replied-message-preview{background:#ffffff4d;border-left-color:#2e6155b3}.replied-message-preview:hover{background:#00000014}.chat-message.outgoing .replied-message-preview:hover{background:#fff6}.replied-message-sender{color:#2e6155;font-size:12px;font-weight:700;margin-bottom:4px}.chat-message.outgoing .replied-message-sender{color:#2e6155e6}.replied-message-text{color:#000000b3;font-size:13px;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-message.outgoing .replied-message-text{color:#0009}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-message:hover{box-shadow:0 6px 24px #0000001f;transform:translateY(-1px)}.chat-message.outgoing{background:#dcf8c6;border-bottom-right-radius:6px;color:#000;float:right;margin-left:auto;margin-right:0;text-align:right}.chat-message.outgoing:before{border-bottom:8px solid #0000;border-left:8px solid #2e6155;border-top:8px solid #0000;bottom:0;content:"";height:0;position:absolute;right:-8px;width:0}.chat-message.incoming{background:#fff;border:1px solid #e2e8f080;border-bottom-left-radius:6px;color:#000;float:left;margin-left:0;margin-right:auto;text-align:left}.chat-message.incoming:before{border-bottom:8px solid #0000;border-right:8px solid #fffffff2;border-top:8px solid #0000;bottom:0;content:"";height:0;left:-8px;position:absolute;width:0}.chat-message-text{word-wrap:break-word;font-size:14px;line-height:1.5;margin-bottom:8px;white-space:pre-wrap}.chat-message.incoming .chat-message-text,.chat-message.outgoing .chat-message-text{color:#000}.chat-message-media{border-radius:5px;max-height:200px;max-width:100%;object-fit:cover}.chat-message-media img{cursor:pointer}video{outline:none}.chat-message-media-expanded{border-radius:8px;height:auto;max-height:90vh;width:100%}.chat-message-document-link{align-items:center;background:#2e61551a;border:1px solid #2e615533;border-radius:12px;color:#2e6155;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;margin:8px 0;padding:10px 16px;text-decoration:none;transition:all .3s ease}.chat-message-document-link:hover{background:#2e615526;box-shadow:0 4px 12px #2e615533;transform:translateY(-1px)}.chat-message-document-link:before{content:"📎";font-size:16px}.chat-message-document-container{display:flex;flex-direction:column;gap:4px;margin:8px 0}.chat-message-document-filename{background:#00000008;border-left:3px solid #2e6155;border-radius:6px;color:#666;font-family:Courier New,monospace;font-size:12px;padding:4px 8px;word-break:break-all}.chat-message.outgoing .chat-message-document-filename{background:#fff3;border-left-color:#ffffff80;color:#555}.chat-message-bottom{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:4px;width:100%}.chat-message-date,.chat-message-sender{align-self:flex-start;font-size:11px;font-weight:500;opacity:.7}.chat-message.incoming .chat-message-date,.chat-message.incoming .chat-message-sender,.chat-message.outgoing .chat-message-date,.chat-message.outgoing .chat-message-sender{color:#0009}.chat-message-status{align-items:center;display:flex;font-size:12px;gap:4px;opacity:.8}.chat-message-actions{align-items:center;display:flex;font-size:16px;gap:8px;opacity:1;transition:all .3s ease;z-index:10}.chat-message:hover .chat-message-actions{opacity:1}.chat-message-actions button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .3s ease}.chat-message-actions button:hover{background:#0000001a;transform:scale(1.1)}.chat-message.outgoing .chat-message-actions button{color:#fffc}.chat-message.incoming .chat-message-actions button{color:#64748b}.chat-message-template{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:8px 16px;max-width:350px;padding:16px}.chat-message-template-header{margin-bottom:12px}.chat-message-template-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:100%;object-fit:cover}.chat-message-template-header-text{color:#1e293b;font-size:16px;font-weight:700;line-height:1.3;margin:0 0 12px}.chat-message-template-body{color:#374151;font-size:14px;line-height:1.6;margin-bottom:12px}.chat-message-template-footer{color:#64748b;font-size:12px;font-style:italic;margin-top:12px}.chat-message-template-buttons{display:flex;flex-direction:column;gap:8px;margin-top:16px}.chat-message-template-button{background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-message-template-button:hover{box-shadow:0 4px 16px #2e61554d;transform:translateY(-1px)}.media-modal{animation:modalFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.media-modal,.media-modal-close{align-items:center;display:flex;justify-content:center}.media-modal-close{background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;cursor:pointer;height:40px;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:10000}.media-modal-close:hover{background:#fff;box-shadow:0 6px 16px #0006;transform:scale(1.1)}.media-modal-close svg{color:#333;font-size:24px}.media-modal-content{align-items:center;display:flex;justify-content:center;max-height:90%;max-width:90%;position:relative}.media-modal-image{animation:imageZoomIn .3s ease-out;border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:100%;object-fit:contain}@keyframes imageZoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.media-modal img,.media-modal video{border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:90%;object-fit:contain}.emoji-picker-react{border:1px solid #e2e8f080!important;border-radius:12px!important;box-shadow:0 20px 60px #0003!important;position:absolute!important;top:-325px;z-index:1000}.chat-system-message{align-self:center;background:#2e61550d;border:1px solid #2e61551a;border-radius:20px;color:#2e6155;font-size:12px;font-weight:600;letter-spacing:.5px;margin:16px;max-width:300px;padding:8px 16px;text-align:center;text-transform:uppercase}.message-reactions{bottom:-8px;display:flex;flex-wrap:wrap;gap:4px;position:absolute;right:10px;z-index:100}.chat-message.incoming .message-reactions{left:10px;right:auto}.message-reaction{align-items:center;background:#fffffff2;border:1px solid #0000001a;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:16px;gap:2px;padding:2px 6px;transition:all .2s ease}.message-reaction:hover{background:#2e61551a;border-color:#2e61554d;transform:scale(1.1)}.chat-message:has(.message-reactions){margin-bottom:12px;padding-bottom:24px}.message-reaction.active{background:#2e61551a;border-color:#2e6155;color:#2e6155}@media (max-width:768px){.chat-message{margin:6px 12px;max-width:85%;padding:10px 14px}.chat-message-text{font-size:13px}.chat-message-template{margin:6px 12px;max-width:300px;padding:12px}.chat-message-template-header-text{font-size:15px}.chat-message-template-body{font-size:13px}.chat-message-media{max-height:250px}}@media (max-width:480px){.chat-message{margin:4px 8px;max-width:90%;padding:8px 12px}.chat-message-text{font-size:12px}.chat-message-template{margin:4px 8px;max-width:280px;padding:10px}.chat-message-media{max-height:200px}.media-modal img,.media-modal video{max-height:85vh;max-width:95%}}[dir=rtl] .chat-message{direction:rtl}[dir=rtl] .chat-message.outgoing{align-self:flex-start}[dir=rtl] .chat-message.incoming{align-self:flex-end}[dir=rtl] .chat-message.outgoing:before{border-left:none;border-right:8px solid #2e6155;left:-8px;right:auto}[dir=rtl] .chat-message.incoming:before{border-left:8px solid #fffffff2;border-right:none;left:auto;right:-8px}.chat-message.sms-message{background:linear-gradient(135deg,#dbeafe,#eff6ff)!important;border:2px solid #3b82f6;border-left-width:5px;box-shadow:0 4px 16px #3b82f633;padding-top:36px;position:relative}.chat-message.sms-message.outgoing{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border-left:2px solid #3b82f6;border-right:5px solid #3b82f6}.chat-message.sms-message.incoming{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important}.chat-message.sms-message:hover{box-shadow:0 6px 24px #3b82f64d}.sms-indicator{left:12px;position:absolute;top:8px;z-index:10}.chat-message.outgoing .sms-indicator{left:auto;right:12px}.sms-badge{align-items:center;animation:smsBadgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 2px 8px #3b82f666;color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}@keyframes smsBadgePulse{0%,to{box-shadow:0 2px 8px #3b82f666}50%{box-shadow:0 2px 12px #3b82f699}}.chat-message.sms-message .chat-message-text{color:#1e40af;font-weight:500}.chat-message.sms-message .chat-message-text p{color:#1e40af}.chat-message.sms-message .chat-message-date{color:#3b82f6}.chat-message.sms-message .chat-message-date p{color:#3b82f6;font-weight:600}.chat-message.sms-message .chat-message-sender{color:#2563eb}.chat-message.sms-message .chat-message-sender p{color:#2563eb;font-weight:600}.chat-message.sms-message .chat-message-status svg{color:#3b82f6!important}.chat-message.sms-message .chat-message-actions svg{filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}[dir=rtl] .chat-message.sms-message{border-left:2px solid #3b82f6;border-right:5px solid #3b82f6}[dir=rtl] .chat-message.sms-message.outgoing{border-left:5px solid #3b82f6;border-right:2px solid #3b82f6}[dir=rtl] .chat-message.sms-message .sms-indicator{left:auto;right:12px}[dir=rtl] .chat-message.sms-message.outgoing .sms-indicator{left:12px;right:auto}@media (max-width:768px){.chat-message.sms-message{padding-top:32px}.sms-badge{font-size:10px;padding:3px 8px}}.highlighted-message{animation:highlightPulse 2s ease-in-out;border:2px solid #2e6155!important}@keyframes highlightPulse{0%,to{background-color:initial}25%,75%{background-color:#2e615526}50%{background-color:#2e615540}}.replied-message-preview:hover{background:#2e615514;transform:scale(1.02);transition:all .2s ease}.scheduled-message-indicator{animation:scheduleSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes scheduleSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.templatesHandler-location-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding-bottom:20px}.templatesHandler-location-fields{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.templatesHandler-location-field{display:flex;flex-direction:column;min-width:200px}.templatesHandler-location-field label{font-weight:700;margin-bottom:5px}.templatesHandler-location-field input{font-size:14px;padding:5px}.TemplatesHandler-container-tbl{margin-top:16px;overflow-x:auto;width:100%}.templatesHandler-tbl{border-collapse:collapse;min-width:700px;table-layout:fixed}.templatesHandler-tbl td,.templatesHandler-tbl th{border:1px solid #ddd;padding:10px;text-overflow:ellipsis;vertical-align:top}.templatesHandler-tbl td:first-child,.templatesHandler-tbl th:first-child{min-width:60px;white-space:nowrap;width:60px}.templatesHandler-tbl td:nth-child(2),.templatesHandler-tbl th:nth-child(2){min-width:200px;width:35%}.templatesHandler-tbl td:nth-child(3),.templatesHandler-tbl th:nth-child(3){min-width:150px;white-space:nowrap;width:25%}.templatesHandler-tbl td:nth-child(4),.templatesHandler-tbl th:nth-child(4){min-width:200px;width:40%}.templatesHandler-tbl input[type=text],.templatesHandler-tbl select{box-sizing:border-box;font-size:14px;max-width:100%;padding:5px;width:100%}.TemplatesHandler-container-select-template{display:block;font-size:14px;margin:0 auto 2%}.TemplatesHandler-container-select-template.full-width,.TemplatesHandler-container-select-template.min-width{width:100%}.SelectDataTemplate{box-sizing:border-box;display:block;width:100%!important}.button-variable-row{background-color:#3b82f60d;border-left:4px solid #3b82f6}.variable-info{display:flex;flex-direction:column;gap:4px}.variable-name{color:#1f2937;font-size:14px}.button-info{display:flex;flex-direction:column;gap:2px}.button-type-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;font-size:11px;font-weight:500;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase;width:fit-content}.original-url{background:#f3f4f6cc;border:1px solid #d1d5db80;border-radius:4px;color:#6b7280;font-family:Courier New,monospace;font-size:11px;padding:2px 6px;word-break:break-all}.templatesHandler-tbl tbody tr.button-variable-row:hover{background-color:#3b82f61a;transform:translateX(2px);transition:all .2s ease}.templatesHandler-tbl tbody tr.button-variable-row td{padding:12px 8px}@media (max-width:768px){.variable-info{font-size:12px}.button-type-badge{font-size:10px;padding:1px 6px}.original-url{font-size:10px}}.action-input-field{display:flex;flex-direction:column;font-family:Varela Round,sans-serif;gap:8px;position:relative;width:100%}.action-input-field label{align-items:center;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:6px;letter-spacing:.5px;margin:0;text-transform:uppercase}.action-input-field label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;width:3px}.InputActionInputField{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.InputActionInputField:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.InputActionInputField:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.InputActionInputField::placeholder{color:#94a3b8;font-weight:400}.InputActionInputField:read-only{background:#f8fafccc;border-color:#e2e8f04d;color:#64748b;cursor:not-allowed}.action-input-field textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;min-height:100px;outline:none;padding:12px 16px;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.action-input-field textarea:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.action-input-field textarea:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.action-input-field textarea::placeholder{color:#94a3b8;font-weight:400}.action-input-field textarea:read-only{background:#f8fafccc;border-color:#e2e8f04d;color:#64748b;cursor:not-allowed}.picker-dropdown{animation:fadeIn .2s ease-in-out!important;background:#fff!important;border:2px solid #2e6155!important;border-radius:12px!important;box-shadow:0 20px 60px #0000004d!important;left:50%!important;max-height:400px!important;overflow-y:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:300px!important;will-change:transform,opacity!important;z-index:2147483647!important}.picker-dropdown:before{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;content:"🔗 Dynamic Content";font-size:12px;font-weight:600;padding:8px 12px}.picker-search{border-bottom:1px solid #ddd;padding:8px}.picker-content{max-height:200px;padding:4px 0}.picker-item{padding:10px 12px}.picker-item:hover{background-color:#f0f0f0}.picker-no-results{color:#999;font-style:italic;padding:10px}.picker-item:before{background:#f3f4f6;border-radius:3px;color:#6b7280;font-size:10px;font-weight:500;padding:2px 4px}.picker-item:hover{background:#f8fafc}.picker-item:active{background:#e5e7eb}.picker-content::-webkit-scrollbar,.picker-dropdown::-webkit-scrollbar{width:6px}.picker-content::-webkit-scrollbar-track,.picker-dropdown::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:3px}.picker-content::-webkit-scrollbar-thumb,.picker-dropdown::-webkit-scrollbar-thumb{background:#2e61554d;border-radius:3px}.picker-content::-webkit-scrollbar-thumb:hover,.picker-dropdown::-webkit-scrollbar-thumb:hover{background:#2e615580}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.action-input-field:focus-within label{color:#2e6155}.action-input-field:focus-within label:before{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 8px #2e61554d}@media (max-width:1024px){.picker-dropdown{left:0;margin-left:0;margin-top:8px;max-width:400px;top:100%;width:100%}}@media (max-width:768px){.action-input-field{gap:6px}.InputActionInputField,.action-input-field textarea{font-size:14px;padding:10px 14px}.picker-dropdown{border-radius:12px;max-width:none;width:100%}.picker-item{font-size:13px;padding:10px 14px}}@media (max-width:480px){.InputActionInputField,.action-input-field textarea{font-size:13px;padding:8px 12px}.action-input-field label{font-size:13px}.picker-search{font-size:13px;padding:10px 14px}.picker-item{font-size:12px;padding:8px 12px}}.variable-styled-input,.variable-styled-textarea{background:linear-gradient(90deg,#0000 0,#0000);background-repeat:no-repeat;background-size:100% 100%;font-family:Courier New,monospace;line-height:1.5}.variable-styled-input,.variable-styled-textarea{background-image:linear-gradient(90deg,#2e61551a,#34d3991a);background-repeat:no-repeat;background-size:100% 100%;color:#2e6155;font-weight:600}.variable-styled-input::placeholder,.variable-styled-textarea::placeholder{color:#9ca3af;font-family:Outfit,sans-serif;font-style:italic;font-weight:400}.variable-styled-input:focus,.variable-styled-textarea:focus{background-image:linear-gradient(90deg,#2e615526,#34d39926);border-color:#2e6155;box-shadow:0 0 0 2px #2e61551a}.start-conversation-by-template{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 20px 60px #00000026;font-family:Varela Round,sans-serif;max-height:90vh;max-width:1000px;overflow-y:auto;padding:0;position:relative;width:100%}@media (max-width:768px){.start-conversation-by-template{margin:10px;max-width:95vw}}.start-conversation-header{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border-radius:16px 16px 0 0;color:#fff;display:flex;gap:12px;padding:24px 24px 16px;position:relative}.start-conversation-icon{font-size:28px!important}.start-conversation-header h2{flex:1 1;font-size:20px;font-weight:700;margin:0}.start-conversation-by-template .template-selection{margin-bottom:20px;width:100%}.start-conversation-by-template button{margin:5px}.start-conversation-by-template-header{color:var(--logoColor)}.startConversation-Submit-Send-message{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:10px;box-shadow:0 4px 16px #2e61554d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.startConversation-Submit-Send-message:hover:not(:disabled){box-shadow:0 6px 24px #2e615566;transform:translateY(-2px)}.startConversation-Submit-Send-message:disabled{background:#9ca3af;box-shadow:0 2px 8px #0000001a;cursor:not-allowed;transform:none}.startConversation-Cancel-message{align-items:center;background:#6b72801a;border:2px solid #6b728033;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:100px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.startConversation-Cancel-message:hover:not(:disabled){background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:translateY(-1px)}.startConversation-Cancel-message:disabled{cursor:not-allowed;opacity:.5}.button-icon{font-size:18px!important}.start-conversation-by-template-close-popup{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:32px}.start-conversation-by-template-close-popup:hover{background:#ffffff4d;transform:scale(1.1)}.start-conversation-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;border-radius:8px;color:#dc2626}.start-conversation-error,.start-conversation-success{animation:slideIn .3s ease;font-size:14px;font-weight:500;margin:16px 24px;padding:12px 16px}.start-conversation-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #34d399;border-radius:8px;color:#059669}.start-conversation-by-template form{padding:24px}.start-conversation-content-wrapper{align-items:flex-start;display:flex;gap:24px;margin-bottom:24px}@media (max-width:768px){.start-conversation-content-wrapper{flex-direction:column;gap:16px}}.start-conversation-by-template-handler-wrapper{background:#ffffffe6;border:1px solid #e2e8f099;border-radius:12px;box-shadow:0 4px 16px #0000000d;flex:1 1;min-width:500px;overflow-x:auto;padding:0}.start-conversation-by-template-handler-wrapper .TemplatesHandler-container-select-template{background:linear-gradient(135deg,#2e61551a,#34d3990d);border-bottom:1px solid #e2e8f04d;border-radius:0;margin:0;padding:16px 20px}.start-conversation-by-template-handler-wrapper .templatesHandler-tbl{background:#fff;border:none;margin:0}.start-conversation-by-template-handler-wrapper .templatesHandler-tbl th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;border-bottom:2px solid #e2e8f0cc;color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-transform:uppercase}.start-conversation-by-template-handler-wrapper .templatesHandler-tbl td{background:#fff;border:none;border-bottom:1px solid #e2e8f04d;padding:16px 12px;transition:background-color .2s ease}.start-conversation-by-template-handler-wrapper .templatesHandler-tbl tr:hover td{background:#f8fafc80}.start-conversation-by-template-handler-wrapper .templatesHandler-tbl input[type=text],.start-conversation-by-template-handler-wrapper .templatesHandler-tbl select{background:#fff;border:2px solid #e2e8f099;border-radius:8px;color:#374151;font-size:14px;padding:10px 12px;transition:all .3s ease}.start-conversation-by-template-handler-wrapper .templatesHandler-tbl input[type=text]:focus,.start-conversation-by-template-handler-wrapper .templatesHandler-tbl select:focus{background:#fefefe;border-color:#34d399;box-shadow:0 0 0 3px #34d3991a;outline:none}.start-conversation-by-template-handler-wrapper .SelectDataTemplate{background:#fff;border:2px solid #e2e8f099;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#374151;font-size:15px;font-weight:500;padding:12px 16px;transition:all .3s ease}.start-conversation-by-template-handler-wrapper .SelectDataTemplate:focus{border-color:#34d399;box-shadow:0 0 0 3px #34d3991a,0 4px 16px #0000001a;outline:none}.start-conversation-by-template-handler-wrapper>div:not(.TemplatesHandler-container-select-template){padding:20px}.start-conversation-by-template-preview-wrapper{background:linear-gradient(135deg,#f8fafccc,#f1f5f999);border:1px solid #e2e8f099;border-radius:12px;box-shadow:0 4px 16px #0000000d;flex:1 1;max-height:500px;min-width:0;overflow:hidden}.preview-header{align-items:center;background:#2e61551a;border-bottom:1px solid #e2e8f04d;display:flex;gap:8px;padding:16px 20px}.preview-icon{color:#2e6155;font-size:20px!important}.preview-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.start-conversation-by-template-preview-wrapper .message-preview{max-height:300px;overflow-y:auto;padding:20px}.start-conversation-by-template-buttons{border-top:1px solid #e2e8f04d;display:flex;gap:12px;justify-content:flex-end;margin-top:0;padding:20px 24px 24px}.message-preview-container{background-color:#e5ddd5;border-radius:10px;box-shadow:0 2px 8px #0000001a;font-family:Outfit,sans-serif!important;margin:20px auto;max-width:360px;overflow:hidden}.message-preview-container h3{background-color:#075e54;color:#fff;font-size:16px;margin:0;padding:10px 15px;text-align:center}.message-preview{background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:15px 16px;text-align:inherit}.header-text{color:#222;font-size:15px;font-weight:600;margin-bottom:10px}.body-text{color:#333;font-size:14px;line-height:1.6;margin-bottom:10px;word-break:break-word}.footer-text{color:#999;font-size:12px;margin-top:10px}.buttons-container{align-items:stretch;display:flex;flex-direction:column;gap:8px;margin-top:12px}.message-button{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:20px;box-shadow:0 2px 8px #25d3664d;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;letter-spacing:.3px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-button:hover{background:linear-gradient(135deg,#20c55a,#0f7a6b);box-shadow:0 4px 16px #25d36666;transform:translateY(-1px)}.message-button:active{box-shadow:0 2px 8px #25d3664d;transform:translateY(0)}.message-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s,top .6s,left .6s;width:0}.message-button:active:before{height:300px;left:50%;top:50%;width:300px}.media-content{margin-bottom:12px}.media-content img,.media-content video{border-radius:8px;max-height:300px;max-width:100%;object-fit:cover}.media-content audio{width:100%}.media-content a{color:#075e54;display:inline-block;font-weight:500;margin-top:5px;max-width:100%;text-decoration:underline}.media-content a:hover{text-decoration:none}.location-content{align-items:flex-start;background-color:#f0f0f0;border-radius:8px;display:flex;gap:10px;padding:10px}.location-details{display:flex;flex-direction:column}.location-details p{color:#444;font-size:13px;margin:2px 0}@media (max-width:400px){.message-preview-container{margin:10px auto;max-width:95%}.message-button{font-size:13px;padding:8px}.body-text,.footer-text,.header-text{font-size:13px}}.chat-container{background:#fff;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;height:100vh;position:relative;width:100%}.chat-container-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f080;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;flex-shrink:0;gap:16px;padding:20px 24px;z-index:100}.chat-container-header:before{background:linear-gradient(135deg,#2e6155,#34d399);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.header-row{align-items:center;display:flex;gap:16px;justify-content:space-between;min-height:40px}.header-row-1{border-bottom:1px solid #e2e8f04d;padding-bottom:12px}.header-row-1 .user-info{flex:1 1;min-width:0}.header-row-1 .contact-details{display:flex;flex-direction:column;gap:4px}.header-row-1 .contact-name{color:#1e293b;font-size:20px;font-weight:700;line-height:1.2}.header-row-1 .contact-phone{color:#64748b;font-family:monospace;font-size:14px;font-weight:500}.owner-assignment-section{align-items:center;display:flex;flex-shrink:0;gap:12px}.owner-info{align-items:center;display:flex;font-size:14px;gap:8px}.owner-label{color:#64748b;font-weight:600}.owner-name{color:#2e6155;font-weight:700}.assign-button{background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.assign-button:hover{box-shadow:0 4px 16px #2e61554d;transform:translateY(-1px)}.header-row-2{border-bottom:1px solid #e2e8f04d;padding-bottom:12px}.header-row-2 .category-select,.header-row-2 .status-select{flex:1 1;max-width:200px}.header-row-2 .category-select select,.header-row-2 .status-select select{background:#fff;border:2px solid #e2e8f0cc;border-radius:8px;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;padding:10px 12px;transition:all .3s ease;width:100%}.header-row-2 .category-select select:focus,.header-row-2 .status-select select:focus{border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;outline:none}.countdown-timer-section{align-items:center;display:flex;flex-shrink:0;justify-content:center}.time-circle{background:#2e61550d;border:3px solid #2e6155;border-radius:50%;box-shadow:0 4px 16px #2e61551a;color:#2e6155;transition:all .3s ease}.time-circle,.time-circle-inactive{align-items:center;display:flex;font-size:14px;font-weight:700;height:60px;justify-content:center;text-align:center;-webkit-user-select:none;user-select:none;width:60px}.time-circle-inactive{background:#9ca3af0d;border:3px solid #9ca3af;border-radius:50%;color:#9ca3af}.header-row-3{position:relative}.search-starred-section{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.call-buttons-section{align-items:center;display:flex;flex-shrink:0;gap:8px}.call-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.call-button-primary{background:linear-gradient(135deg,#2e6155,#34d399);box-shadow:0 4px 16px #2e615533;color:#fff}.call-button-primary:hover{box-shadow:0 6px 24px #2e61554d;transform:translateY(-1px)}.call-button-secondary{background:linear-gradient(135deg,#8b7355,#a0845c);box-shadow:0 4px 16px #8b735533;color:#fff}.call-button-secondary:hover{box-shadow:0 6px 24px #8b73554d;transform:translateY(-1px)}.starred-messages-button{align-items:center;background:#fffc;border:2px solid #e2e8f0cc;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.starred-messages-button:hover{background:#fbbf241a;border-color:#fbbf24;color:#fbbf24;transform:scale(1.05)}.chat-container-chat-search{align-items:center;background:#fff;border:2px solid #e2e8f0cc;border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;min-width:200px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-container-chat-search:focus-within{border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a}.chat-container-chat-search .search-icon{color:#64748b;flex-shrink:0;font-size:18px;margin-right:8px}.chat-container-chat-search input{background:#0000;border:none;color:#1f2937;flex:1 1;font-family:Varela Round,sans-serif;font-size:14px;outline:none}.chat-container-chat-search input::placeholder{color:#9ca3af;font-style:italic}.owner-select{background:#fff;border:2px solid #e2e8f0cc;border-radius:8px;color:#1f2937;flex:1 1;font-family:Varela Round,sans-serif;font-size:14px;padding:8px 12px;transition:all .3s ease}.owner-select:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.chat-display-container{background:#f5f5f5;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative}.chat-display-container::-webkit-scrollbar{width:8px}.chat-display-container::-webkit-scrollbar-track{background:#f8fafccc;border-radius:4px}.chat-display-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2e61554d,#34d3994d);border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.chat-display-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2e615580,#34d39980)}.chat-input{background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 10px #0000001a;gap:10px;min-height:70px;padding:15px 20px;position:relative;z-index:1000}.chat-input,.chat-input-btn{align-items:center;display:flex;flex-shrink:0}.chat-input-btn{flex-direction:row;gap:8px}.chat-input-btn-record-btn,.chat-input-btn-sent-template,.chat-input-btn>*{align-items:center;background:#2e615514;border:1px solid #2e61551a;border-radius:50%;color:#2e6155;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.chat-input-btn-record-btn:hover,.chat-input-btn-sent-template:hover,.chat-input-btn>:hover{background:#2e615526;border-color:#2e61554d;box-shadow:0 4px 16px #2e615533;transform:translateY(-2px) scale(1.05)}.chat-input>form{align-items:flex-end;display:flex;flex:1 1;gap:12px;position:relative}.chat-input>form>textarea{background:#fffffff2;border:2px solid #e2e8f099;border-radius:24px;box-shadow:0 2px 12px #0000000d;color:#1f2937;flex:1 1;font-family:Varela Round,sans-serif;font-size:14px;line-height:1.4;max-height:120px;min-height:44px;outline:none;padding:12px 20px;resize:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-input>form>textarea:focus{background:#fff;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a,0 4px 20px #00000014}.chat-input>form>textarea::placeholder{color:#9ca3af;font-style:italic}.chat-input-send-btn{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:50%;box-shadow:0 4px 16px #2e61554d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.chat-input-send-btn:hover{box-shadow:0 8px 24px #2e615566;transform:translateY(-2px) scale(1.05)}.chat-input-send-btn:active{transform:translateY(0) scale(.95)}.chat-input-send-btn>.MuiSvgIcon-root{font-size:22px;position:relative;z-index:1}.chat-container-media-preview{background:#fff;border-top:1px solid #e2e8f04d;bottom:100%;box-shadow:0 -2px 10px #0000001a;display:flex;gap:12px;left:0;overflow-x:auto;padding:16px 20px;position:absolute;right:0;z-index:999}.chat-container-media-preview-item{align-items:center;background:#fffffff2;border:2px solid #e2e8f099;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:80px}.chat-container-media-preview-item:hover{border-color:#2e61554d;box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.chat-container-media-preview-img,.chat-container-media-preview-video{border-radius:10px;cursor:pointer;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.chat-container-media-preview-audio{height:40px;width:100%}.chat-container-close-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #ef444466;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;padding:0;position:absolute;right:-8px;top:-8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px;z-index:10}.chat-container-close-icon:hover{box-shadow:0 6px 20px #ef444480;transform:scale(1.1)}.popup{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-inner{background:#fff;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:600px;padding:32px;width:90%}.chat-new-category-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.chat-new-category-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:400px;padding:32px;width:90%}.chat-new-category-modal-content h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 20px;text-align:center}.chat-new-category-modal-actions{display:flex;gap:12px;justify-content:space-between;margin-top:24px}.chat-new-category-modal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:10px 20px;transition:all .3s ease}.chat-new-category-modal-actions-submit{background:linear-gradient(135deg,#2e6155,#34d399);color:#fff}.chat-new-category-modal-actions-submit:hover{box-shadow:0 4px 16px #2e61554d;transform:translateY(-1px)}.chat-new-category-modal-actions-cancel{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.chat-new-category-modal-actions-cancel:hover{box-shadow:0 4px 16px #ef44444d;transform:translateY(-1px)}.chat-new-category-modal-details-text-area{border:2px solid #e2e8f0cc;border-radius:8px;font-family:Varela Round,sans-serif;min-height:80px;padding:12px;resize:vertical;width:100%}.chat-new-category-modal-details-text-area:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}@media (max-width:768px){.chat-container-header{gap:12px;padding:12px 16px}.header-row{align-items:stretch;flex-direction:column;gap:12px;min-height:auto}.header-row-1,.header-row-2{border-bottom:1px solid #e2e8f04d;padding-bottom:12px}.search-starred-section{flex-direction:column;gap:8px}.chat-container-chat-search{width:100%}.call-buttons-section{justify-content:space-between;width:100%}.call-button{flex:1 1;justify-content:center}.chat-display-container{padding:16px}.chat-input{flex-wrap:wrap;padding:12px 16px}.chat-input-btn{justify-content:center;order:2;width:100%}.chat-input>form{order:1;width:100%}}@media (max-width:480px){.chat-container-header{padding:8px 12px}.header-row-1 .contact-name{font-size:16px}.time-circle,.time-circle-inactive{border-width:2px;font-size:10px;height:40px;width:40px}.chat-display-container{padding:12px}.chat-input{padding:10px 12px}}.chat-input{display:flex!important;position:relative!important;z-index:1000!important}.chat-display-container,.chat-input{opacity:1!important;visibility:visible!important}.chat-display-container{display:block!important;overflow-y:auto!important}.chat-timeline-message{animation:timelineSlideIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2e615514;border:1px solid #2e615526;border-radius:20px;box-shadow:0 2px 12px #2e61551a;clear:both;color:#2e6155;display:block;font-family:Varela Round,sans-serif;font-size:13px;font-weight:500;margin:16px auto;max-width:400px;padding:12px 20px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes timelineSlideIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-timeline-message:hover{background:#2e61551f;box-shadow:0 4px 16px #2e615526;transform:translateY(-1px)}.chat-timeline-message:before{content:"ℹ️";font-size:14px;margin-right:8px;opacity:.8}.chat-timeline-message-timestamp{color:#2e6155b3;font-size:11px;font-weight:600;letter-spacing:.3px;margin-top:6px;text-transform:uppercase}.chat-timeline-message.system{background:#6366f114;border-color:#6366f126;color:#6366f1}.chat-timeline-message.system:before{content:"⚙️"}.chat-timeline-message.warning{background:#f59e0b14;border-color:#f59e0b26;color:#f59e0b}.chat-timeline-message.warning:before{content:"⚠️"}.chat-timeline-message.success{background:#22c55e14;border-color:#22c55e26;color:#22c55e}.chat-timeline-message.success:before{content:"✅"}.chat-timeline-message.error{background:#ef444414;border-color:#ef444426;color:#ef4444}.chat-timeline-message.error:before{content:"❌"}.chat-timeline-message-mention{animation:mentionSlideIn .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f59e0b1a,#d9770614);border:2px solid #f59e0b4d;border-left:6px solid #f59e0b;border-radius:16px;box-shadow:0 4px 16px #f59e0b26;clear:both;display:block;margin:16px auto;max-width:500px;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes mentionSlideIn{0%{opacity:0;transform:translateX(-20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.chat-timeline-message-mention:hover{background:linear-gradient(135deg,#f59e0b26,#d977061f);border-color:#f59e0b66;box-shadow:0 6px 20px #f59e0b33;transform:translateX(4px)}.mention-header{align-items:center;border-bottom:1px solid #f59e0b33;display:flex;gap:8px;margin-bottom:12px;padding-bottom:8px}.mention-icon{font-size:20px}.mention-title{color:#f59e0b;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.mention-body{margin-bottom:8px}.mention-sender{flex-wrap:wrap;gap:8px}.mention-sender strong{color:#1f2937}.mention-to{color:#6b7280;font-size:13px;font-style:italic}.mention-message{background:#ffffff80;border-left:3px solid #f59e0b;border-radius:10px;color:#374151;font-size:14px;font-style:italic;line-height:1.6;margin:8px 0;padding:12px}.chat-timeline-message-mention .chat-timeline-message-timestamp{color:#92400e;font-size:11px;font-weight:600;letter-spacing:.3px;margin-top:8px;text-align:right;text-transform:uppercase}@media (max-width:768px){.chat-timeline-message{font-size:12px;margin:12px 0;max-width:90%;padding:10px 16px}.chat-timeline-message-timestamp{font-size:10px;margin-top:4px}.chat-timeline-message-mention{max-width:95%;padding:12px 16px}.mention-message{font-size:13px;padding:10px}}@media (max-width:480px){.chat-timeline-message{font-size:11px;margin:8px 0;max-width:95%;padding:8px 12px}.chat-timeline-message:before{font-size:12px;margin-right:6px}}.loading-overlay{height:100%;position:fixed;width:100%}.NewPhoneCallModalConference__overlay{align-items:center;animation:fadeIn .3s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.NewPhoneCallModalConference__container{animation:slideInScale .3s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0003;font-family:Varela Round,sans-serif;max-height:90vh;max-width:600px;overflow:hidden;position:relative;width:100%}.NewPhoneCallModalConference__header{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;overflow:hidden;padding:32px;position:relative}.NewPhoneCallModalConference__header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.NewPhoneCallModalConference__title{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;position:relative;z-index:1}.NewPhoneCallModalConference__subtitle{color:#fff;font-size:16px;font-weight:400;margin:0;opacity:.9;position:relative;z-index:1}.NewPhoneCallModalConference__close-btn,.NewPhoneCallModalConference__minimize-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:8px;color:#7c3aed;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;padding:8px;position:absolute;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;z-index:2}.NewPhoneCallModalConference__close-btn{right:20px}.NewPhoneCallModalConference__minimize-btn{right:64px}.NewPhoneCallModalConference__close-btn:hover,.NewPhoneCallModalConference__minimize-btn:hover{background:#fff;box-shadow:0 4px 16px #0003;color:#5b21b6;transform:translateY(-2px)}.NewPhoneCallModalConference__content{max-height:calc(90vh - 140px);overflow-y:auto;padding:32px}.NewPhoneCallModalConference__form{display:flex;flex-direction:column;gap:24px}.NewPhoneCallModalConference__recipients-section{background:#f8fafc80;border:1px solid #e2e8f080;border-radius:16px;margin:16px 0;padding:20px}.NewPhoneCallModalConference__recipients-title{align-items:center;color:#7c3aed;display:flex;font-size:16px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.NewPhoneCallModalConference__recipient-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.NewPhoneCallModalConference__recipient-item:hover{border-color:#7c3aed33;box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.NewPhoneCallModalConference__recipient-item:last-child{margin-bottom:0}.NewPhoneCallModalConference__field-row{display:flex;flex-direction:column;gap:8px;position:relative}.NewPhoneCallModalConference__label{color:#7c3aed;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.NewPhoneCallModalConference__input,.NewPhoneCallModalConference__select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.NewPhoneCallModalConference__input:focus,.NewPhoneCallModalConference__select:focus{background:#fffffff2;border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a;outline:none;transform:translateY(-2px)}.NewPhoneCallModalConference__input::placeholder{color:#94a3b8;font-style:italic}.NewPhoneCallModalConference__select{-webkit-appearance:none;appearance:none;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='%237c3aed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:48px}.NewPhoneCallModalConference__autocomplete{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 8px 32px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.NewPhoneCallModalConference__autocomplete li{border-bottom:1px solid #e2e8f04d;color:#374151;cursor:pointer;font-weight:500;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.NewPhoneCallModalConference__autocomplete li:last-child{border-bottom:none}.NewPhoneCallModalConference__autocomplete li:hover{background:#7c3aed1a;color:#7c3aed;transform:translateX(4px)}.NewPhoneCallModalConference__add-recipient{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px dashed #7c3aed4d;border-radius:12px;color:#7c3aed;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;margin:16px 0;padding:12px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.NewPhoneCallModalConference__add-recipient:hover{background:#7c3aed1a;border-color:#7c3aed;box-shadow:0 4px 16px #7c3aed33;transform:translateY(-2px)}.NewPhoneCallModalConference__add-recipient:active{transform:translateY(0)}.NewPhoneCallModalConference__actions{border-top:1px solid #e2e8f080;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.NewPhoneCallModalConference__btn-cancel,.NewPhoneCallModalConference__btn-submit{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:14px 28px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.NewPhoneCallModalConference__btn-cancel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;box-shadow:0 4px 16px #00000014;color:#64748b}.NewPhoneCallModalConference__btn-submit{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 16px #7c3aed4d;color:#fff}.NewPhoneCallModalConference__btn-cancel:before,.NewPhoneCallModalConference__btn-submit:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.NewPhoneCallModalConference__btn-cancel:hover:before,.NewPhoneCallModalConference__btn-submit:hover:before{left:100%}.NewPhoneCallModalConference__btn-cancel:hover{border-color:#7c3aed;box-shadow:0 8px 24px #0000001f;color:#7c3aed;transform:translateY(-2px)}.NewPhoneCallModalConference__btn-submit:hover{box-shadow:0 8px 24px #7c3aed66;transform:translateY(-2px)}.NewPhoneCallModalConference__btn-cancel:active,.NewPhoneCallModalConference__btn-submit:active{transform:translateY(0)}.NewPhoneCallModalConference__btn-cancel:disabled,.NewPhoneCallModalConference__btn-submit:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.NewPhoneCallModalConference__btn-submit:disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db)}.NewPhoneCallModalConference__btn-hangup{background:linear-gradient(135deg,#ef4444,#f87171);border:none;border-radius:50px;box-shadow:0 4px 16px #ef44444d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;margin:16px 0;overflow:hidden;padding:14px 28px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.NewPhoneCallModalConference__btn-hangup:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.NewPhoneCallModalConference__btn-hangup:hover:before{left:100%}.NewPhoneCallModalConference__btn-hangup:hover{box-shadow:0 8px 24px #ef444466;transform:translateY(-2px)}.NewPhoneCallModalConference__status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 4px 16px #0000000d;color:#374151;font-size:14px;font-weight:500;margin-top:24px;padding:24px}.NewPhoneCallModalConference__status h4{align-items:center;color:#7c3aed;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 16px}.NewPhoneCallModalConference__status h4 span{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:20px;color:#fff;font-size:12px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.NewPhoneCallModalConference__status p{color:#64748b;font-weight:600;margin:8px 0}.NewPhoneCallModalConference__timeline-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f04d;border-radius:12px;margin-top:20px;max-height:300px;overflow-y:auto;padding:16px}.NewPhoneCallModalConference__volume-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e2e8f080;border-radius:6px;box-shadow:inset 0 2px 4px #0000001a;height:12px;margin:16px 0;overflow:hidden}.volume-level{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 2px 8px #7c3aed4d}.NewPhoneCallModalConference__status .timeline-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f04d;border-radius:12px;margin-top:20px;max-height:300px;overflow-y:auto;padding:16px}.NewPhoneCallModalConference__status .timeline-container::-webkit-scrollbar{width:6px}.NewPhoneCallModalConference__status .timeline-container::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:3px}.NewPhoneCallModalConference__status .timeline-container::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:3px}.NewPhoneCallModalConference__status .timeline-container::-webkit-scrollbar-thumb:hover{background:#7c3aed80}.timeline-container .timeline-entry{border-left:4px solid #7c3aed}.timeline-container .timeline-note{color:#7c3aed}.NewPhoneCallModalConference__floating-tab{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#7c3aed,#a855f7);border:1px solid #fff3;border-radius:16px;bottom:24px;box-shadow:0 8px 32px #7c3aed66;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:16px 20px;position:fixed;right:24px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999}.NewPhoneCallModalConference__floating-tab:hover{box-shadow:0 12px 48px #7c3aed80;transform:translateY(-4px)}@media (max-width:768px){.NewPhoneCallModalConference__overlay{padding:12px}.NewPhoneCallModalConference__container{border-radius:16px;max-width:100%}.NewPhoneCallModalConference__header{padding:24px}.NewPhoneCallModalConference__title{font-size:24px}.NewPhoneCallModalConference__content{padding:24px}.NewPhoneCallModalConference__close-btn,.NewPhoneCallModalConference__minimize-btn{top:16px}.NewPhoneCallModalConference__close-btn{right:16px}.NewPhoneCallModalConference__minimize-btn{right:56px}.NewPhoneCallModalConference__input,.NewPhoneCallModalConference__select{font-size:16px;padding:14px 16px}.NewPhoneCallModalConference__actions{flex-direction:column;gap:12px}.NewPhoneCallModalConference__btn-cancel,.NewPhoneCallModalConference__btn-submit{font-size:14px;padding:12px 20px}.NewPhoneCallModalConference__status .timeline-container{max-height:200px}}@media (max-width:480px){.NewPhoneCallModalConference__header{padding:20px}.NewPhoneCallModalConference__title{font-size:20px}.NewPhoneCallModalConference__content{padding:20px}.NewPhoneCallModalConference__floating-tab{bottom:16px;font-size:13px;padding:12px 16px;right:16px}}.timeline-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 8px 16px #0000001a;font-family:Varela Round,sans-serif;margin:0 auto;padding:24px}.timeline-container h3{border-bottom:2px solid #2e61551a;color:#2e6155;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.add-timeline-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e5e7eb4d;border-radius:12px;box-shadow:0 4px 8px #0000000d;margin-bottom:20px;padding:20px;transition:all .3s ease}.add-timeline-note:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-1px)}.add-timeline-note textarea{background:#ffffffe6;border:2px solid #e5e7eb4d;color:#374151;font-size:14px;margin:0;min-height:80px;padding:12px 16px}.add-timeline-note textarea:focus{background:#fffffff2}.add-timeline-note textarea::placeholder{font-weight:400}.add-timeline-note button:disabled{background-color:#ccc;cursor:not-allowed}.timeline-list{gap:1rem;margin-top:5px;overflow-y:auto;padding-right:.5rem}.timeline-entry,.timeline-list{background-color:#f9f9f9;display:flex;flex-direction:column}.timeline-entry{border:.5px solid #8b6f4f;border-radius:4px;box-shadow:0 1px 3px #0000001a;gap:.5rem;margin-left:2%;padding:1rem}.timeline-header{align-items:center;display:flex;gap:1rem}.timeline-icon{color:#007bff;font-size:1.5rem}.timeline-info{flex:1 1}.timeline-source{background:#2e615514;border-left:3px solid #2e6155;border-radius:4px;color:#2e6155;display:inline-block;font-size:.85rem;font-weight:500;margin:4px 0;padding:4px 8px}.timeline-meta{color:#666;font-size:.8rem}.timeline-actions{display:flex;gap:.5rem;justify-content:flex-end}.timeline-list::-webkit-scrollbar{width:8px}.timeline-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.timeline-list::-webkit-scrollbar-thumb:hover{background-color:#aaa}.add-timeline-button,.add-timeline-note-button{background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:8px;box-shadow:0 2px 4px #2e61554d;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.add-timeline-button:hover,.add-timeline-note-button:hover{box-shadow:0 4px 8px #2e615566;transform:translateY(-2px)}.add-timeline-button:before,.add-timeline-note-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-timeline-button:hover:before,.add-timeline-note-button:hover:before{left:100%}.add-timeline-button:disabled,.add-timeline-note-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;cursor:not-allowed;transform:none}.add-timeline-button:disabled:hover,.add-timeline-note-button:disabled:hover{box-shadow:none;transform:none}.add-timeline-button:disabled:before,.add-timeline-note-button:disabled:before{display:none}.ChatTimeline-media-upload{margin-top:16px}.ChatTimeline-media-label{align-items:center;background:#ffffffe6;border:2px dashed #2e61554d;border-radius:8px;color:#2e6155;cursor:pointer;display:inline-flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;gap:8px;margin-bottom:12px;padding:10px 16px;transition:all .3s ease}.ChatTimeline-media-label:hover{background:#2e61550d;border-color:#2e6155;transform:translateY(-1px)}.ChatTimeline-media-label:before{content:"📎";font-size:16px}.ChatTimeline-file-input{display:none}.timeline-note-actions{justify-content:space-between;margin-top:16px}.timeline-attach-btn{background:#ffffffe6;border:2px dashed #2e61554d;border-radius:8px;display:inline-flex;font-family:Varela Round,sans-serif;font-size:14px;gap:8px;padding:10px 16px;transition:all .3s ease}.timeline-attach-btn:hover{background:#2e61550d;border-color:#2e6155}.ChatTimeline-media-preview{align-items:center;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 6px #00000014;cursor:pointer;display:flex;justify-content:center;margin-top:8px;max-height:160px;max-width:200px;overflow:hidden}.ChatTimeline-img-preview{border-radius:6px;max-height:60px;max-width:100%;object-fit:cover}.ChatTimeline-audio-preview{width:100%}.ChatTimeline-media-preview-multiple{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.ChatTimeline-media-modal{bottom:0;left:0;right:0;top:0}.ChatTimeline-modal-img,.ChatTimeline-modal-video{border-radius:8px;max-height:90%;max-width:90%}.ChatTimeline-doc-wrapper{align-items:center;background:#f1f1f1;border-radius:6px;display:flex;font-size:14px;gap:8px;margin-top:6px;padding:6px 10px}.ChatTimeline-doc-download{color:#1e90ff;font-size:13px;text-decoration:underline}.ChatTimeline-doc-name{font-weight:700}.ChatTimeline-media-modal{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.ChatTimeline-modal-img{border-radius:10px;max-height:90%;max-width:90%}.email-modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.email-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.email-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.email-modal-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.email-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.email-modal-close:hover{background:#e5e7eb;color:#1f2937}.email-modal-body{flex:1 1;overflow-y:auto;padding:24px}.email-detail-row{display:flex;gap:10px;margin-bottom:16px}.email-detail-row strong{color:#374151;font-weight:600;min-width:80px}.email-detail-row span{color:#6b7280;flex:1 1}.email-content-wrapper{border-top:2px solid #e5e7eb;margin-top:24px;padding-top:24px}.email-content-wrapper strong{color:#374151;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.email-html-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-family:Arial,sans-serif;line-height:1.6;max-height:400px;overflow-y:auto;padding:20px}.email-html-content img{height:auto;max-width:100%}.timeline-view-email-btn:hover{background:#0056b3!important}.timeline-note{color:#1f2937;font-size:14px;font-weight:500;line-height:1.6;margin:0;padding:0}.timeline-meta{color:#6b7280;font-size:12px;margin:8px 0 0;padding:0}.timeline-source{color:#059669;font-size:12px;font-style:italic;margin:4px 0 0;padding:0}.NewPhoneCallModalStream__overlay{align-items:center;animation:fadeIn .3s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.NewPhoneCallModalStream__container{animation:slideInScale .3s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0003;font-family:Varela Round,sans-serif;max-height:90vh;max-width:600px;overflow:hidden;position:relative;width:100%}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.NewPhoneCallModalStream__header{background:linear-gradient(135deg,#2e6155,#1e3a32);color:#fff;overflow:hidden;padding:32px;position:relative}.NewPhoneCallModalStream__header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.NewPhoneCallModalStream__title{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;position:relative;z-index:1}.NewPhoneCallModalStream__subtitle{color:#fff;font-size:16px;font-weight:400;margin:0;opacity:.9;position:relative;z-index:1}.NewPhoneCallModalStream__close-btn,.NewPhoneCallModalStream__minimize-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:8px;color:#2e6155;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;padding:8px;position:absolute;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;z-index:2}.NewPhoneCallModalStream__close-btn{right:20px}.NewPhoneCallModalStream__minimize-btn{right:64px}.NewPhoneCallModalStream__close-btn:hover,.NewPhoneCallModalStream__minimize-btn:hover{background:#fff;box-shadow:0 4px 16px #0003;color:#1e3a32;transform:translateY(-2px)}.NewPhoneCallModalStream__content{max-height:calc(90vh - 140px);overflow-y:auto;padding:32px}.NewPhoneCallModalStream__form{display:flex;flex-direction:column;gap:24px}.NewPhoneCallModalStream__field-row{display:flex;flex-direction:column;gap:8px;position:relative}.NewPhoneCallModalStream__label{color:#2e6155;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.NewPhoneCallModalStream__input,.NewPhoneCallModalStream__select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.NewPhoneCallModalStream__input:focus,.NewPhoneCallModalStream__select:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;outline:none;transform:translateY(-2px)}.NewPhoneCallModalStream__input::placeholder{color:#94a3b8;font-style:italic}.NewPhoneCallModalStream__select{-webkit-appearance:none;appearance:none;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='%232e6155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:48px}.NewPhoneCallModalStream__autocomplete{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 8px 32px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.NewPhoneCallModalStream__autocomplete li{border-bottom:1px solid #e2e8f04d;color:#374151;cursor:pointer;font-weight:500;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.NewPhoneCallModalStream__autocomplete li:last-child{border-bottom:none}.NewPhoneCallModalStream__autocomplete li:hover{background:#2e61551a;color:#2e6155;transform:translateX(4px)}.NewPhoneCallModalStream__actions{border-top:1px solid #e2e8f080;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.NewPhoneCallModalStream__btn-cancel,.NewPhoneCallModalStream__btn-submit{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:14px 28px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.NewPhoneCallModalStream__btn-cancel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;box-shadow:0 4px 16px #00000014;color:#64748b}.NewPhoneCallModalStream__btn-submit{background:linear-gradient(135deg,#2e6155,#34d399);box-shadow:0 4px 16px #2e61554d;color:#fff}.NewPhoneCallModalStream__btn-cancel:before,.NewPhoneCallModalStream__btn-submit:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.NewPhoneCallModalStream__btn-cancel:hover:before,.NewPhoneCallModalStream__btn-submit:hover:before{left:100%}.NewPhoneCallModalStream__btn-cancel:hover{border-color:#2e6155;box-shadow:0 8px 24px #0000001f;color:#2e6155;transform:translateY(-2px)}.NewPhoneCallModalStream__btn-submit:hover{box-shadow:0 8px 24px #2e615566;transform:translateY(-2px)}.NewPhoneCallModalStream__btn-cancel:active,.NewPhoneCallModalStream__btn-submit:active{transform:translateY(0)}.NewPhoneCallModalStream__btn-hangup{background:linear-gradient(135deg,#ef4444,#f87171);border:none;border-radius:50px;box-shadow:0 4px 16px #ef44444d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;margin:16px 0;overflow:hidden;padding:14px 28px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.NewPhoneCallModalStream__btn-hangup:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.NewPhoneCallModalStream__btn-hangup:hover:before{left:100%}.NewPhoneCallModalStream__btn-hangup:hover{box-shadow:0 8px 24px #ef444466;transform:translateY(-2px)}.NewPhoneCallModalStream__status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;color:#374151;font-size:14px;font-weight:500;margin-top:24px;padding:20px}.NewPhoneCallModalStream__volume-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e2e8f080;border-radius:6px;box-shadow:inset 0 2px 4px #0000001a;height:12px;margin:16px 0;overflow:hidden}.volume-level{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:6px;box-shadow:0 2px 8px #2e61554d;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.NewPhoneCallModalStream__status .timeline-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f04d;border-radius:12px;margin-top:20px;max-height:300px;overflow-y:auto;padding:16px}.NewPhoneCallModalStream__status .timeline-container::-webkit-scrollbar{width:6px}.NewPhoneCallModalStream__status .timeline-container::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:3px}.NewPhoneCallModalStream__status .timeline-container::-webkit-scrollbar-thumb{background:#2e61554d;border-radius:3px}.NewPhoneCallModalStream__status .timeline-container::-webkit-scrollbar-thumb:hover{background:#2e615580}.timeline-container .timeline-entry{background:#fff9;border-left:4px solid #2e6155;border-radius:8px;margin-bottom:16px;padding:12px}.timeline-container .timeline-note{color:#2e6155;font-weight:600;margin-bottom:8px}.NewPhoneCallModalStream__floating-tab{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2e6155,#34d399);border:1px solid #fff3;border-radius:16px;bottom:24px;box-shadow:0 8px 32px #2e615566;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:16px 20px;position:fixed;right:24px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999}.NewPhoneCallModalStream__floating-tab:hover{box-shadow:0 12px 48px #2e615580;transform:translateY(-4px)}@media (max-width:768px){.NewPhoneCallModalStream__overlay{padding:12px}.NewPhoneCallModalStream__container{border-radius:16px;max-width:100%}.NewPhoneCallModalStream__header{padding:24px}.NewPhoneCallModalStream__title{font-size:24px}.NewPhoneCallModalStream__content{padding:24px}.NewPhoneCallModalStream__close-btn,.NewPhoneCallModalStream__minimize-btn{top:16px}.NewPhoneCallModalStream__close-btn{right:16px}.NewPhoneCallModalStream__minimize-btn{right:56px}.NewPhoneCallModalStream__input,.NewPhoneCallModalStream__select{font-size:16px;padding:14px 16px}.NewPhoneCallModalStream__actions{flex-direction:column;gap:12px}.NewPhoneCallModalStream__btn-cancel,.NewPhoneCallModalStream__btn-submit{font-size:14px;padding:12px 20px}.NewPhoneCallModalStream__status .timeline-container{max-height:200px}}@media (max-width:480px){.NewPhoneCallModalStream__header{padding:20px}.NewPhoneCallModalStream__title{font-size:20px}.NewPhoneCallModalStream__content{padding:20px}.NewPhoneCallModalStream__floating-tab{bottom:16px;font-size:13px;padding:12px 16px;right:16px}}.sidebar{background:#fffffffa;flex-direction:column;font-family:Varela Round,sans-serif;height:100vh;max-height:100vh;overflow:visible}.sidebar,.sidebar-header{display:flex;position:relative}.sidebar-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2e6155,#1e3a32);box-shadow:0 4px 20px #00000026;color:#fff;flex-shrink:0;justify-content:space-between;overflow:hidden;padding:24px 20px}.sidebar-header:before{background:radial-gradient(circle at 20% 20%,#34d3991a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sidebar-header-img{background:#fffffff2;border:2px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 24px #0003;height:56px;padding:8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px;z-index:2}.sidebar-header-img>img{border-radius:8px;cursor:pointer;height:100%;object-fit:contain;transition:all .3s ease;width:100%}.sidebar-header-img:hover{border-color:#fff9;box-shadow:0 12px 32px #0000004d;transform:scale(1.05)}.sidebar-header-img>img:hover{transform:scale(1.02)}.sidebar-header-btn{color:#fffffff2;cursor:pointer;font-size:18px;gap:8px;z-index:2}.sidebar-header-btn,.sidebar-header-btn>*{align-items:center;display:flex;position:relative}.sidebar-header-btn>*{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;height:44px;justify-content:center;overflow:hidden;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.sidebar-header-btn>:before{background:linear-gradient(135deg,#fff3,#0000);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.sidebar-header-btn>:hover:before{opacity:1}.sidebar-header-btn>:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 16px #0003;transform:translateY(-2px) scale(1.05)}.sidebar-header-btn>:active{transform:translateY(0) scale(.95)}.sidebar-header-btn .MuiSvgIcon-root{background:none;border:none;border-radius:0;height:auto;overflow:visible;padding:0;position:static;transition:none;width:auto}.sidebar-header-btn .MuiSvgIcon-root:hover{background:none;transform:none}.sidebar-search{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#f8fafcf2,#ffffffe6);border-bottom:1px solid #e2e8f04d;flex-shrink:0;padding:20px;position:relative}.sidebar-search-container{display:flex;flex-direction:column;gap:12px}.sidebar-search:before{background:linear-gradient(90deg,#0000,#2e61554d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.sidebar-search-input{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #e2e8f099;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;gap:12px;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-search-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.sidebar-search-input:before{background:linear-gradient(135deg,#2e615505,#0000);border-radius:16px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.sidebar-search-input:focus-within:before{opacity:1}.sidebar-search-input:focus-within{border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a,0 8px 24px #0000001f;transform:translateY(-1px)}.sidebar-search-input>.MuiSvgIcon-root{color:#64748b;flex-shrink:0;font-size:20px;position:relative;transition:color .3s ease;z-index:1}.sidebar-search-input:focus-within>.MuiSvgIcon-root{color:#2e6155}.sidebar-search-input>input{background:#0000;border:none;color:#1f2937;flex:1 1;font-family:Varela Round,sans-serif;font-size:14px;outline:none;position:relative;z-index:1}.sidebar-search-input>input::placeholder{color:#9ca3af;font-style:italic}.sidebar-filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f099;border-radius:8px;color:#64748b;cursor:pointer;font-family:Varela Round,sans-serif;font-size:12px;font-weight:500;gap:4px;margin-left:8px;overflow:hidden;padding:6px 10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-icon,.sidebar-filter-btn{align-items:center;display:flex;justify-content:center}.filter-icon{font-size:14px}.filter-label{color:inherit;font-size:11px;font-weight:500}.sidebar-filter-btn:before{background:linear-gradient(135deg,#2e61550d,#0000);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.sidebar-filter-btn:hover:before{opacity:1}.sidebar-filter-btn:hover{background:#2e615514;border-color:#2e615540;box-shadow:0 2px 8px #2e61551f;color:#2e6155;transform:translateY(-1px)}.sidebar-filter-btn:active{transform:translateY(0) scale(.95)}.sidebar-filter-btn .MuiSvgIcon-root{align-items:center;display:flex;font-size:16px!important;height:16px;justify-content:center;position:relative;width:16px;z-index:1}.sidebar-quick-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.quick-filter-tag{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e2e8f099;border-radius:20px;color:#64748b;cursor:pointer;display:inline-flex;font-family:Varela Round,sans-serif;font-size:12px;font-weight:500;gap:4px;overflow:hidden;padding:6px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-filter-tag:before{background:linear-gradient(135deg,#2e61550d,#0000);border-radius:20px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.quick-filter-tag:hover:before{opacity:1}.quick-filter-tag:hover{border-color:#2e61554d;box-shadow:0 2px 8px #2e615526;color:#2e6155;transform:translateY(-1px)}.quick-filter-tag.active{background:linear-gradient(135deg,#2e6155,#34d399);border-color:#2e6155;box-shadow:0 2px 8px #2e61554d;color:#fff}.quick-filter-tag.active:before{display:none}.quick-filter-tag.active:hover{box-shadow:0 4px 12px #2e615566;transform:translateY(-1px)}.sidebar-filter-panel{animation:slideDown .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 12px 40px #00000026;left:20px;overflow:hidden;padding:0;position:absolute;right:20px;top:120px;z-index:100}.sidebar-filter-panel-header{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);color:#fff;display:flex;justify-content:space-between;margin:0;padding:20px 24px}.sidebar-filter-panel-header h3{font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;margin:0}.sidebar-filter-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.sidebar-filter-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.sidebar-filter-close-btn:active{transform:scale(.95)}.sidebar-filter-panel-content{padding:20px 24px}.sidebar-filter-panel h3{color:#1e293b;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-align:center;text-transform:uppercase}.sidebar-filter-panel label{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:12px 0;padding:12px;transition:all .3s ease}.sidebar-filter-panel label:hover{background:#2e61550d}.sidebar-filter-panel label span{color:#374151;font-size:14px;font-weight:500}.sidebar-filter-panel label input[type=checkbox]{accent-color:#2e6155;border-radius:4px;cursor:pointer;height:18px;width:18px}.sidebar-filter-panel label select{background:#fff;border:2px solid #e2e8f0cc;border-radius:8px;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;outline:none;padding:8px 12px;transition:all .3s ease;width:100%}.sidebar-filter-panel label select:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a}.sidebar-filter-panel .close-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;margin-top:16px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.sidebar-filter-panel .close-btn:hover{box-shadow:0 4px 16px #ef44444d;transform:translateY(-1px)}.sidebar-chat-list{-webkit-overflow-scrolling:touch;flex:1 1;height:0;max-height:calc(100vh - 200px);min-height:0;overflow-x:hidden;overflow-y:auto!important;padding:8px 0;scrollbar-width:thin}.sidebar-chat-list::-webkit-scrollbar{width:6px}.sidebar-chat-list::-webkit-scrollbar-track{background:#f8fafc80}.sidebar-chat-list::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:3px}.sidebar-chat-list::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.sidebar-contact-item{align-items:center;border-bottom:1px solid #e2e8f04d;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-contact-item:before{background:linear-gradient(135deg,#2e6155,#34d399);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:4px}.sidebar-contact-item:hover:before{transform:scaleY(1)}.sidebar-contact-item:hover{background:#2e61550d;transform:translateX(4px)}.sidebar-contact-item.selected{background:#2e61551a;border-left:4px solid #2e6155}.sidebar-contact-item.selected:before{transform:scaleY(1)}.sidebar-contact-avatar{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:2px solid #fffc;border-radius:50%;box-shadow:0 4px 12px #2e615533;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;text-transform:uppercase;transition:all .3s ease;width:48px}.sidebar-contact-item:hover .sidebar-contact-avatar{box-shadow:0 6px 20px #2e61554d;transform:scale(1.05)}.sidebar-contact-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.sidebar-contact-name{color:#1e293b;font-size:16px;font-weight:600;line-height:1.2}.sidebar-contact-name,.sidebar-contact-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-contact-preview{color:#64748b;font-size:13px;line-height:1.3}.sidebar-contact-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.sidebar-contact-time{color:#9ca3af;font-size:11px;font-weight:500}.sidebar-contact-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;box-shadow:0 2px 8px #ef44444d;color:#fff;font-size:11px;font-weight:700;height:20px;width:20px}.sidebar-contact-badge,.sidebar-empty-state{align-items:center;display:flex;justify-content:center}.sidebar-empty-state{color:#64748b;flex-direction:column;gap:16px;padding:40px 20px;text-align:center}.sidebar-empty-state:before{content:"👥";font-size:48px;opacity:.5}.sidebar-empty-state p{font-size:14px;line-height:1.5;margin:0}.sidebar-loading{align-items:center;color:#64748b;display:flex;justify-content:center;padding:40px 20px}.sidebar-loading:before{animation:spin 1s linear infinite;border:3px solid #2e61551a;border-left-color:#2e6155;border-radius:50%;content:"";height:24px;margin-right:12px;width:24px}@media (max-width:768px){.sidebar{max-width:100%;width:100%}.sidebar-header,.sidebar-search{padding:16px 20px}.sidebar-filter-panel{left:16px;right:16px;top:110px}.sidebar-contact-item{padding:12px 16px}.sidebar-contact-avatar{font-size:16px;height:40px;width:40px}}@media (max-width:480px){.sidebar-header,.sidebar-search{padding:12px 16px}.sidebar-contact-item{padding:10px 12px}.sidebar-contact-name{font-size:14px}.sidebar-contact-preview{font-size:12px}}.sidebar-loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.sidebar-loading-spinner{animation:sidebar-spin .8s linear infinite;border:4px solid #2e61551a;border-radius:50%;border-top-color:#2e6155;height:40px;width:40px}@keyframes sidebar-spin{to{transform:rotate(1turn)}}.sidebar-loading-text{color:#666;font-size:14px;font-weight:500;margin:0}.user-profile{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e2e8f04d;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;gap:12px;min-height:90px;overflow:visible;padding:14px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-profile:before{background:linear-gradient(135deg,#2e6155,#34d399);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:4px}.user-profile:hover:before{transform:scaleY(1)}.user-profile:hover{background:#2e61550d;box-shadow:0 2px 8px #00000014;transform:translateX(4px)}.user-image{flex-shrink:0;height:52px;margin-top:2px;width:52px}.user-image>img{border:2px solid #fffc;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.user-profile:hover .user-image>img{box-shadow:0 4px 12px #2e615533;transform:scale(1.05)}.user-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.user-name-row{display:flex;width:100%}.user-name{word-wrap:break-word;flex:1 1;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin:0;max-width:100%;min-width:0;overflow-wrap:break-word;text-align:left}.user-middle-row{align-items:center;display:flex;gap:8px;width:100%}.user-phone{color:#64748b;flex:1 1;font-family:monospace;font-size:12px;font-weight:500;margin:0;text-align:left}.message-content,.user-bottom-row{display:flex;width:100%}.message-content{flex-direction:column;gap:2px;text-align:left}.user-lastmessage{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex:1 1;font-size:13px;font-weight:400;line-height:1.4;margin:0;max-height:36px;min-width:0;overflow:hidden;position:relative;text-overflow:ellipsis}.user-lastmessage:hover{background-color:#f9f9f9;max-height:none;white-space:normal}.user-lastmessage[title]:hover:after{background:#000000bf;color:#fff;content:attr(title);font-size:14px;left:0;max-width:300px;padding:5px;position:absolute;top:100%;white-space:normal;width:auto;z-index:999}.message-time{color:#9ca3af;flex-shrink:0;font-size:11px;font-weight:500;margin:2px 0 0;text-align:left;white-space:nowrap}.user-image .initial-placeholder{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:2px solid #fffc;border-radius:50%;box-shadow:0 2px 8px #2e615533;color:#fff;display:flex;font-family:Varela Round,sans-serif;font-size:20px;font-weight:700;height:52px;justify-content:center;text-transform:uppercase;transition:all .3s ease;width:52px}.user-profile:hover .user-image .initial-placeholder{box-shadow:0 4px 12px #2e61554d;transform:scale(1.05)}.read-more-btn{color:blue;font-size:12px;text-decoration:underline}.user-profile.unread{background:#ef44440d;border-left:4px solid #ef4444}.user-profile.unread:after{animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #ef44444d;content:"";height:12px;position:absolute;right:16px;top:16px;width:12px}.status-flag{align-items:center;border-radius:8px;box-shadow:0 1px 2px #0000001a;color:#fff;display:inline-flex;flex-shrink:0;font-family:Varela Round,sans-serif;font-size:9px;font-weight:500;gap:2px;letter-spacing:.3px;margin:0;opacity:.8;padding:2px 6px;text-align:center;text-transform:uppercase;width:fit-content}.status-flag.open{background:#10b981}.status-flag.open:before{color:#dcfce7;content:"●";font-size:6px}.status-flag.in-process{background:#f59e0b}.status-flag.in-process:before{color:#fef3c7;content:"●";font-size:6px}.new-contact-form-modal{align-items:center;animation:modalFadeIn .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#0006,#2e615533 50%,#0009);color:#334155;direction:ltr!important;display:none;font-family:Varela Round,sans-serif!important;height:100vh!important;justify-content:center;left:0!important;padding:20px;position:fixed!important;top:0!important;transform:translateZ(0);width:100vw!important;will-change:transform;z-index:99999!important}.new-contact-form-modal.show{display:flex!important}.new-contact-form-modal-content{animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 80px #00000026,0 12px 35px #00000014,0 0 0 1px #fffc;display:flex;flex-direction:column;max-height:85vh;max-width:520px;overflow:visible;padding:48px 40px;position:relative;width:90%}.new-contact-form-scroll-wrapper{-webkit-overflow-scrolling:touch;margin-right:-8px;max-height:calc(85vh - 120px);overflow-y:auto;padding-right:8px;scroll-behavior:smooth}.new-contact-form-scroll-wrapper::-webkit-scrollbar{width:6px}.new-contact-form-scroll-wrapper::-webkit-scrollbar-track{background:#e5e7eb4d;border-radius:3px}.new-contact-form-scroll-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2e615566,#2e615599);border-radius:3px}.new-contact-form-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2e615599,#2e6155cc)}.new-contact-form-close-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e5e7eb99;border-radius:12px;box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a;color:#64748b;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:1}.new-contact-form-close-btn:hover{background:#ef44441a;border-color:#ef44444d;box-shadow:0 6px 16px #ef444426,0 3px 8px #ef44441a;color:#ef4444;transform:translateY(-1px)}.new-contact-form-close-btn:active{transform:translateY(0)}.new-contact-form-header{border-bottom:1px solid #e5e7eb4d;margin-bottom:32px;padding-bottom:24px;position:relative;text-align:center}.new-contact-form-header h1,.new-contact-form-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#3a7966);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-family:Varela Round,sans-serif;font-size:28px;font-weight:700;margin:0 0 12px}.new-contact-form-header p{color:#64748b;font-size:16px;font-weight:500;margin:0}.new-contact-form-modal .new-contact-form{align-items:stretch!important;display:flex!important;flex-direction:column!important;font-family:Varela Round,sans-serif!important;gap:24px!important}.new-contact-form-modal .new-contact-form .form-group{direction:ltr!important;display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:0!important;position:relative!important;width:100%!important}.new-contact-form-modal .new-contact-form .form-group label{color:#374151!important;display:block!important;font-family:Varela Round,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.4!important;margin-bottom:6px!important;text-align:left!important}.new-contact-form-modal .new-contact-form .form-group input,.new-contact-form-modal .new-contact-form .form-group select,.new-contact-form-modal .new-contact-form .form-group textarea,.new-contact-form-modal .new-contact-form .phone-input-field{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e5e7eb99;border-radius:12px;box-shadow:0 2px 8px #0000000a,0 1px 4px #00000005;box-sizing:border-box;color:#334155;direction:ltr!important;font-family:Varela Round,sans-serif!important;font-size:16px;padding:16px 20px;text-align:left!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.new-contact-form-modal .new-contact-form .form-group input:focus,.new-contact-form-modal .new-contact-form .form-group select:focus,.new-contact-form-modal .new-contact-form .form-group textarea:focus,.new-contact-form-modal .new-contact-form .phone-input-field:focus{background:#fffffffa;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a,0 4px 12px #00000014,0 2px 6px #0000000a;outline:none;transform:translateY(-1px)}.new-contact-form-modal .new-contact-form .form-group input:hover,.new-contact-form-modal .new-contact-form .form-group select:hover,.new-contact-form-modal .new-contact-form .form-group textarea:hover,.new-contact-form-modal .new-contact-form .phone-input-field:hover{background:#fffffff2;border-color:#2e615566}.new-contact-form-modal .new-contact-form .form-group input::placeholder,.new-contact-form-modal .new-contact-form .form-group textarea::placeholder,.new-contact-form-modal .new-contact-form .phone-input-field::placeholder{color:#94a3b8;font-weight:400}.new-contact-form-modal .new-contact-form .error{color:#ef4444!important;display:block!important;font-size:14px!important;font-weight:500!important;margin-top:4px!important}.new-contact-form-modal .new-contact-form .form-group:has(.react-tel-input),.new-contact-form-modal .new-contact-form .phone-input-container{align-items:center;direction:ltr!important;display:flex;gap:12px;position:relative;width:100%}.new-contact-form-modal .new-contact-form .phone-input-container .phone-input-field{direction:ltr!important;flex:1 1}.new-contact-form-modal .react-tel-input{direction:ltr!important;width:100%!important}.new-contact-form-modal .react-tel-input .form-control{direction:ltr!important;padding-left:58px!important;text-align:left!important}.new-contact-form-modal .react-tel-input .flag-dropdown,.new-contact-form-modal .react-tel-input .selected-flag{direction:ltr!important}.new-contact-form-modal .new-contact-form .phone-input-container .country{border-radius:8px;margin:4px;padding:12px 16px;transition:all .2s ease}.new-contact-form-modal .new-contact-form .phone-input-container .country:hover{background:#2e61550d;color:#2e6155}.new-contact-form-modal .new-contact-form .phone-input-container .search-box{border:1px solid #e5e7eb99;border-radius:8px;box-sizing:border-box;font-family:Varela Round,sans-serif;margin:8px;padding:12px 16px;width:100%}.new-contact-form-modal .new-contact-form-submit{align-items:center!important;background:linear-gradient(135deg,#2e6155,#3a7966)!important;border:none!important;border-radius:16px!important;box-shadow:0 6px 20px #2e615540,0 3px 8px #2e615526!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-family:Varela Round,sans-serif!important;font-size:16px!important;font-weight:600!important;gap:8px!important;justify-content:center!important;margin-top:24px!important;min-width:160px!important;overflow:hidden!important;padding:18px 32px!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:auto!important;z-index:1!important}.new-contact-form-modal .new-contact-form-submit:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.new-contact-form-modal .new-contact-form-submit:hover{background:linear-gradient(135deg,#3a7966,#4a8a77)!important;box-shadow:0 8px 25px #2e615559,0 4px 12px #2e615533!important;transform:translateY(-2px)!important}.new-contact-form-modal .new-contact-form-submit:hover:before{opacity:1}.new-contact-form-modal .new-contact-form-submit:active{transform:translateY(0)!important}.new-contact-form-modal .new-contact-form-submit:disabled{cursor:not-allowed!important;opacity:.6!important;transform:none!important}@keyframes modalFadeIn{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.new-contact-form-modal{padding:12px}.new-contact-form-modal-content{border-radius:20px;max-height:90vh;max-width:none;padding:32px 24px;width:95%}.new-contact-form-close-btn{font-size:18px;height:36px;right:16px;top:16px;width:36px}.new-contact-form-header{margin-bottom:24px;padding-bottom:20px}.new-contact-form-header h1,.new-contact-form-header h2{font-size:24px}.new-contact-form .form-group input,.new-contact-form .form-group select,.new-contact-form .form-group textarea,.new-contact-form .phone-input-field{font-size:16px;padding:14px 16px}.new-contact-form-modal .new-contact-form-submit{margin-top:20px!important;padding:16px 24px!important;width:100%!important}.new-contact-form-scroll-wrapper{max-height:calc(90vh - 140px)}}.tag-input-container{background:#fffc;border:2px solid #e2e8f0cc;border-radius:8px;direction:ltr!important;display:flex;flex-wrap:wrap;font-family:Varela Round,sans-serif;gap:8px;padding:12px;transition:all .3s ease}.tag-input-container:focus-within{border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a}.tag{align-items:center;border-radius:20px;box-shadow:0 2px 8px #2e615533;color:#fff!important;display:flex;gap:6px;padding:6px 12px;transition:all .3s ease}.tag,.tag:hover{background:linear-gradient(135deg,#2e6155,#34d399)!important}.tag:hover{box-shadow:0 4px 12px #2e61554d}.tag-input-container .remove-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;padding:2px 6px;transition:all .3s ease;width:18px}.tag-input-container .remove-button:hover{background:#ef4444e6;transform:scale(1.1)}.tag-input-container .remove-button:focus{background:#ef4444e6;outline:none}.tag-input{background:#0000;border:none;color:#1f2937;direction:ltr!important;flex:1 1;font-family:Varela Round,sans-serif;font-size:13px;min-width:150px;padding:8px 12px;text-align:left!important}.tag-input:focus{outline:none}.tag-input::placeholder{color:#9ca3af;font-style:italic}.small-input .tag-input-container{border-radius:6px;gap:6px;max-height:150px;overflow-x:hidden;overflow-y:auto;padding:8px}.small-input .tag-input-container::-webkit-scrollbar{width:3px}.small-input .tag-input-container::-webkit-scrollbar-track{background:#f8fafc80}.small-input .tag-input-container::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:2px}.small-input .tag{background:linear-gradient(135deg,#2e6155,#34d399)!important;border-radius:16px;color:#fff!important;flex-shrink:0;font-size:11px;padding:4px 8px}.small-input .tag-input{background:#fff;border:1px solid #e2e8f0cc;border-radius:6px;direction:ltr!important;flex:1 1 100%;font-size:12px;margin-top:4px;min-width:0;padding:6px 8px;text-align:left!important}.small-input .tag-input:focus{border-color:#2e6155;box-shadow:0 0 0 2px #2e61551a}.small-input .remove-button{flex-shrink:0;font-size:8px;height:14px;width:14px}.tag-input-container:empty:before{color:#9ca3af;content:"No keys added yet";font-size:12px;font-style:italic}@media (max-width:768px){.tag-input-container{gap:6px;padding:8px}.tag{background:linear-gradient(135deg,#2e6155,#34d399)!important;color:#fff!important;font-size:11px;padding:4px 8px}.tag-input{font-size:12px;min-width:120px}}@media (max-width:480px){.tag-input-container{gap:4px;padding:6px}.tag{background:linear-gradient(135deg,#2e6155,#34d399)!important;color:#fff!important;font-size:10px;padding:3px 6px}.tag-input{font-size:11px;min-width:100px;padding:6px 8px}.remove-button{font-size:7px;height:12px;width:12px}}.react-tel-input{font-family:Roboto,sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACmCAMAAAACnqETAAADAFBMVEUAAAD30gQCKn0GJJ4MP4kMlD43WGf9/f329vcBAQHhAADx8vHvAwL8AQL7UlL4RUUzqDP2MjLp6un2Jyj0Ghn2PTr9fHvi5OJYuln7Xl75+UPpNzXUAQH29jH6cXC+AAIAJwBNtE/23Ff5aGdDr0TJAQHsZV3qR0IAOQB3x3fdRD/Z2NvuWFLkcG7fVlH4kI4AAlXO0M8BATsdS6MCagIBfQEASgPoKSc4VKL442q4xeQAigD46eetAABYd9jvf3nZMiwAAoD30zz55X5ng9tPbKZnwGXz8x77+lY7OTjzzikABGsenh72pKNPldEAWgHgGBgAACH88/Gqt95JR0OWAwP3uLd/qdr53kMBBJJ3d3XMPTpWer8NnAwABKPH1O1VVFIuLSz13NtZnlf2kEh9keLn7vfZ4vNkZGHzvwJIXZRfZLuDwfv4y8tvk79LlUblzsxorGcCBusFKuYCCcdmfq5jqvlxt/tzktEABLb8/HL2tlTAw8SLlMFpj/ZlpNhBZ81BYbQcGxuToN9SYdjXY2Lz7lD0dCQ6S9Dm0EUCYPdDlvWWvd2AnviXqc11eMZTqPc3cPMCRev16ZrRUE0Hf/tNT7HIJyTptDVTffSsTkvhtgQ0T4jigoFUx/g+hsX9/QUHzQY1dbJ7sHV02Pduvd0leiK1XmaTrfpCQPgELrrdsrY1NamgyPrh03iPxosvX92ysbCgoZzk5kP1YD7t6AILnu+45LykNS40qvXDdHnR6tBennz6u3TSxU1Or9Swz6wqzCsPZKzglJbIqEY8hDhyAgFzbJxuOC+Li4d9sJLFsnhwbvH2d1A3kzAqPZQITsN76nq2dzaZdKJf4F6RJkb078YFiM+tnWZGh2F+dDibykYoMcsnekdI1UhCAwWb25qVkEq43km9yBrclQMGwfyZ3/zZ2QK9gJxsJWCBUk32QwqOSYKRxh6Xdm3B4oMW22EPZzawnR72kgZltCqPxrdH1dkBkqDdWwwMwMO9O2sqKXHvipPGJkzlRVLhJjVIs9KrAAAAB3RSTlMA/v3+/Pn9Fk05qAAAUU9JREFUeNp0nAlYVNcVxzHazoroGBkXhAgCCjMsroDoKIgKdFABBwQUnSAoCqLRFBfcCBIM4kbqShO1hlSrCJqQQmNssVFqjBarsdjFJWlMTOLXJDZt8/X7+j/n3pk3vNq/bb8+3nbP79137/+dd954qTVt8uTJL73OMhqNer03ady4cWOhWbNmjV+0FfKGjMb36Y9/1fXUst9cb2y8/lpb797z5k2dOjXVD9Ljn59fcHBwQEDAgGch3l9on6feeeedn0r9kvT222+/sErRgvcDArwV8f5tN/rcvPnMZ22pqVFRSVGjR38k9Rsp9fLql/MXLj20VGjt2rVeak2Og/auI/kHBQ3We/tCo0ZNhwYNGj58/NaWlpbOyMhIX1//2/jTrICvckhXruQsWbJw4cL3tzhPORynSk5lZWVtglL9IkmdDQ05NqvVGhLwbKSUL+Tvb9yH/2sj+eN0IZZ3fvq3Hnp71ZtCOyofdnTYSzq9xX7UtsF9+/Y1FpeZT54sc2aUlq6Jy89YM/qj2oZaoeOkMR8dV/Tee++NWb04rrA5MRYKDAyc/NKCpwDIyKhE9LEzZ/r4DLQAAE6EyEeM6AcNH7m1pTMnB+fHX7tG9Bs0Xt+GwM/frqm5tz950aKDk6rsiA0xbUrbRAii/BDeV9bGhQsPRlyOCAuZ9GykZwT++n2RHPnVYQU+oaFDPQD8jEQAPiDdaLPaHGVXbn/O7YHQuIH9B/gYgzts1iqrtSopKWlNRkzS6I8arFaOFvTfew8AfiYil/rN6sWTKwtbArOzExISUl7+vwCuQNt8Bg71AQCcTwNpWeFbW3IIQEmJr08XgIzX2xDcvZrs7Jru5EWXwwKSwh2RkQ77w7Q0bXp6YRoDaKO+kZl8MCwsYpJ3pEf8liAAoPhDhqUMQ/wAkF+oqKiosJYA7HxotdnTtVe6Pr/S0h+AI90QffU3T9obGuwdD5PqkmJiMtbM+ajWI/60TX0COhoarAAE1dfXV80FgMmLi1oSKP7/B6ASAGyBV4YM7D/Bx8/bF7g5fgmgEwCCSiJtJQRgxEi9zZqVdYUu9pW0tLCIgOvxdR0dpxx5aWl7EzV7CYDV+tXnCzMzkzMvE4AFlTuhZaSf/OQny1L32RC+JcHikzJ06NAJoe+YNKRbsbG3xPlWZTxssNmdOP/J27ffudLJ60V7DAaT1lxRVvfwYe3Jlrq4uJiKjAwAcIWP+BkAhV/i7HA0uAG8BAIUf8qfzvwvgJcQf+XMK4GWi8OGTpgQ6uftzwC0LIM2WgcASwaXOBwlA7v6/YgAhFRt2pRGeu0/UyImbal77eHDo2kVAJAeKwE0fl6P63/5nSlTAKBCiR8AovbZEL9lf8I5AMD5booAE7OzY8X5fhGJi0/nTzTcMh+80iIBaF0APqvIu3EjqfRGcV3S4aSKYk8AaW4ADU4gOFlfn8sAXnoJBDpTCMDL87zU2kwATl+x1Nw+P2HChKHBBMDHFT8DwGjX11FSYu/f/aMf9XtOjwAacf2hmxRg7ywXDrr30kb7NVhDquo/z0y+nJs7ZUoYA5DxM4BFmcnJyV93PzjbvQhK3urqAYF7xflWVT5ssDaU4Ox7T9+6Ei4BaN0AUkvXJEExMTGHD9cdFgA2yfgZQAP1f0dJw0lrfS4BmIb4z5yZBgL/H8DibbehGROenQ0AQRhvZPwQAGDQ8wlqsFkmdP9ofr/n/OgK2ml1xxQECAAy/tdee++91wCA1mfWJy/KXUTr536T+O67764X2r9//T+3JkPdDx50f7qItDXfff+zeAxY1lYV0VCmPV1Ts5fGAGUYDbHpo0qT6vKTignAtWvXiuf0StwGZZPQybMPAYC8/xF/bj0AUPwvvzytKCdl6dMAvJxRuXjxkCHnL86YMXs2A8B4m4yWQTrdIp0uByMajcATJrwzXwCIiIjAFSrbJwGI+FlH00YH8/rQy5enQPsYgBK/BLCI1c0Afonhn/XjH8MNLP9o1Y4Pfg795N9hYQ23bt1q4fb07z+A/ITR2J8AFJnqOP7iuj7Fc35TK+9/bkPaM+NGiSnsB6wRIwGA4n/5T5Pzc5aeeAqAP1VCM4niWRqVgr1p1sEYlskNJQC4BQZbLJi0MAgCgBUKqYo3VEVEhIWFTZqXtYmVxiIAtB4QeDUAvMuSFBgAJCkwAKHlLAKw4wMIFG5URVgdLdwedEq6BuCgj1qzpi4uiVScYa6I0fWKJQVC2aRDY0eNWrlyECwMMIDDc2vZ6UF0F7z8tB5w4kTvtZ+ygklGkk4lvZ6sne45SDg8aJIQ2z+4Mmg0qcfauXPnfvPNN9XV/1S0VSWyf1Ls4FZ5aIHu/blGKb2UOM0ckq4PmsZ2b8yYMb2l4FbhX8ePHwmhuSPXkhaQ5q0tXzBvntdUUq9eSyFu9njXxpA74Leg198yktRWVI4OkAkymw2Q3WO90+nnN3u2H0QkHI6JpHHj2GvTYdsupd68GfVZ4yTJqJeUaNKhQ+rzCUvOMXEr//4vD3333XdLe+rRJx4iqumDnT2O5zW1HII1hPLy8pJGjz9GWgk9D61Al4fWkWay9VRbUa1GEVCYDRoonu0dr++n0ZQ0dMCNdDRYHVrtuImjWHQ80lvfl4WfhJetw1CFm6h+rkazd28iJHvyIe/IHt7ZOBY7o4GPH4smPqf7nRwz/sH6bmmi2HtvYiBUYPxEcZakt701PdsPAIhb3DBbYmIIAOK+F9HXJ6z7t799AwDI48+cOQRi66m2ogoAYVwIQEkQb8DrJza1azRWq9NpjUjXtg+aNXHU9EEQHW/YsGFD3toHMFZbgzUsDNPkPgAgpScG1vA4TgB8PZATAAoc6IasWPHhhwCQkyNCdwMIJCVqDabA8+cAAJFLYVD92dvpjvQe7ZcA7p0/350dEzNmy+iRAHBPrO9+AwB41Of4h2HoFdZYhsfL7ej7QmbSBdED/GkDXv+ju9Pv4i9mM+g09Rs1duKoQSQR/4whb7msbFhufHy8M2xup6AZ3sHzWOChaveIWQCtn00A7s/84MDuD4bd+fBDcYEukrVna5fwMQPAsqnQZOqqLtBzezysvHd6z/YLANndUELMGAmgXqzPfeON3+IE8PHbuL2YegYCAO+/fz/io2VMM+5HpR/BGXIPGCzix3oAaBo13aApK9Mahg8fNAo9ANsPGi7iB4BLZRUPH9advJGb6zx+3Jk7FwFtCNekNzQUabW3cAv0Ek9uUA0U+PGsY4NmzrxQVBS3e82wGQDA7bvI8SsAsgNP7y26HV4GALyeJzGaY5J18fZ4GT+3DwBK8/K2ZF/s7v46ZYwEsMJHrJ/gApBJ8QPAs9gh2BYBnT077OwUnvcBwB0/nCEAQPFBdADefv5dPEu3p2u18e39Bg2aPou2h9wNmP3wi7bGL9qsuVOcizoBgM/X0BBtamggK2wGABn+WSLw8awm9P4Du3ecys+aMWPGt6J9medF/EsBIBbxJxSFm4vM5moJAOGL+AHAO90jfglgy5bshO7uFAIQM2fkyhUr6sX6fW+MJQDYX1wvWI/+uOIc79mziJec4ESxDPGy6AF9RfzYHgBw02s7yswNhf1GDJ8+lvcfPgKrxfoAa0S9uP9HTV95LHdur8TzuF7W5OSqDdEGAFiaiIjk9U8hAMdw+1Ts3r37VPOMGR/K9l3k+CUA9P9b4c6y8LKC6upqAiDj3wpxD1Dix/m9Uku3KAD6xMx5DgC6xfrLYwnAEuw/jOJnAMHjpnvECwA8aK5YseK3EA2aogf0pQNIAIOaXI8S0/sBAPaHaLUEIOJHPmjUsWACACN7/qLVmoz2Zjabv3x8X+oBdP/DWeih94d9sHv3BzO+fOOND6l9C93xL00BgOy97dHo/ZHm6EcAwM8OHlZ+YLpFtF9eQAGA9+81pg8DQCzdU3D9Ef/YN3AC8OP4Z5D1DBg7XYmfAKitqYl7AA8AvDxxVLtGW1VVVhYRZjC0jhg/Tuzv3j6gCuEjfghGYd/cXrFk5BNqai4K633k938h/Zp15C8Tx68E7X7Dtm2b8QZEAH743j8gYQQwC8TGlp08Z7ZWC+k/4eFf6pc//Sje3+TZ/pFeqXkQ7hoIhhoAnve8ogRgCQZBMQsgTgBgXykpAoDKmpoIuJP/wMvzwaOKHkisVfUnDYZZ2J/k3n4ST/94UiHt2/d+Lx7yttFAXnP+60W6+X9ggQFzGDdeOJT791fQNAgAv/qHFFMAAJou7AWQBCAkKXzknW71bD96APnWQ4c+hthRsv1Ty2WNA4InwYYpzhJSW1MT+lmkxx9awyfNhQVmvf9+c9M4kVt1by8tsmuLub3I/in6er7URGkh1SZ1znfk/xR9o2oP7F8Pax1vbO8RgJcwhYp8BvpMcD1t+0GffPJ7xUo+CA54Yc+DPXv2vGA0vkBavfqIW+xeH3kr8iJ9QxJegQNpu/TMzZupnzXOkQ7+OkumeCCOU+Si2Sr7kR6RkQZ/iA0y62PWVKlUiLy8fsz1MSd6s+YhLz1vu0t7ILS4T1Rqn2cU9fF6YQdpMZIAG6dNmzZ5bX+7PZKGsXi0CM9xwZ+0DmuVnejxsHMDJu3Zu24vkrT+QTtYq4/8nvWHPzyeCa2HUySRbzMKAO9CGhZ15Pku67uGlaS7frzoeFat26uY2CpzijiIrbKfLdH2buy7eKLkR8oAaXWhQNLH8+qEKirKy0tLS6O8bXVZQpvg8dPmbV/O+jH0IvRClLY06hkPAcBGqLa19ckBzC0HVg+0R9rQFpqFtWER1oBPhr3+eutPocevPzIaBwTseTORAu/rQ7sd2AgA4g69T1PlfmGVsX9fn8ESALk4ER5Gsb/Mny2tbzGkPQwASH1s2iTDBwC2yhYeVdgq+yXODAwpCCzAozT7Dml12fqR8VGcOMtk9A0pkUvsI7YvR+DQrl2vQLtWpdbFPAVAq8lgMrcygKEEoKQsJKTMYQgLDQn4ZN3r60T43ngSrH5g1rBcWaINAoCMX1plXq8GoBUAXNYX4RcfPqzVXa8tqk3bpATAVtnCVpytsp8tsCBifcJVil8BoFhfu7OE5RCyGn0HWxweQLYvf/HF2tp1T568IgD0Gf2MJilKBSCrPf5Cc3h76e4zuwmAv8ZqQ5cLMwwNA4DWn+IfwoeqX3/8kQvAQC2rGQCU+NkqywuiAqAVACa6rO/hYsR/uBi3wKZd7wGA1gPAcEvfhAQAmEEA4DwLEgo4/tmzwyYdYqurWF+9zWKxhCKlTjnV2WEBxkhHX5/G8jSZEZoKALWJWbuyYgWBVRgA6vqk9hgDNh54YtI2t2jbn5wBgAl2m1XTYAmxhFoNU5DG/uRnHuG/d/yjEa0X7kID+99tgu6OxTytxK8A0KoAaCGexz+rWHPpUtKaG4e1hwnAhhNZlLtMhwyG+HhDGVvl0PXZ2fv7w3oMe8vPijuf4of2AQCyutDmzWdI1zcv0Psr8SOFF2As0Th8Qr84CiEzcjSKni09b4l5C+al4r9uAcCBA1nthuYKc3spA4i0hWgNdFazgbK8n3iEjzct380S1rd/f+mkAECJH87O21/2v76eALQM4MiRX0+MKqXsFXSYAei8/d3WXLHaoQNTUga4AYSGiesPTSEASvwEwCrin4D4GYAv4m9MS5M5yalGX1uixccntCDwKqf5n5FSboGNBw4caG03m1tbz5zZs3v1bAAAKvtJDAuzAeD1c0r4DEBY4f4DKH4C8AclfgYQxFl0etRWAAj+RwjA6DUyfuoC3xt02F6JnwDQ8UNpeQAB+DTY6op/HxJLU+au3jj5JYRPwvR5ZoFN3v12oVxjkE+oXbG+4o71WH5dJa9VALD7wBPMArvP7AEAfaTVgm3NZkzcszHoBCvhM4BvhTcfMOCB8OZH/sDxp0hrCwA8PvKjNqkaAPaL80sAyvU3fF+sU1tptspDaRkA3gKAEIoforwaAPhZ3f2de4RWeUvAARqDKH65ZDKE7/nxriexm17ZtO0JxvhXX1n1Q5UAYCMQTCsvn7ybEuYL9JE2q9jfZJoSBgADEP5xt757MJM0xMcHUUOfzr9Pywlua+vtThhJAOvdPYDc/LjRayC+CxiDTm2l2SpbeJmPHywzyhLDXH1ICI96wEAcAlIr4ABKSThuXt4c75ByyJ2Zj9qDWbD2SSJmAdaqBSp5CdPoB5frx9LDdEVDG6C5cKnB/xz1kdB3rAcP2Bb7+X0q9GtOXirWU7HGEgBSwI/CoehosrIT2f7pFKmtNFvlYF4W/jvAI6kMoX2y1kBIZKBHu1PDwfNI7A1ZbP+UIgPMAn08hFnAIOROal3P6pnlzSQlK8pHf4F2s+AwjSRNvDsCadl76bQif9tbqDBdNvzPfxcy8+nCw1OULDDrOukEi7PXnngo+IDLY8UZZMmGOmsMn09yPTI8VwjhWEUkXIY4mYVu2/7qq9tJXuqsLoxJj+XMZqEWUmdnskabf8olWOI9Rl9Ik07vqeh1id/EpqZRUGKOhksqxveuZGm0Idx3g//+BPrd734n793wXnuFEoUOXc+ClJcrC4wiI8rv0On4GNUbbh8TBRtwDOPVWerxv2P9SuiPukKcBwd0xRPusuLSH+/xUmd1r9dm5XsuZzZ35kBLxCt+ANBoihA5CY6YAODEmnS8KRpIr7cBgJp2uyDkahcmi+EAUE7SpvPQFRrw9yfcvk5nPHUyApDokQWPBQCOXN7DafPo+ABH1RN8fL0t6OrVq1X3eC7C8dVZ6vHu2P/4xz//WQDAQ44rnmhXFlrYYxeAW+mJ6bcSEyUAEFCyqJdPfkX6HLp8+fJXBEBTyAR2uAD0tWjSfbh9BGAUxX/1zi8HVXcpAHZq03m9BNBptXY4ET8DUOKXANJk/AxAFETYbO/ayJ3aACAwcH3gep/Qru4PUZ8w/nW8X9gWOMSdZR7bRG81jkOU1XjeDUArFOey4i++WFW1vr4NAMTLaFjLvekuAJvylYKIXIcvFcQItzLB9o5G44CzylcA+Pe1+GjS+fojwGDO4hbcOfuXX35bnZ0deIgB7Nyp1QqrygB+1Wb9lbOBAUQTAOV1XuwhdRZXI7Q3UVplfSKS45aEc0MH9p/yTveKkQCw7WrIXneWmYDMrD3++Mnx47x8Iqt8GiTs4+bJ8y6V3Xj4sOLkjV27qjA9AYCBvGJsQkLgXraKBAAEOsCdZPfLdbjjRwQAUOJvxy7t/BK+NKuPhqVYTX6PEHJ101+qq8MWLcrUqdf/ne5Pa+OvMLPRPB3dBw+ychaDSkers7gaFiAliv31sSHr14euv0o8n322XoeAHXhwOyuydsMYwJDax0+ePD5OywCA8NM4fAIwdWfdtIqKvKyMXbuKDPWFRS8wAG3r3lvtF0RBAveANuqv7K2Dc+3K9Z/g7gGtlKRja9sjPjSQF6/eqc7+9ttztKz3Z6uarl22BcqL+jvdo1URvyqzGbSUpOTX6XlkW0mvpaqzuBLA6dOxOD4DKMA7koRzaMyUf3+xczUCvlVgic+m+CWAIUNqjz95vEkBwJdfAniVhj6+/xuRjGyTAO42XRjVxJMfACjxE4CuveRlC2SO7d13NJD59yJFSQD0QRj+tPHu7flhpqv6y+pv/9lF7wn0QexZ4g1bBIBZBCAnIsJaEm+QAJT4f/Naqrmndd2wCFMPhuHTp3OWQDk6vS1hfcL+6v6I/iU8vgPAkAs1+5vPIn62zt6+56AsdNChjx49OqcvwsEQPx2OjwcAIv5d+YW5hfkSgNZ814wNGADHP0HEo58Q8PXe2Fjx/JkCxd7T8uXn+CUA3P4AILcPFu8NuqrDziF+lND4hfCjigAQsywKozQN0Esc8eJ89LTHLk8+7ZmV+LnBnJX2KNAA8KvVQ//9xWTYkDNnJq9VW2m5XF8vl2lSx/X3AMDhU35kee7yXS94mfh8St78RNZDOetAEwBAmaRjoS6t4a7M0TKFcWxNtfE+cvvgsWKCjs3U8jwFAGxd0w150DIAkHO0QSjaSPM3Pa6BI+RnVtojAPAErBRo6AeHtN1YDP8uRra1aiutXgYALTZ1H287pn+SxAAA0pFB0aQT7wuzKbOQwV93kfC/Qt13j/TI0k5kg2Yqox1YY0VBwlKdWXgx6VvLzKlRrPEjRU53Q7QQdpenE/bW7G7JBpZOpUmfLVi9arXQWkhtpdXLZP8WzFsQFx3Hh2vm/CjrBZaX9UbvmzenotZWWmpZ3AOJUgvCtkq/2u2Vy0lmbiOfZhxLqSWuyC/FpS5qbCyiW/6LUm/om2rv6mrvR9VGyCRkNErs6uOprS2bcpaZ91Bbd0CTmsTiPd/i8gtuzxGVPpoIebTY61qJ+aT9pJOytEnQ6NfiSBlxcbWsMTRG7LBtdFvJ8nxI9FAyKEhgkJRa4jqHpigjQxMZqamry/fV1Hk3eWRx198zmjTpmEZovSbe7tRGq4+ntraGnlY9nJfT47Wu5YAGVIKSZIEF7y8KOrg9R5C++r2iI6/W9myvF2p3/YNwyqQYcl/Fc14TkcNAk+r60AkPhBzg0wkA4GNi2fyDCMAg5VURKkfz4uwOzWJN0GBNuR0Qrnk3jTrrqlh68O1wvDlyNCBp6R+k0Tqq7ACgOp7K2koA6b7xSgFGeuTgvkElWBYAEDgidxVY8P5c0DGMrbLTgx908tVTPdo73uumw+4baW94WByTlp+fFuMCkJGhBqD1ACCeFP2pTg/WVzkgTpiXUV6GtCCeD4Li82N29vYGoDs1/Lrvy379ngcADaWtg0JwMAe8ufp46gIM+brdYnEKL4/lSF5fItqjFE6ms6/g/UVBB18Qb1xgeno4x7qqf/XUKdr81i2ZIfJaU1LR0YEsbUxMWmnFUQEgP5/sYFxceXlWn1XIGR6w0JzDWosGZ2SIBgeFwJvDeBBvtxWVz5Ior2Xle486i4KIO1fP3aEXkiv0QQ47pa9CQoTTnP304227d08ejwMsszRaylwAZIGDvwCw/RQ8ObRRaBUXcIiCDpwPAN6NvQoN5vgHngOA5XT7NDVJa+31WUXSjRsxa27EXEuLawGAo3HU/+OysnBjlpdmPeNnExkYV16+HO3NEKMQJjgrGizjl1a0MTLI4xL2vek9KrBg+IiuhBRUFhMAfrojiae74Kcf715m8j0+ngDgj/vBR9QOAyArUmj2njc5cJmkOLCKa5u5PTO4YMM7cR0REPELAMtxxA0bpDX3SsXYFwNdu5bWmZN0bc7RjNraOMSPHpBRCgCrKWcYKq//njNrp4kGmyCQCQlGg5X40WDZA3z6u3vAnUEjRtw5d+5LAJi/Qm9xcOstFht9JxHp9/TjDeteKJyd7AFhuVPKhFX39vcXXd4hssjbuQO4IGxkAD6iPZy1Rg9Yj/g5/IGPAGD58kJ42Q0bwnE8AUDG39mZl5eToyMAiL62Fok2AkD34O7QM26jlIcG14oui6sYEjymrpxeyuUJlaZuqViWnz5Y0x8AQpt7J6V6Hxs+4k4N2chD386f/6EeRseB9lso89oBY6I+3lhVAQYDSHfud5qEkUEWGftj574ii2xWUqJyPTqfKOjg/WlQ5P7v4wJwSguhoJEV7hW1huOHKO1xDQD45aJWWyoAUAPOhBEAgwtAbZ2YhC2haDA/bbkfNvKmxmRobJF5mgEDNL/Q2EPKU72nD7rPPhq5rwf9CIDdageAUK2hod4GAKrj/U8BRiQ/ju8/R/7UJ4Ssbl9HutbpL63uUws2RH/k5bKe1vrKq8td1nsflDsXAES5OXQY9da639SS6uQswAC0ByyTlR6QAQkbEgIBQNbicggY8qCpdRpb3M6dNAguS4rTWC4ZjwVCXIABCitgdZ2RGNBDMAs4bSUAoDre/xRgsCFYvx5hkbkVVjfIv6/L6j61YIMLOs7ysuvttdSRV+vcnqEecycAiFpbFtUbiEpbzpiy6NKsDlhL/pS1ZQuq6TZwkjCYJOtuSVNJpZ8nIQeaf/NmPlKyz9R+b4T++cj46JF+9iM9JK2un5+0uurjkX2T5Qsso5Df/7O6smCj5/a93oI+5eUjKu0JVpLMJK/r18PDZRaWq4i3k0ykcHbLKmcqaoVlCvcQtGjEjyZ6emF1Fre3CpDa6vKZhbHn8wdLueytnqU8n7CTFSllugeMik0WaJd6CrUZDTfmwep/cY3S5M/hmqjP73V9Mj0uKjnA7ZQtFebiRWiVt8x/yrHW6GE1SYf8Hraa2psUa2m0QWRlQ0QWd8FiUrkrL5XK+ytm13iiUog3mzZtQbANsrpL7CfpySCz+G8BXEChYRVAxj1vSsmCDVUBxTfFTq3zpDO+Li5/Q9OFlrg6tdX2MovZCn6MtXM7PS8LAPQ+HQA48IcPeardqFesJtf6HvL2bby97tat9unCCQIAz/ORkWKeBwB3PgafKWxOFVYXCYvjwuqe4NAlnpcIgIhcFkQAAAfOfwwNIwAALR4IkKEpMJp6ZrWj1QUUgx2Yde32G/hIB+VVx6LUVlsCcF2Dyt4MQBzvFQgAKP62pvA2CUBaTZmF/RjLEV+dn7nuVvuo4fQRFQBYoHRH31DKAgdX5EMSb0ZGXIy0uiU+JcLqEoBprvgZgBK/BKDEHxYBAIMEAG16NQDoJYAdO7QCQAKnL043N5+mbpB4qNEZ77CXlFRk5FMJfFOd/OyOxJ/deZ1A99+8Weue5gjALphFLL+yezcB2AhZmy5Y2Wnh9feSCGE1ET8DAM2D3WeHDKFuMGi80R/hl+CjqvgSBsBlc5V0vMpCqigRF4viN7AVXV252B3+S8jaKtdTZoH5q7IIaUUjJnEBhYHWxysA3ty4482Nb2r5+KyMuvw64fQqnBknT2aU7aQe0PX8MqoXaKUsaCvivWvQmiQA7qHQ5t7bkSt5RctWYzcD2MEAwsNDJICvFi7sewf6knRnIltPn8vdxGNYvGkcAPj42OPt9hJfTqpyAws1GRnaImRBXQAQf4mBG7i2snwnaxlp51R1FjnEYRfqgBo69nHO0YD1ngAKNxbiP7S9BFAXV1EhnN7D8KLw5riiirq4lXUHK47VIf6mC63tTU3trU3T78IJilJSpQcAwK5XeLlQAXCg6oMbVYife8DCep8RSqkpACD+e0hL70UPGD5S70/pLXQ6pyhY4BzfYi20uNDgBoD4Bxi4gQyQZnVZPK3OMquXOecIdgQA0vMGuPwbD+yg9RIA4o8T20+tAFvxlV59Te6y0Vh5wWQytLYaTOgBAFCp3KNiEPzxrldUADD8VV06/wUWfw4AZDUVqzoSy2GXHwyZiTGgHwGhLHGoj7Mk0jmUAVS4D54BxcVcr90E5fUfkJTGb36ox4gSDwg9hkthP4RQCDtu3Ic6dYEDF1CYPAHweowBwgqPbVoJyXJXfFCxrCgjDv8Jr4urO51bk1GBLDOUQ+IssxesKKlSqveeH7+iBnAAqo/YTTogsq49rOfB7m23brUOp2UGQNH4DJ1gEVnledP47pKvfLdEqd/9occo8TMAJX4CoFXilwBg+lQA5HoFAIcvviiZWsHXH4q5nVDzk9HqLLNXUaFLJlORqahuz4uQOCDPAkblUYvkx1bTw3oGt3Xi4ivLsoDBnVWeygNc3mYSsoQA4PnyFwDIMCglD8EjXc3/kAQAPbPE4Wx9PW6BF6RDkW1ci2+K+JsngQE9AB2QOwEudGNdRoU6y+zl/ohMmjWyf6uiyfduWEVSnJ0wZLw4UvkMTaebCCuqLOtVFQxKGasQdwSYZdcZPWweSykFFuKwlZxoOBdQXIiGmvUkVxJ5g5TaSivnHs3SqeQ1UZUl7Q1p9Bp3kQWvFicXNvvQfGX7cR8fmqs6oPozOp1KAqgClSyw1AKSnqVA/PbTXj3E7RWnn/81jrcb4loHme7+n/Pz5krWuu3GM5+hVnmOfAICAFVWtzdVE9g05VApHvNTPawnW8fLiYmPeXvofmCNztv2lRxRuG/p1AUXOl6rrDd6WFGyyqsXQ4oXnKe3sRIT2f5YAsY2PV4nNJPUS2nv/a9wQJ3yewPiW2OcP3wDN8LQvIHP3zO+7/kXJ8IvrYGuJBUDgEhqyruaAJSXa0I0eaSjRwGA1otw2DrqOs8HBt6hzb+tSbi4RAdn17jE/UI7UwJw+Po6xLOFjmsroj//fEMmr+eCCovl6lUfeqHu47d2scsG0WA5eSqMj1AovM/QiAB8JXZnnRvBul6u9k4/v9Ccmbzwn8ZIgROwwDPET6sxdeaEa5xOTfiSnHA+//OeWetce0cDVAzl5BwGgNb29lb570L73fZ+AFCqsWg4fgCIYuspLidbVxzwNgggzZOQ0o2AyNpG2JWHKQZgJ6sdycvR3CGdDbYyE6kFABD/+uyEgoFcUBHQEAHVV1XxZyNhcwUAy/r1FP+UiIBZo0zmY+2etcQc//3uzE5T54P1evSokvj4SB/w7I/jAUB4Z3N6ZF8f3/TmJRsYwMILraQLUOvwz8ocHR2ODlSo5V65sg8ANKx0B7IsJGGtLaraXXF+Nir0/r77fPb58wkXM1HAAACUpbZjvQJAfJY00EnLRt8gdPXPIyIuiwoRLqi4mlBQkFI9gQFQUWpDhNNZbwWAXADg+AMD9w8dOmVKaMAsg2FQ+3BYFs/2TL+/EIN4Z8qjgXqjf4kdpoP7kwCgMWkdMGNDI03hOD+11+xhrWWt8uHiwyfbGk+6AdjtjkhhPV3Fx2F0/tnyszixP9cCy8/UshP2y8/Q7Brg9sHeImvLX42JlLADy+E4HrxxZlhY8gSuEGGrjOrnagAg4wMA9RH4lCu+w5lLADpQ+mlxxm8LvFUytKTEcnCWofV5fOVzzAmVlDk7yAneP4/4M79GcSoBcJb4l8SHIH4+Hj8oNoeGLtv8kNojASjWGlnwS5eK16BMM6eidMlhFwBtpK/Bw3qGqqyn2J+SkASAPtM6fz7l62QG4O8RvwQQL95qOGnZDeCyLGaGVeYesL8ayxKANl6Lt125+/DV2CVTZZGzcrHZPDmvbPLm8O/RA4a39+uux+WQF2T6/ZZMxJ/yDbcHPcBGPYDjFwBM2lPL8jafyTCF4/zUXrOHlY7iStXDEDlUAPCNdzgdeHqz8z9Hwzx8SQoAR4/S6/yYo1FsPbUKADipewnZeMvxZcrS7q2LuNY3TMYPAQAUSfHbeDma/1xmtdIYYMYYQE5yYEFKyjdoLwMIC4sHAPzHSQAqKovi8L5w2uT8yrz8uPLiWStN7Su60COnkADg8fkWU2dmZkr/ZwWAoCCMAUEU/7M4np9BE57TrM3avLm8sHnhBkM0ffbX4S4mdoSNXiPiv3b7ypIlt2/rvNjaYnwXFQb99QRAO5QB4Fvio6PZeor4OAury7mYXfMtWeFvD/X6OpNqfbtkXpYLIkTBhX1w30gDA6D9Mfp2d/cTn6kZg7gQoLpaFlQsKH/J9Sj6p1/8Yktq76LFIDAtP39yXn5dXv4zs5DFqFB06Us8jYZn7v/GVRCBW4qrC4aKMQA9wJyzJFqbn2+IXrgkmgHkDqRV8nwE4DDU53DO7dt0C6gLCqZi+tdatHlyGhjN1lPL4vVbAwPvu2aVOyn7dd4h92ReVhREqAsuxk6XqyFplT0LMILXyklQUpiaVJlfWRkXt7g8P6M8I2Na1KyVpTt2vPjiRgjO/MAq3RKopsDd3lNFbuVDWTj/hmYTj3ctzQYCEIFRVzkfirUheRdcAwB1lpXsnyHAFOVyj2w9hdPk9UsPjVM+Oxv/9cdzx49VliF1wcVY1S84eBg9JavMLlyqeOrhw6mpl4qjooqfiSruM+sErLmHYP7++sijvduVYgfa7gX1+XV6Y48TzoF6WOFPDilfxZHUWWB1VlY+Fe12qTe0wCOIQKkE+SaAQcp6E1JvlZRSYaH+AyCPn1sTnxMqmq2SOsurXl5L6vUWnYFb4KXWJ3v39viFBXXWVFpT/EFY0wOiSjg//03Wmd5ZdRcSL9SJdyN4MRK4cuX69bHvtjWyLn4claHNqFCssfN/ACSSlF+MGKC8+fSFjHPbWOJ4Bw/+1VsldXvVy2sXQ+ug2Fgy108DwIHXPr4gfmHhs4fQDegL0g2dPhI20/2ISwA4B52fv5EeQncAwGk0/HReHj/u5qUGrny+oCBWNPhg48GuKK3GcMkKcR2DddI8IfQYIffvA8hfjEDBBklG4A8AHDj0DnTwr656mAApdZZXvcxWe+bM27e3bQujn/J6CoDH/FFkQs1dBnCiklL4izERbebSUmEMTE3HzOIzOQaw42+dnX/bCBGAFjS/heNXADQ27u+6eLHrIABkGOouKVmdsgyhiooMoU/58/ga1vnzNV/j9beUqB94v02JnwDopFxPzOqCCvUyAZi8rQa/d5f9fwAkcg/APXteApgGFWq0hZM9ANx9fkWTJ4CizOQiAWDBYnR8cf1BYHNq4PMAEAgACfsPgkBXVMWlS+gBso6lapJGqKVFI6T+BQpTz6ywuSzeKVVG6tCxtrZsdQPgeLu65C9W8LLyCxEAgFlm2+2IiHsAMOWpAKgHXKAe8AQE3j5BxMrp/NO4tJQBtFOKpp2sJAPYsTwuOTnuRQbwfcWNG5eEMLdc0kkABxMu7t+f0nWzK75nlrdMxpe8SAGgxA8fYVJlhf+nFpkVvUSn6RQAOCtd39WVi3gJQKS4f0R9bxAATAaAewUFADDlqQD+W9y1hkVRRmGyy+6ygrYleMVCM4sQoRvQKiFSBlG56CZiYYigEIgFlcJWhIJ0YUuUCLMbT1mhS4ClaRJPEQRElhbhpRD1qSyhInvq6f6e832zMzta/arebm4zOzvnnW9n3j3fOe9H8f/gev6HH57vpPZyMAbK0pESpAfz/YKA5YuWvb9skdnMBGCq6PO2lpbMz6l19pWhUZdg8h1ljvLHSOCiZUxASxyw/eM9F7Cbn1LHNGWugYHyv3pJgIcDhSRAla5B/zQCZNvdnj2y7U73/lAiYFVJ3/33980jJXkqAsDA84e+aaorq5MEYCaLlBjiVwgw73z//eadZgAEIAV3O6YB9qN4CASQ1t/KMkP82BEE4Mu/5+ieoyDA6pnVzd3G6Ni3r0P8aVqwNA94nJDcetfnWyRuB7Z80rqDvv8MPA+36y1M9W13escIEACVNW9eX9+8vyIghr0Fnq/r/IEdFnq/xP1fwbHjprFqZyYCvHDaYzRXGBkHJAoCArby5qtJa4KAGctAwIzqTR9/vP3j7Xu20whQ69gwAs7UgbPIfGyRRUYxs1LMCzy6tnWTGj8R8CkDnUfyDyc5WOiyxCtmQmTOGxcXd20cm7mdTIALI4DwvHBYGOopjceO9czaggDcA0TBA+4BIGCSsp1mr8YIAgKrqqs/BrbvOWr1lMa5egJ0WWQQAIhqXgAEqE9BQu+3OuilvL7W+FZKOAmHvYuBkwl4rV81WCB4CmNtgncag+XfKyr0bWyiq7kK2MDQdb2dPALUtzPWywznWolWoFcD/fv1Ul6pE1DKjVmkiloGPgMvPTh/qpGOWjsGoPeZUlF9+ypv//pVTspyLe5S3n/paR5YynvfweDt+qzzEAn5CWhkdySGR2NKMD4+1oH/c5WAsv9lO9qSqJZ5k5LbNgukKuerrxUmKrSXzyTQ2moSuJEgiiouIKBfAPBTpWO0IzJS9rAsWNAWPLR0ZQw9VyIisH1UQcnXnJVdSYjg/U/Twcdvl5/fewzejv0ZSlZ2SDmhsLs7t5w+I2yIozwjwwGxjFcZkflh+iz1L7VBtW+jzc3pzM8CwoyGUM7hBcjz5YIKqTSBaWrWWbTxcVZ6IHhgYNMAZ6Vv7ADEk4J9jgUBE1TpiConQzls5WJji2IHStN+8vErCEzzpSqlEVtnVG0dylnZEioQmMf7y7jnzXMTEDjBF/aHAG/n/YHD54us8xDE7WjurLVXuPDDlAjIiUzPyTcY8ImRKSBAZH0PHJAFF4+/jfDwd2wl5c5jw8xB9cSAzVeeL0tleZ8gpYik6yRlQp0KMSkrXb3uq2EXvpv8LmWluWNFEIAqBDcBqnSMTiQCEH7R/D2lu1ItkJZdBWm+aWkj0qq2YjtnZbkKawbvf4TQ39/d3d/Pf/TZFVjg+xID22l/jv6aiyYOP4DECBNQX9HgKMx3VRAB0Q5k9nNiiYCUICaA4p84ejTCp/25zQ21zCCgvHxmJUZAoYEJkOcLLzQMDE5fsRcaLDQ+BA5to8IwImCA4qcn7cePX6cSAG8zI0nj8WJ6fJQqHeMdiZH5dPk3IXyjOf/rkC5fhF9QUFp69jkoNOSsLBdIzOD9ScGcf+gio/GiQ+dfjxcYMV2SAN6O/YGJzcaJQuoSARXfFDkiwztiYjPzw8opNZcSaTBGRpYnwhwT+59/WEijfux/heI4URk+8+aamZWzzTKNPUyebxKZwRURwskLbSqatCj+nTsPCQJ8/Dyn35kAY27nV7VaAiZdDAjT03gUfdLl79rVbcxw5M+mvjykMEePSyutikPpKkvXEtkxzwQA2wzANv6jT0RBYJcggLfT/ofroKK2NSOi4ZOHOEBAaE650VEUkwkC+LGNf5SkJRFwzWiaGm08QbW+xxxZe/dWOvdmhs901EzP1BAgpO9UR74U4sBZbSYm4KNtOz8iIAlLSlGVSgoB/vUDQWb+bSAIGMnnTlL0ivgcXP62Tbu6zZE54bDW+toPI6CrNC6utPQcGgEsXRE/CGDlxe1Tt8Ay8NAtz9KffWBmtpXCv/NO1RFip9G80+hfh+MTAfmFFbGO0AUdMZnhsbPLUzLSMQjQ05kY5J8YGUv7L2scfaB/XOMLtH+8MysWU9tAT0tfX7gkwGgdIaWvvlZZEPAhj4DPQIDOoYIJ2GdsQFkiDDLcBJyvFjzE5+Dmtys7qDwW1ZIgAFJza0HaCIRf+v3XisMD1+IKAoRIsaRmp2/nP/pEzPAkgM3TcAecOFwc35Gf73C5CuubY9rDQQCMkVPgCms04kVkfvhs3v/9/nHj+hE/E1CE+LmYt69vtyQAOWSY1UkCZPyybQ7KkupCP9yG+ImAG2vUyXYyiLyCCfBvaPDXEGA8Xy14iM9v67Tj4u++dPduJiCgYF7p2WdXVZ177tenfT9CODzw58Wx9OQMlq/9ppvsvufSn/EVmAECKEGnOkIMP7TN/9A1fHwiIL+jor4+ph7FuUxAeUo+EwBvcBDA+7//Pp8PEyDiZ4AAPl8iQErfE4cPc8GSBNr4hDK/Wrb9ieOp8YGAffvEF078NmDpeI1a4DC1vjYxJ5YQDuArMCuwC4MItjaY7Kq6lmtz5VOApScr2DE3QcvjP4APPZ9fYpyyljdetMkWFnJ2lghIsVgc+UYjnoL+QeGz9ftP5cd/bCxYIJhk1tn6F7XC+qzzeP32K94ABAEXAyCApOONkwGRtT1rSLxaPQzAP4qwdKk34wvOEn/xKnDUmzBGB9477w4gj7frfX01hg8MvMbfYRZLmHAX4/35DfyOydjbo5pZJn1zvSXUUmEBVb4L6D+f/yMKQKYRvPKSBgeTUKp7gdT0c3XSNSlaZqzjo4upse0DAVFcDHytgmt3rwDqLNQXbekwAaLAwky1x3w8ofRVua/P4iImwwcGNQ198OBBLy2mMlQSnQGLF/vOnD5scyCjTPEpVnZhFjRtdkrbHX8U4JVUUVFfUeF4z2wjWHN9NtZ5SNFop8PBZXzF6dmjID0/ePjh4vLyYsXn4davd0mI/uKh8CWm2Wwz5uN2ki8xS1tRsMDHQy2ytnfzTn3tMLLQhocNAcETpOPEwaHeBz0IQLM5Q5ixzX4iIzVjZUZ2yr0ls8gQvEw6RNCdZm8+vmLjbXZjsGfbnTGdunBEgYa31/6KehdKS9dMkVlfH79JfdousCSnK7ANPviRlgBIz4TmDx7+xlUyq6T+vpkzUeM0EwSkKSil2l2y2AQBNTWoxiSLTZa2ggA+HipRAf65DxABOBN3HpMImGS42cClc+w4sXmoNfVlDwI4cDm7Ezt7UmpMQkRIRMLqEkYZHCJYOmeGH99xfDcISDWkTvHwPU7npplhskADBDhcaE5fY7EycimrmqvxCU5yBoIAZ0YqbEKH5W678VgFcsz7R4/u3MsIy7ZZFaQCtZMFAYsWGY3bXmACRgoCjGaWtg8h06Ma3N3+4Dlau/xRAd6CAJmCIQJsqanW0zUE5GjihxvdsOyYkEC/iLensB98SZl0iNiLG+bx3cczZ4832g1TZPxyBKRsYTM04XiBr0CM0+VyrrmYSwKmjB+6o2CS77qFC5WSl2hnW1tloiUE99yQoIuoDW3WrP19eAYMGwY16uuN2IDsXbtkSQwREGrYtuydDiLgHZNa22tmKawYQsRUiIIFs2cWOMgA3Ky+tuy2W63eY4d4jgCKX5qxPZFhD5oVaX9xeiPiBwGKQ0T4pszdxzcdnz0+WG2rpPoD5fMofiYgz4HLDygjYKhrfqDvsGTFwQEEVGbh8o84e5h950RuQ5vVtx8MjEP8RIA4YEJX6S7hQEG+xKGGmnfeWW5sJgLU2l4LZX0VApo3SkcIszZ+aeCw+D5gJq8Qcesv3t6bdyN9oBCwocKloKmpyTW4KmHx4mGLnVOyED9QdmxvZlvbk20gYNPu3cfDmQAZPxOwfosYfTTbRZ4kXhdQ/z6AEUfCYLz3QGDwsGS+/A8IAootCfh2+gUdIqlMI2B0H+KfQfFTZ6c6AjgLS77Eoc3L33lnUUcz+RKrtb0Wer86AmKE9jfrsrj06j5NQcMvYzdu5OsvQStKuGd3z8g0Bc7CzY/RyASobYAQckPCTdK3mJukqP6A70G4Aymf52W1EZRvsTWXtHM20hUSndEZVrQt4vKPFFJ58jdNfXPm9I07wZnJfaZt8maxU6D5PCKgbhkufkcz+RKTtJUE8PvlPeD55/kxcPfa0++RM/EA2d9ByRnuY8cV4RU2NSo1dcpULQHlhoxYEf4ZggAZ/jyE31g1NV+N/9iQ3aZp5Fs8nCDOn9sBRDl0SBSyxl5jgy/RZnWnQfunwdWcgPRG3NEgKviZkNs8XErJyW8coJo4jh+pWZNH29pVw88jX2I00eBGENRMvsQsRQUB/H4qxmasB2BuFp0jg+dmrefCxk4iAjhLTO5x08JgTD9pWpibAHiRWSIRvyDgSRDA8SN8ip8IcMdfXX0MBJBvscZHGN5iiJ8IyL5wTDYISLUB6n28FtpftrkxC0d98JCy+9e5peR57FEk8SkI0ElN8iVGaVxNjdFcCF9isV0QwNvXqklvgAjIkUOAAQImGW82KlVaIOACOKmOBwMqATnKUwA8yBEgKWACshQdn3kcbYDsW6w5v7UYeQSaqU6lEUBunLUCbxOGfr90A5qtjiqAYuqsu0yVkqjj9YBeatLmGmRlC4NCF7m3hwbR/zmPtq8FtPZm0bpaXsg/88sWNcuJ/81QGFCW01DA8k+iCsD+HrtwOhonqIh9pZgCYpghfIXF1RcNegLu1rVeb0+p2pDkmTcmWenO4QI2BXJIXRYVdUWS5h1508aqWXZAX2sszNDUz1uvgvXzKZf40MwX6R0puCXvVeC009T0uSZGL5aimlrgsbq2NdPARqFSAgp4++juYqdmsawwesRrpbPNs1Y4NcpiycbuLqcLv7OzKqfe8d6XG0UWF4Djg77WGFIaULPU6kQJpm0efXTtqZf4GFD8vkx6RwquRdYsEeI9aRSyppw2JYwHATiQphZ4rK5tDVnV6kt8gbQZcVuxHQEmInBgMyAIuIZqd6Ujg00bPhPgb8/KaiqrbGrLbNkNApAvp/dI5OprjSGllx9oKiiQWV8QgMB/+OabH14ngIBTLfGB0IXXGQjQOVLk0WSvcJTg/b1HjRmT3NWVfDWDCcDxNLXAcqkrV0y3UGKUVv4KS06k4a5IvsFGg82W4pTxny4IQPzI+E1sngil5yZABvhCtr2msrKsrL2sJbNpSWwYCHjpvQx1u77WGAQ0lXVtLaiSWV8i4BCmYcYJBtby8ckugn1ozf5iBHD8TIDekSKPJns1S4SMRU3pxStXagkAnZpaYNGuHjElLcIqCVhY2DCnetjWrajuRUbI2L1ypc3s3Mzxn75ZElDnP3L4yJ3NUHoKAcoVDsKZVFa2tcMvP65lScvUOx5JwdpRe1ezozwmS30CRslaY5WArtTcLrmEBxMw7hmgkVYgen2tCDg1JCRVU5w9wPEzAXpHCnah1SwRMgQP3ITkZDseusBz8V6cNVVrgQUBFYGrdwRWSHO0woVz6ue8m3z2OaVLUZxs6541q9uwsuH4McJxk5l+506sI9P+kcNJKofILyjPWI7CXB0IaI/tmUEE7G8JuyPSkIFs0XEpTVuJAG2tsSAgI7iKs54gAN/9ZwjjBAHpQnnWObOF9BZKEvFLAvSOFAoBSOLheIIAFDFnX6olQK4mp86vm8v37i2HYwET0DBnznx8P7efc24ptmMEVNhsIe4sKxFw/sSLzIdkgYM+CxtKBLS0NM3vw11uMBNfgUhaNkuugLYaI0CNX0rpAy1dUWVx4v0g4NFHrxUj4DUQcKcgIDUqCgSYFQIGZPyt75r0jhRUIHF/ibpECBEA45mNl3KPPAgQq8npCDBmwARItKlRre2cBvpl0Ps4B2zrtmVPkPFJApBTbTbX1TWPBAH6goWhWI+wMhMFUC0tRwaXbAYBuP4Z6nS5rtaYf0scaKqqKsX7FQLoHnBtx2uCAGVPbvNKZwKMRhl+77smvSPFipmo9OD4BQFGIDk7N5mPgQssaoU1tcB6H18QUN9O8QNzh3LACcPUggQmgB4AdTv9rxl+1clLbnh3pq3bvHl+S8sgsGTzbBCwyuJu6zHX6muNJ9MSH+/jAPx+IgC3vh8OH0b8TADf1QFaLg1marcyAQNMQG8rCNA7UqygUieO/1U+Ht+YduzINQv4i1phtRYYBEzx8PFFbW77EqXN7N2rva/tDtEvqWH+uyU3QMDqrErG5vDNRMBe7ZoarfpaY7HEh/r+9fT4B15nEAGA6LYGmACcungMAia9IwXXInMWex4fz6wWTwgChhJyGd6EC7QqDTB5ojVNV5BAVN+od3AANJP0c8NUeTo7r3U8jqsuqaGrNZZaW33/ep37WR5B02amb03TO1LQXis2cIGEPF8mxw0vo4TSO6lRngycm8f6c3mL895Tz2D7IGRuUvQR8i6Tvr46qXoGgAINLomYCgz19qw/GeMMv2l8uPNxxQhZ3/ZmtCkwQ1pbLM+6cQvDKODuHLuccBrjlFL6KkDbR6f3Fc5YzwVaAi7X3WshTRmyE9NUbFxsSHwPwJewweXaHw2dW78SSBPS9Ko6T6l6BrLHqATOEXg6zDvbZseyvAEy6zu2MiElISTFnuh0kt1g1lSeKFXPx6Jvw4MpitYW5Rb9+bO5GytfIX3VeISPsFqwIXyJ9b7C/kgZKVnrzrIyFwhwNyPj7rTMlFecQrGvATrLmpYhY5SV5YLUTGNpSgURNVqpCgJycvCDTVr0gQCbPcAOF6ULpZMUChsnTAAdYoa/CATgt4Z6PhabgWtm+bUgQLPuDlas0J0/CEBgmtXx1HiEj7BnBsq80+slt0cwrW35yB14g7L/fU1N5SBgUd225prmZvzT8QIIWJyBq4/w9zaVHXiBCWgX8Z+tFEQs12QYckHADcgv5CN+SUDqJVi2WcQPAi5IwHjxi9pRVNQCFE2FoUIGtxKuIkxPeiUxalSq36jixYziFZ9tOwQoo+DDZyUBLpdRIQAXViN9RTx3bdnyKKUh7lrrE8J1pAUFUqh54bHEEBO6L92xXsaP3ekNdxIBzc11zXUdy5mANcZVxmJx+V9A3osIcLnjv8SeS1ng5WrbSOhS/ZIYdlsCHtDSIv/C8UUJiVEbEzc6isKZgLAVM+1m+xrCQWBNdN4jAci8+zqJEJTu3qp+PTRSuK4C+dHl/BoE0Fp2Bw4I6QsCEM2WlIwMUPDoQyCACyZm4IRYamsJoCzFS3dgvh1QZpxLvkCWt3lnc0dH3aLlNcsQcF7kquJVuPxNB16QBLTL+M+eYIew4CzwIqVSDwREqPETAUNxBTTl9xfMjSzescNZviM8fMCR4ggHAZhtUOJ/GQQsDh6VGuI7cxURsMZNgHL8IL5gD3f+8ENPA7JMd93Jnz8aNSaHxep44oLiB3IK4gcBomAibdy4UsSvJ+AOEKAvOJisLqbGAa/A+HfSt5/iv4wIcHH8IwKy3W12y/3l+TEBFL+6GpzNMwucixHEX38QMLBsERGAG4wHAaHOmc7a6Rw/E6B9vyRgeWddTc+yh4gAWcDR3y+lr/ARvj09/faHeLuQ3jNQyS1Xm5u28WfCbwI/t+oLDkiaNjMKmwUBaxo6cfk5fiKggeIfRj/OcEtpvhxZ4EWaR23hkJynn0b80qP0uTAmQOMHEO1E/JVU4VS0bFlReNjcL38W+Jjwc+/4jW/nTg/FuuF8fuvmHpSOQwC7zrBP8H03d7bcdwNPtbEZm0b6Ch9h3Ai2KFNxbqXGaX0vvXRFAB7L0REBYt21ukV0xfPqcfkXyfiR9Y12pQ3zTbCiBubQRcOx/+XXLJqjdWgAAc/h+iN+JmC2TY2fgBGgVHjtxlK54WGn8AkOsEepr1es4tEB5AEHo0Wef0ts7O0iQM5Sq6vjgQB1KpK2mw3ysy2M0JPa5k7K8roNKd4hmOZ0lnVqV6ML2+Vn99/ZXDdyotj/suWeDg1UEIG7AB4CjNlmXe1wvJPL3ABRkPFPPsG3riIo3xEQIGcZRZhEgPoUoP312y93t/HJ1eZOMifTFRwAJi2ODr7g8frdd9+/6jLs7y5AMHmC5B+yzO4SB5Jz0gwil0ACkHPCEv/kE6zvslOFsgCXVyAHitU5dFJabscO2iy211kmT4zXFUioApyxoiF4UrCKKVfrs7TwRvFwJt7Rdvqxj4cc26Skvrm0gl0hNrAWlu+9SpGm+uONB7T11nkEFvj4B2jV7T958uPT5k4+7zvluumPZxZQzdSefEVncRHlKRXvhLXMI8WPKHeeFfWpU66+2I2bxuuztDeopjkPA2+dIWt9xSIwsWFsniYW1SA5PFYWSLg/T18wofcN5l+D5JPlqidtkGTq3OXx+ZM7MLkB++7QDp7BMZ3sU5zqB6td5TUIeH29RyelT9QkjfEuCPDw+gIBWEYZi2lLPL5dn6X9vkK7uvqun0St78bg2KL89vZYIgB5e9EoCCFABCRkB4waFSgelWVy9ThVCut9gykfkJ7TiQVPmnqK1tyfZJrfE9ilfj4I2LFxdce+jn3+b/ASG3x+2Zj/svtJn+JRtByesj8IwK+kyFSLgoU+fl1pJcDoRrqTNvanpKutuUBxvXVXdwgYUAjQL2xMxcvrqhcutNqruc3tmFzSIraoKbCqpWg2ETBTNEqyEPLB9Ugd5et2f6tkSyMH4AQc0eK5H1NREWHj43OOL316J9DUfpAIWNJXUqDWOk/uwFjZV7gv1PLGp5IAX7vdzzfAHjJB+BRnj4Kxsbrw8hkPbXvo0ewQBe9CKnaljR5dMoj4B68dfcTgqbUt9fVL2g3Z5yhfKzYsMDaT+dghiyQgrQWPgVBrbkvuu9W9+bLWt6ioottNADu9BUIOEwF2q93X94QEapI4feLOOhs5/u6KCmuMQkBDw/T0+9e0d7b3HLw/2tQQtHB/ybw0WTsMAlZvWr3vDf+gjn1MAElfu1+C1c8vdQJtlxdMXXj5jIefKXxw/c8+Er1QSl1bYex73eC4/bcNjpMEpNTUpIiChvr65x21BssxBXRArK6N+M+/iKRv647OzoUNDXMKl7TX7tmDEeBYwKvLhYe3NLWAAG7MdHG36BgmIISywr7utrloJ8evpt0pfuSpkaN2kfSFUnQ1dC5Ys6aop70FvxVMFqyEg4qVNFkLfB4TsG/fGxQ/pu9J+dl9rX7D7NZRtF1XOwwCHq149MEv8UoABPAIaBwcd+2rg9cyAXyNm2XBQkPnlztiUqBZBIbwCGCLjzp/MxPgKK+GCij0r9/elrO9N56qLlnptBw4MBg+m5e8cFH8IECt5j7BGH7iininev1PT9osa4PxiypGSGsQ0NlQ1g4CsEY6pDKPgMZ5aUoW+rw3Vg+sw7y1nL4XBASEWBP8Un1puz5r7XXWaw8+mNJtVbDQZ8LWNEUJv/pqY3+k+v0X94DumApHtLpiob5NjdvcPr7utsJaavOSBIQTAZktLWeFzz6dZmpcFH8ZF0EtjaCeYVmQgIWTk4o1M4+VWVPNuuODgPbOpibcAfct20cEzJ+zv0TMoigEVK/m+CUByDonJEwYAWfJS2i7LmsNAh5c/60GV/gEY4EkjVsc33SgvbDEHdTXqlvxFFgQPUSF3pzse9z+GVWEgp9AgIj/0ieBcNPp90xfsMDF/cJXEgEbIsoA8l0mxA3qzdN4Ieh3VOmNLG9WT1N7T0/PvmUvEwFL+maUqtIZBLy9eqMIXxKAeO2pVmvCKN6ul9pev6z/9lktAd471BwtcF6e6vIEHkBAyu54TfzxenMyOFMzygWGTOXHP0HU+t56j3ITdF0IoJbX8/N88MiWE0sEb/1C0LfiPJwNrsCypvY3yHHC1FMwSiOVQQAeg7J8AzD9g7TGCPiOcYWCabqCB9XxVqAt3mPR1l9MOkD+aZ2Jz9CW+tL205OAQV43mBPQemmql776haClFI6Pjxbo1e1vMs31qDn4J2ntpZeKVgzkB6y+7tetEr2M7b0vM2B6JrerWdbLTxzBB+qzynqCshT4BfAMvX7JjPjElKypUxMdiZI3xV3CIrPEdDlOkyDmXj1yhMsfFOxou/XYx0mQ3sBUQH98fbxeeql4jq1h/vwGm1153bpDwaZO16ae3pdp4QG4aSvb3W1uFzWW9KHAAQUNgFrQYFINHAmmLMMW+sv4ovimN5htFVjj62HCzcDp8UYkiOm2K+6Cs3k1OpRVKlnhvPe43oHTvlSQ8X7UykPyNWFpkpDexe4CjgqrrbvCUIG/u7u7K1z6eEWBREKC6sBgt7UvXDjfliBf66XpyzcXw4UX5dlyu2JudrgR1lq37R+k6WwOXRY0cIpN9SF+NWuLdCDBrDD8xqZYUHpbwfe8dEJkfEa6IyMyIzIofDM1SIAAIRttstY3773pq5TjkTna+4unf6M5/lLZZrfaXcBRERGD6CNKbLaIwLLGTindu7oUKcxS0Wq1qw4MCWBgznxriHgNy1as2vQmgMLNuI4hgoDp0y9Us8Bk7tXYuB/3wMHGfhCgncpae5pYKFlK3XlHs7YYHzM+Zn5sPY3LWeZCEFCyEi1jW7bwyh5vtX6ptAF+DFSblMXYbObuzs5uKwhYtQrF2qNJqpOP8WlEsOpzvEFI7417Kzcvwn0QBEBDlJQsdux9zzXuSFl3EMULFMxQpDCEiJ/Nb1jACOswxYEhwTZ/DjHAr/F+Q4qM/+mON0EA1ieFR+aFQkoyAbj8TXPQlHek8dAHTMBTMn5MZgqhk91gtIv9s7Y8Rlj/li8oP8dvndkaE2M1SpdReIzqsr6FICCCYMzo6Ww6UiEIOHzg8OETh6+l2uM8nqVIxwDiLHJSFknv4tq9mzfvq2letjnMaQx1BZY4sVNZo6sisZDPZ96M0aPj4s5mKQxlZLdhPCOppUhFMICCgCXWEHptaG7GIBDxPx3XEX36zewRugBnL9vi6PL34RnY19j45utrP3n4ecKbEpdCGAHGhiVGaoDfjnsALr/lQf8P+L6UXm+hiSCcvkShrna4cKkwWcFPIXNPj9koCDgwsbFxeP+1JJ3xGvEXrzlYnIEs2ZqkY85KVHdnEQF1ze+AgIxIgyHCFpy7uqy5OAMEsI0vjZcROH8mAPEGQCj5ZZ/rlooh1iW33bbEGoXXMRUx3Rkcf08cLWV98kLJB+jyX4fLX0fT16d5ZpVp/UASxsaL68XqcTwCHnzrg5eZQb/qG1J4+Ct4K10bv4YAY4WrtrY+NHSFGAEnTvQfuZZylnjN8R8EA5QjjHZL6X3LQMDs4sgUw7JAIqAx0uEPAvj8S5EWl1KYpKEd9Xw0Ia9KRTDwwAMLU6PO9jZ0d3P4lOmJewME6KTkVa6SPmigvsbDb74mCFDjJwIGXU3AEQX70Umi+qQGpba/fLNqsksE97KUdsO0IUa47GCuqbbWbAmlgFHwcWI4jk6lt71uvwdRshOfpfyU6Ozra9rMXWaNByqaWppccUGQ0uL8x20dgaSxJIDiDaH4tVIxxLrwgQfmpIZ466WpXkp+4VooLj8qWCQBavyvjtvwjOfrL/yy/ahVW3yDfAKqM/j+z4Crr6VQ5yvMBAQCZloMGgFQVrgEXYX9OBoRoD8fECB/SvUAggBzs6UszlVcaGYCeK0KavbD/kzAqaUixsB1ty1J9e5Vbsp7qvYgw3GStCQp3NdY8vzrDBCgPvUIG3y6BLYKeAepbFrS/f27XlZshm9gRF/h6SsMAuRTgN7DBOArII7feKqCjHihH+QwYAL487qRpmMC9FL4r6Virgmo7WVAYP7Ue0ppif+1/4sTH7izrm5jsA0C+v2nELhEpJrhr1teTilEUCCOcvRortxpxYqkJOXopyrI0LflWdxrTwicJIUf2GCaq5WGSTC4nzZtndvyIgzgo2G7B2SNw1VXjQw9R/N+/epzQZM1OWZgnhszGJfq8MckTbGtbdIfXv82TD0xAzs00jDJiaxncIIsY1s3Nyy/PMgRCTsouR0ODVF+qpPt2P66ukOWBPX9l9cp6CkoaEk7z2io+YaADlfCVaNHqEBKqErGHa4QkD3l92xeZZWqAX+fku31b8M0vy8QpbCKFGYCVq97e906tvYhAiLb2spRmy+2gwBEfoni4njJ2MGYi5ZftDNhgnw/CLhIunuPXJ6WVjMZN9FOrRSeN8LdIgkwAUVFOQtynAvuKSrCC4Ph1z9+tRm6ugw2/MFg8Pq3QVnVsq+q3VlSImAdCEhel2tMTU5uRYNCZnkbehPk9pBsuwLy6LzQ1BlxzfKROy3yfweDAMR/jSwrWT7ZuDLBMCBvgj/9tHU8CKDoq6q8CRczAU6MAAyBBQvwgi/879lRUfRvw39BgCuwqa9MWeh4jkkSkJycm1yLv0BAZmI59WZI6asvUKC8PFWLi6zGyCtAgDR3H3PObQ+keUfFzAqJql5XnZzMbnCt80Yg/LRzq6puSsPEEAgQGOjJFH8wEH4dExx8MS7/f0JA55KyOftlv8WGsj3JYi2L5GRj7eNvm0FAW2Ybxf+LlL46qUq+vX2B15xPFilw9Zl43uV1irm9IMAeMmuW3Sj5hRIUBFS99VZV2lg3AZkopJQMSJ/jm25KMPxHBPS0NO0vk+eHE5wWLK29UpPffhwjQC999W1uuIeU1cD1REwlnT8ZBMjhf+W5D4AAc8isAnM1H5L79ogA79KqHxdV/aQSgPjBQLgkgG8D+Ps/ImAJrv+c990LKU9bLU82udZci2puvfRtL9Sux19/namzERUFO/3FdGBklljiYqRKAHyWv8Is4k8//cQNGCDAG6iqajmGphVJQHgPCBhQRkAqf/v/s3vAEjV+QQDHT0DG7vFWvdTEkFduGDxiBiOoXWLxGqVgQV3i4qZzHzCVggBzzziNFJ43huMvrfqpCk07IICR2TMwHwNAfQoA/9VToM+15HzNQspz8fgHkiUNraeQvu48MGDqp6fgYnfFQrS6xMWFY667rdTbaK45wBBGF5fNGKN1uU0GAYz5bh1wCS484T/TAUdNk7ULKSuFvK0SJ0lfHS677MzyFZrV1NQlLi6Aj9dYb3+T55IXM9CxogAcV/3vSvC/Bj1utPD6n/EnnaQbrf6BCX0AAAAASUVORK5CYII=);height:11px;width:16px}.react-tel-input .ad{background-position:-16px 0}.react-tel-input .ae{background-position:-32px 0}.react-tel-input .af{background-position:-48px 0}.react-tel-input .ag{background-position:-64px 0}.react-tel-input .ai{background-position:-80px 0}.react-tel-input .al{background-position:-96px 0}.react-tel-input .am{background-position:-112px 0}.react-tel-input .ao{background-position:-128px 0}.react-tel-input .ar{background-position:-144px 0}.react-tel-input .as{background-position:-160px 0}.react-tel-input .at{background-position:-176px 0}.react-tel-input .au{background-position:-192px 0}.react-tel-input .aw{background-position:-208px 0}.react-tel-input .az{background-position:-224px 0}.react-tel-input .ba{background-position:-240px 0}.react-tel-input .bb{background-position:0 -11px}.react-tel-input .bd{background-position:-16px -11px}.react-tel-input .be{background-position:-32px -11px}.react-tel-input .bf{background-position:-48px -11px}.react-tel-input .bg{background-position:-64px -11px}.react-tel-input .bh{background-position:-80px -11px}.react-tel-input .bi{background-position:-96px -11px}.react-tel-input .bj{background-position:-112px -11px}.react-tel-input .bm{background-position:-128px -11px}.react-tel-input .bn{background-position:-144px -11px}.react-tel-input .bo{background-position:-160px -11px}.react-tel-input .br{background-position:-176px -11px}.react-tel-input .bs{background-position:-192px -11px}.react-tel-input .bt{background-position:-208px -11px}.react-tel-input .bw{background-position:-224px -11px}.react-tel-input .by{background-position:-240px -11px}.react-tel-input .bz{background-position:0 -22px}.react-tel-input .ca{background-position:-16px -22px}.react-tel-input .cd{background-position:-32px -22px}.react-tel-input .cf{background-position:-48px -22px}.react-tel-input .cg{background-position:-64px -22px}.react-tel-input .ch{background-position:-80px -22px}.react-tel-input .ci{background-position:-96px -22px}.react-tel-input .ck{background-position:-112px -22px}.react-tel-input .cl{background-position:-128px -22px}.react-tel-input .cm{background-position:-144px -22px}.react-tel-input .cn{background-position:-160px -22px}.react-tel-input .co{background-position:-176px -22px}.react-tel-input .cr{background-position:-192px -22px}.react-tel-input .cu{background-position:-208px -22px}.react-tel-input .cv{background-position:-224px -22px}.react-tel-input .cw{background-position:-240px -22px}.react-tel-input .cy{background-position:0 -33px}.react-tel-input .cz{background-position:-16px -33px}.react-tel-input .de{background-position:-32px -33px}.react-tel-input .dj{background-position:-48px -33px}.react-tel-input .dk{background-position:-64px -33px}.react-tel-input .dm{background-position:-80px -33px}.react-tel-input .do{background-position:-96px -33px}.react-tel-input .dz{background-position:-112px -33px}.react-tel-input .ec{background-position:-128px -33px}.react-tel-input .ee{background-position:-144px -33px}.react-tel-input .eg{background-position:-160px -33px}.react-tel-input .er{background-position:-176px -33px}.react-tel-input .es{background-position:-192px -33px}.react-tel-input .et{background-position:-208px -33px}.react-tel-input .fi{background-position:-224px -33px}.react-tel-input .fj{background-position:-240px -33px}.react-tel-input .fk{background-position:0 -44px}.react-tel-input .fm{background-position:-16px -44px}.react-tel-input .fo{background-position:-32px -44px}.react-tel-input .bl,.react-tel-input .fr,.react-tel-input .mf{background-position:-48px -44px}.react-tel-input .ga{background-position:-64px -44px}.react-tel-input .gb{background-position:-80px -44px}.react-tel-input .gd{background-position:-96px -44px}.react-tel-input .ge{background-position:-112px -44px}.react-tel-input .gf{background-position:-128px -44px}.react-tel-input .gh{background-position:-144px -44px}.react-tel-input .gi{background-position:-160px -44px}.react-tel-input .gl{background-position:-176px -44px}.react-tel-input .gm{background-position:-192px -44px}.react-tel-input .gn{background-position:-208px -44px}.react-tel-input .gp{background-position:-224px -44px}.react-tel-input .gq{background-position:-240px -44px}.react-tel-input .gr{background-position:0 -55px}.react-tel-input .gt{background-position:-16px -55px}.react-tel-input .gu{background-position:-32px -55px}.react-tel-input .gw{background-position:-48px -55px}.react-tel-input .gy{background-position:-64px -55px}.react-tel-input .hk{background-position:-80px -55px}.react-tel-input .hn{background-position:-96px -55px}.react-tel-input .hr{background-position:-112px -55px}.react-tel-input .ht{background-position:-128px -55px}.react-tel-input .hu{background-position:-144px -55px}.react-tel-input .id{background-position:-160px -55px}.react-tel-input .ie{background-position:-176px -55px}.react-tel-input .il{background-position:-192px -55px}.react-tel-input .in{background-position:-208px -55px}.react-tel-input .io{background-position:-224px -55px}.react-tel-input .iq{background-position:-240px -55px}.react-tel-input .ir{background-position:0 -66px}.react-tel-input .is{background-position:-16px -66px}.react-tel-input .it{background-position:-32px -66px}.react-tel-input .je{background-position:-144px -154px}.react-tel-input .jm{background-position:-48px -66px}.react-tel-input .jo{background-position:-64px -66px}.react-tel-input .jp{background-position:-80px -66px}.react-tel-input .ke{background-position:-96px -66px}.react-tel-input .kg{background-position:-112px -66px}.react-tel-input .kh{background-position:-128px -66px}.react-tel-input .ki{background-position:-144px -66px}.react-tel-input .xk{background-position:-128px -154px}.react-tel-input .km{background-position:-160px -66px}.react-tel-input .kn{background-position:-176px -66px}.react-tel-input .kp{background-position:-192px -66px}.react-tel-input .kr{background-position:-208px -66px}.react-tel-input .kw{background-position:-224px -66px}.react-tel-input .ky{background-position:-240px -66px}.react-tel-input .kz{background-position:0 -77px}.react-tel-input .la{background-position:-16px -77px}.react-tel-input .lb{background-position:-32px -77px}.react-tel-input .lc{background-position:-48px -77px}.react-tel-input .li{background-position:-64px -77px}.react-tel-input .lk{background-position:-80px -77px}.react-tel-input .lr{background-position:-96px -77px}.react-tel-input .ls{background-position:-112px -77px}.react-tel-input .lt{background-position:-128px -77px}.react-tel-input .lu{background-position:-144px -77px}.react-tel-input .lv{background-position:-160px -77px}.react-tel-input .ly{background-position:-176px -77px}.react-tel-input .ma{background-position:-192px -77px}.react-tel-input .mc{background-position:-208px -77px}.react-tel-input .md{background-position:-224px -77px}.react-tel-input .me{background-position:-112px -154px;height:12px}.react-tel-input .mg{background-position:0 -88px}.react-tel-input .mh{background-position:-16px -88px}.react-tel-input .mk{background-position:-32px -88px}.react-tel-input .ml{background-position:-48px -88px}.react-tel-input .mm{background-position:-64px -88px}.react-tel-input .mn{background-position:-80px -88px}.react-tel-input .mo{background-position:-96px -88px}.react-tel-input .mp{background-position:-112px -88px}.react-tel-input .mq{background-position:-128px -88px}.react-tel-input .mr{background-position:-144px -88px}.react-tel-input .ms{background-position:-160px -88px}.react-tel-input .mt{background-position:-176px -88px}.react-tel-input .mu{background-position:-192px -88px}.react-tel-input .mv{background-position:-208px -88px}.react-tel-input .mw{background-position:-224px -88px}.react-tel-input .mx{background-position:-240px -88px}.react-tel-input .my{background-position:0 -99px}.react-tel-input .mz{background-position:-16px -99px}.react-tel-input .na{background-position:-32px -99px}.react-tel-input .nc{background-position:-48px -99px}.react-tel-input .ne{background-position:-64px -99px}.react-tel-input .nf{background-position:-80px -99px}.react-tel-input .ng{background-position:-96px -99px}.react-tel-input .ni{background-position:-112px -99px}.react-tel-input .bq,.react-tel-input .nl{background-position:-128px -99px}.react-tel-input .no{background-position:-144px -99px}.react-tel-input .np{background-position:-160px -99px}.react-tel-input .nr{background-position:-176px -99px}.react-tel-input .nu{background-position:-192px -99px}.react-tel-input .nz{background-position:-208px -99px}.react-tel-input .om{background-position:-224px -99px}.react-tel-input .pa{background-position:-240px -99px}.react-tel-input .pe{background-position:0 -110px}.react-tel-input .pf{background-position:-16px -110px}.react-tel-input .pg{background-position:-32px -110px}.react-tel-input .ph{background-position:-48px -110px}.react-tel-input .pk{background-position:-64px -110px}.react-tel-input .pl{background-position:-80px -110px}.react-tel-input .pm{background-position:-96px -110px}.react-tel-input .pr{background-position:-112px -110px}.react-tel-input .ps{background-position:-128px -110px}.react-tel-input .pt{background-position:-144px -110px}.react-tel-input .pw{background-position:-160px -110px}.react-tel-input .py{background-position:-176px -110px}.react-tel-input .qa{background-position:-192px -110px}.react-tel-input .re{background-position:-208px -110px}.react-tel-input .ro{background-position:-224px -110px}.react-tel-input .rs{background-position:-240px -110px}.react-tel-input .ru{background-position:0 -121px}.react-tel-input .rw{background-position:-16px -121px}.react-tel-input .sa{background-position:-32px -121px}.react-tel-input .sb{background-position:-48px -121px}.react-tel-input .sc{background-position:-64px -121px}.react-tel-input .sd{background-position:-80px -121px}.react-tel-input .se{background-position:-96px -121px}.react-tel-input .sg{background-position:-112px -121px}.react-tel-input .sh{background-position:-128px -121px}.react-tel-input .si{background-position:-144px -121px}.react-tel-input .sk{background-position:-160px -121px}.react-tel-input .sl{background-position:-176px -121px}.react-tel-input .sm{background-position:-192px -121px}.react-tel-input .sn{background-position:-208px -121px}.react-tel-input .so{background-position:-224px -121px}.react-tel-input .sr{background-position:-240px -121px}.react-tel-input .ss{background-position:0 -132px}.react-tel-input .st{background-position:-16px -132px}.react-tel-input .sv{background-position:-32px -132px}.react-tel-input .sx{background-position:-48px -132px}.react-tel-input .sy{background-position:-64px -132px}.react-tel-input .sz{background-position:-80px -132px}.react-tel-input .tc{background-position:-96px -132px}.react-tel-input .td{background-position:-112px -132px}.react-tel-input .tg{background-position:-128px -132px}.react-tel-input .th{background-position:-144px -132px}.react-tel-input .tj{background-position:-160px -132px}.react-tel-input .tk{background-position:-176px -132px}.react-tel-input .tl{background-position:-192px -132px}.react-tel-input .tm{background-position:-208px -132px}.react-tel-input .tn{background-position:-224px -132px}.react-tel-input .to{background-position:-240px -132px}.react-tel-input .tr{background-position:0 -143px}.react-tel-input .tt{background-position:-16px -143px}.react-tel-input .tv{background-position:-32px -143px}.react-tel-input .tw{background-position:-48px -143px}.react-tel-input .tz{background-position:-64px -143px}.react-tel-input .ua{background-position:-80px -143px}.react-tel-input .ug{background-position:-96px -143px}.react-tel-input .us{background-position:-112px -143px}.react-tel-input .uy{background-position:-128px -143px}.react-tel-input .uz{background-position:-144px -143px}.react-tel-input .va{background-position:-160px -143px}.react-tel-input .vc{background-position:-176px -143px}.react-tel-input .ve{background-position:-192px -143px}.react-tel-input .vg{background-position:-208px -143px}.react-tel-input .vi{background-position:-224px -143px}.react-tel-input .vn{background-position:-240px -143px}.react-tel-input .vu{background-position:0 -154px}.react-tel-input .wf{background-position:-16px -154px}.react-tel-input .ws{background-position:-32px -154px}.react-tel-input .ye{background-position:-48px -154px}.react-tel-input .za{background-position:-64px -154px}.react-tel-input .zm{background-position:-80px -154px}.react-tel-input .zw{background-position:-96px -154px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{background:#fff;border:1px solid #cacaca;border-radius:5px;font-size:14px;height:35px;letter-spacing:.01rem;line-height:25px;margin-bottom:0!important;margin-left:0;margin-top:0!important;outline:none;padding-left:48px;position:relative;width:300px}.react-tel-input .form-control.invalid-number,.react-tel-input .form-control.invalid-number:focus{background-color:#faf0f0;border:1px solid #d79f9f;border-left-color:#cacaca}.react-tel-input .flag-dropdown{background-color:#f5f5f5;border:1px solid #cacaca;border-radius:3px 0 0 3px;bottom:0;padding:0;position:absolute;top:0}.react-tel-input .flag-dropdown:focus,.react-tel-input .flag-dropdown:hover{cursor:pointer}.react-tel-input .flag-dropdown.invalid-number{border-color:#d79f9f}.react-tel-input .flag-dropdown.open{z-index:2}.react-tel-input .flag-dropdown.open,.react-tel-input .flag-dropdown.open .selected-flag{background:#fff;border-radius:3px 0 0 0}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:initial}.react-tel-input .selected-flag{border-radius:3px 0 0 3px;height:100%;outline:none;padding:0 0 0 8px;position:relative;width:38px}.react-tel-input .selected-flag:focus,.react-tel-input .selected-flag:hover{background-color:#fff}.react-tel-input .selected-flag .flag{margin-top:-5px;position:absolute;top:50%}.react-tel-input .selected-flag .arrow{border-left:3px solid #0000;border-right:3px solid #0000;border-top:4px solid #555;height:0;left:20px;margin-top:-2px;position:relative;top:50%;width:0}.react-tel-input .selected-flag .arrow.up{border-bottom:4px solid #555;border-top:none}.react-tel-input .country-list{background-color:#fff;border-radius:0 0 3px 3px;box-shadow:1px 2px 10px #00000059;list-style:none;margin:10px 0 10px -1px;max-height:200px;outline:none;overflow-y:scroll;padding:0;position:absolute;width:300px;z-index:1}.react-tel-input .country-list .flag{display:inline-block}.react-tel-input .country-list .divider{border-bottom:1px solid #ccc;margin-bottom:5px;padding-bottom:5px}.react-tel-input .country-list .country{padding:7px 9px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country.highlight,.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{background-color:#fff;padding:10px 0 6px 10px;position:sticky;top:0}.react-tel-input .country-list .search-emoji{font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;outline:none;padding:3px 8px 5px}.react-tel-input .country-list .no-entries-message{opacity:.7;padding:7px 10px 11px}.react-tel-input .invalid-number-message{color:#de0000}.react-tel-input .invalid-number-message,.react-tel-input .special-label{background:#fff;font-size:13px;left:46px;padding:0 2px;position:absolute;top:-8px;z-index:1}.react-tel-input .special-label{display:none;white-space:nowrap}.simple-phone-input{position:relative;width:100%}.simple-phone-input .react-tel-input{width:100%}.simple-phone-input .react-tel-input .form-control{border:1px solid #e2e8f0!important;border-radius:8px!important;font-size:14px!important;height:45px!important;padding-left:52px!important;width:100%!important}.simple-phone-input .react-tel-input .form-control:focus{border-color:#2e6155!important;box-shadow:0 0 0 3px #2e61551a!important;outline:none!important}.simple-phone-input .react-tel-input .flag-dropdown{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px 0 0 8px!important;border-right:none!important}.simple-phone-input .react-tel-input .flag-dropdown:hover{background:#e2e8f0!important}.simple-phone-input .react-tel-input .flag-dropdown.open{background:#fff!important;border-color:#2e6155!important}.simple-phone-input .react-tel-input .selected-flag{padding:0 0 0 12px!important;width:45px!important}.simple-phone-input .react-tel-input .selected-flag .arrow{display:none!important}.simple-phone-input .react-tel-input .selected-flag .arrow.up{border:4px solid #0000!important;border-bottom:4px solid #64748b!important;border-top:none!important}.simple-phone-input .react-tel-input .country-list{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;bottom:auto!important;box-shadow:0 10px 25px #00000026!important;left:0!important;margin-top:4px!important;max-height:300px!important;min-width:300px!important;overflow-y:auto!important;position:absolute!important;right:auto!important;top:100%!important;transform:none!important;width:100%!important;z-index:10000!important}.simple-phone-input .react-tel-input .country-list .search-box{border:none!important;border-bottom:1px solid #e2e8f0!important;box-sizing:border-box!important;font-size:14px!important;margin:0!important;padding:12px!important;width:100%!important}.simple-phone-input .react-tel-input .country-list .search-box:focus{border-bottom-color:#2e6155!important;outline:none!important}.simple-phone-input .react-tel-input .country-list .country{align-items:center!important;border:none!important;cursor:pointer!important;display:flex!important;margin:0!important;padding:10px 12px!important}.simple-phone-input .react-tel-input .country-list .country:hover{background:#2e61550d!important}.simple-phone-input .react-tel-input .country-list .country.highlight{background:#2e61551a!important}.simple-phone-input .react-tel-input .country-list .country .flag{margin-right:10px!important}.simple-phone-input .react-tel-input .country-list .country .country-name{color:#1f2937!important;flex:1 1!important;font-size:14px!important;margin-right:8px!important}.simple-phone-input .react-tel-input .country-list .country .dial-code{color:#64748b!important;font-size:13px!important;margin-left:auto!important}.simple-phone-input .react-tel-input .country-list::-webkit-scrollbar{width:8px!important}.simple-phone-input .react-tel-input .country-list::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:4px!important}.simple-phone-input .react-tel-input .country-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2e6155,#34d399)!important;border-radius:4px!important}.simple-phone-input .react-tel-input .country-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1e3a32,#2e6155)!important}.chatpage{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Varela Round,sans-serif;height:100vh;overflow:hidden;position:relative;width:100%}.chatpage:before{background:radial-gradient(circle at 20% 20%,#2e61550d 0,#0000 50%),radial-gradient(circle at 80% 80%,#34d39908 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.chatpage-container{grid-gap:0;display:grid;gap:0;grid-template-columns:320px 1fr 350px;height:100vh;overflow:visible;position:relative;width:100%;z-index:1}.modern-chat-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-right:1px solid #e2e8f080;box-shadow:2px 0 20px #0000000d;display:flex;flex-direction:column;overflow:visible;position:relative}.modern-chat-sidebar:before{background:linear-gradient(180deg,#2e6155,#34d399);content:"";height:100%;position:absolute;right:0;top:0;width:3px}.modern-chat-container{background:#fffffffa;overflow:visible}.modern-chat-container,.modern-chat-timeline{display:flex;flex-direction:column;position:relative}.modern-chat-timeline{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-left:1px solid #e2e8f080;box-shadow:-2px 0 20px #0000000d;overflow:hidden}.modern-chat-timeline:before{background:linear-gradient(180deg,#2e6155,#34d399);content:"";height:100%;left:0;position:absolute;top:0;width:3px}.chat-placeholder{align-items:center;background:#fffffffa;color:#64748b;display:flex;flex-direction:column;font-size:18px;gap:20px;height:100%;justify-content:center;padding:40px;text-align:center}.chat-placeholder:before{content:"💬";font-size:80px;margin-bottom:20px;opacity:.3}.chat-placeholder p{font-weight:500;line-height:1.6;margin:0;max-width:400px}@media (max-width:1200px){.chatpage-container{grid-template-columns:280px 1fr 300px}}@media (max-width:968px){.chatpage-container{grid-template-columns:260px 1fr 280px}}@media (max-width:768px){.chatpage-container{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.modern-chat-sidebar,.modern-chat-timeline{display:none}.chatpage-container.show-sidebar .modern-chat-sidebar{display:flex;grid-column:1;grid-row:1/-1;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1000}.chatpage-container.show-timeline .modern-chat-timeline{display:flex;grid-column:1;grid-row:1/-1;height:100vh;position:fixed;right:0;top:0;width:100%;z-index:1000}}@media (max-width:480px){.chat-placeholder{font-size:16px;padding:20px}.chat-placeholder:before{font-size:60px}}.modern-chat-sidebar{animation:slideInFromLeft .3s cubic-bezier(.4,0,.2,1)}.modern-chat-timeline{animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1)}.chat-contacts-timeline,.chat-container{all:unset}.chat-contacts-timeline{background:#fffffffa;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;height:100vh;overflow:hidden;position:relative}.contacts-keys-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f080;flex-shrink:0;max-height:250px;min-height:100px;overflow:hidden;padding:16px 20px;position:relative}.contacts-keys-section:before{background:linear-gradient(135deg,#2e6155,#34d399);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.chat-contacts-timeline-contactskeys-header{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.chat-contacts-timeline-contactskeys-header:before{content:"🔑";font-size:20px}.chat-contacts-timeline-contactskeys{color:#64748b;font-size:13px;line-height:1.6;max-height:200px;overflow-x:hidden;overflow-y:auto}.chat-contacts-timeline-contactskeys::-webkit-scrollbar{width:4px}.chat-contacts-timeline-contactskeys::-webkit-scrollbar-track{background:#f8fafc80}.chat-contacts-timeline-contactskeys::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:2px}.chat-contacts-timeline-contactskeys::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.contact-key-item{align-items:center;background:#fffc;border:1px solid #e2e8f080;border-radius:8px;display:flex;justify-content:space-between;margin:6px 0;padding:8px 12px;transition:all .3s ease}.contact-key-item:hover{background:#2e61550d;border-color:#2e615533;transform:translateX(2px)}.contact-key-label{color:#374151;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.contact-key-value{color:#64748b;font-size:13px;max-width:150px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.update-keys-button{background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:8px;box-shadow:0 4px 16px #2e615533;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;margin-top:16px;padding:10px 16px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.update-keys-button:hover{box-shadow:0 6px 24px #2e61554d;transform:translateY(-1px)}.timeline-section{background:#f8fafc80;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.timeline-header{background:#ffffffe6;border-bottom:1px solid #e2e8f080;padding:20px;position:relative}.timeline-header:before{background:linear-gradient(135deg,#2e6155,#34d399);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.timeline-title{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.timeline-title:before{content:"📋";font-size:20px}.timeline-subtitle{color:#64748b;font-size:12px;font-style:italic;margin:0}.timeline-content{flex:1 1;max-height:calc(100vh - 400px);min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 20px}.timeline-content::-webkit-scrollbar{width:6px}.timeline-content::-webkit-scrollbar-track{background:#f8fafc80}.timeline-content::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:3px}.timeline-content::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.timeline-entry{background:#ffffffe6;border:1px solid #e2e8f080;border-radius:12px;font-size:13px;margin-bottom:12px;overflow:hidden;position:relative;transition:all .3s ease}.timeline-entry:before{background:linear-gradient(135deg,#2e6155,#34d399);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.timeline-entry:hover{border-color:#2e615533;box-shadow:0 4px 16px #0000000d;transform:translateY(-1px)}.timeline-entry-header{background:#f8fafc80;border-bottom:1px solid #e2e8f04d;padding:12px 16px 8px 20px}.timeline-entry-type{color:#2e6155;font-size:11px;font-weight:700;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.timeline-entry-time{color:#9ca3af;font-size:11px;font-weight:500;margin:0}.timeline-entry-content{color:#374151;line-height:1.5;padding:12px 16px 12px 20px}.timeline-entry-user{color:#64748b;font-size:11px;font-weight:600;margin-bottom:4px}.timeline-entry-description{color:#1f2937;font-size:13px;margin:0}.timeline-entry-media{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.timeline-media-item{align-items:center;display:flex;gap:8px}.timeline-img-preview{border:1px solid #e2e8f099;border-radius:8px;cursor:pointer;height:60px;object-fit:cover;transition:all .2s ease;width:60px}.timeline-img-preview:hover{border-color:#2e615566;box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}.timeline-doc-wrapper{align-items:center;background:#f8fafccc;border:1px solid #e2e8f099;border-radius:8px;display:flex;font-size:12px;gap:8px;padding:8px 12px}.timeline-doc-wrapper span{color:#374151;font-weight:500}.timeline-doc-wrapper a{background:#2e61551a;border-radius:4px;color:#2e6155;font-weight:600;padding:4px 8px;text-decoration:none;transition:all .2s ease}.timeline-doc-wrapper a:hover{background:#2e615533;transform:translateY(-1px)}.add-timeline-note{background:#ffffffe6;border-top:1px solid #e2e8f080;flex-shrink:0;margin-top:auto;padding:16px 20px;position:relative}.add-timeline-note:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:2px;left:0;position:absolute;right:0;top:0}.add-timeline-note-title{color:#1e293b;font-size:14px;font-weight:600;letter-spacing:.3px;margin:0 0 12px;text-transform:uppercase}.add-timeline-note textarea{background:#fff;border:2px solid #e2e8f0cc;border-radius:8px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:13px;max-height:120px;min-height:60px;padding:10px;resize:vertical;transition:all .3s ease;width:100%}.add-timeline-note textarea:focus{border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;outline:none}.add-timeline-note textarea::placeholder{color:#9ca3af;font-style:italic}.add-timeline-note-button{background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:8px;box-shadow:0 4px 16px #2e615533;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;margin-top:12px;padding:10px 16px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.add-timeline-note-button:hover{box-shadow:0 6px 24px #2e61554d;transform:translateY(-1px)}.add-timeline-note-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.timeline-note-actions{align-items:center;display:flex;gap:12px;margin-top:12px}.timeline-attach-btn{align-items:center;background:#2e61551a;border:1px solid #2e615533;border-radius:6px;color:#2e6155;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;padding:6px 10px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.timeline-attach-btn:hover{background:#2e615526;border-color:#2e61554d;box-shadow:0 4px 12px #2e615526;transform:translateY(-1px)}.timeline-media-preview{background:#f8fafccc;border:1px solid #e2e8f080;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin:12px 0;padding:12px}.timeline-media-preview-item{align-items:center;background:#fff;border:2px solid #e2e8f099;border-radius:8px;cursor:pointer;display:flex;height:80px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.timeline-media-preview-item:hover{border-color:#2e615566;box-shadow:0 4px 12px #0000001a;transform:scale(1.05)}.timeline-media-preview-img,.timeline-media-preview-video{height:100%;object-fit:cover;width:100%}.timeline-media-preview-document{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:24px;height:100%;justify-content:center;padding:8px;text-align:center;width:100%}.document-name{color:#374151;font-size:9px;font-weight:600;line-height:1.2;margin-top:4px}.document-size{color:#9ca3af;font-size:8px;margin-top:2px}.timeline-media-preview-video-thumb{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.video-play-overlay{background:#0009;color:#ffffffe6;font-size:20px;height:32px;left:50%;pointer-events:none;top:50%;transform:translate(-50%,-50%);width:32px}.large-file-indicator,.video-play-overlay{align-items:center;border-radius:50%;display:flex;justify-content:center;position:absolute}.large-file-indicator{background:#ef4444e6;color:#fff;font-size:12px;height:18px;left:2px;top:2px;width:18px}.timeline-media-more-indicator{align-items:center;background:#2e61551a;border:2px dashed #2e61554d;border-radius:8px;color:#2e6155;cursor:pointer;display:flex;flex-direction:column;height:80px;justify-content:center;transition:all .3s ease;width:80px}.timeline-media-more-indicator:hover{background:#2e615526;border-color:#2e615566;transform:scale(1.05)}.more-count{font-size:18px;font-weight:700;line-height:1}.more-text{font-size:9px;font-weight:500;margin-top:2px;text-align:center}.timeline-media-remove-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;transition:all .3s ease;width:20px}.timeline-media-remove-btn:hover{box-shadow:0 4px 12px #ef444466;transform:scale(1.1)}.timeline-media-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.timeline-media-modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.timeline-media-modal-close{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:32px;z-index:10001}.timeline-media-modal-close:hover{background:#ef4444cc;transform:scale(1.1)}.timeline-media-modal-body{max-height:90vh;overflow-y:auto;padding:24px}.timeline-media-modal-header{border-bottom:1px solid #e2e8f080;margin-bottom:20px;padding-bottom:16px}.timeline-media-modal-header h3{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 8px;word-break:break-word}.timeline-media-modal-header p{color:#64748b;font-size:14px;margin:0}.timeline-media-modal-img{object-fit:contain}.timeline-media-modal-img,.timeline-media-modal-video{border-radius:8px;box-shadow:0 8px 24px #0000001a;max-height:70vh;max-width:100%}.timeline-media-modal-document{align-items:center;background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;gap:20px;padding:32px}.document-icon{color:#64748b;font-size:48px}.document-info h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px;word-break:break-word}.document-info p{color:#64748b;font-size:14px;margin:4px 0}.timeline-empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;padding:40px 20px;text-align:center}.timeline-empty-state:before{content:"📝";font-size:48px;opacity:.5}.timeline-empty-state p{font-size:14px;line-height:1.5;margin:0}.contact-keys-empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:20px;text-align:center}.contact-keys-empty-state:before{content:"🔑";font-size:32px;opacity:.5}.contact-keys-empty-state p{font-size:12px;line-height:1.4;margin:0}.contact-keys-loading,.timeline-loading{align-items:center;color:#64748b;display:flex;justify-content:center;padding:40px 20px}.contact-keys-loading:before,.timeline-loading:before{animation:spin 1s linear infinite;border:2px solid #2e61551a;border-left-color:#2e6155;border-radius:50%;content:"";height:20px;margin-right:12px;width:20px}@media (max-width:768px){.add-timeline-note,.contacts-keys-section,.timeline-header{padding:16px}.timeline-content{padding:12px 16px}.timeline-entry-content,.timeline-entry-header{padding-left:16px;padding-right:12px}.contact-key-item{align-items:flex-start;flex-direction:column;gap:4px}.contact-key-value{max-width:none;text-align:left}}@media (max-width:480px){.add-timeline-note,.contacts-keys-section,.timeline-header{padding:12px}.timeline-content{padding:8px 12px}.chat-contacts-timeline-contactskeys-header,.timeline-title{font-size:14px}.timeline-entry{margin-bottom:8px}.add-timeline-note textarea{min-height:60px}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeline-entry{animation:slideInFromBottom .3s cubic-bezier(.4,0,.2,1)}.timeline-entry.call-entry:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.timeline-entry.message-entry:before{background:linear-gradient(135deg,#10b981,#059669)}.timeline-entry.note-entry:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.timeline-entry.system-entry:before{background:linear-gradient(135deg,#6b7280,#4b5563)}.login-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0 20%,#f1f5f9);display:flex;font-family:Varela Round,sans-serif;justify-content:center;min-height:100vh;padding:20px;position:relative}.login-page:before{background:radial-gradient(circle at 20% 30%,#2e61551a 0,#0000 50%),radial-gradient(circle at 80% 70%,#2e61550d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000014,0 8px 25px #0000000d;max-width:450px;padding:40px;position:relative;width:100%;z-index:1}.login-header{border-bottom:1px solid #2e61551a;margin-bottom:30px;padding-bottom:20px;text-align:center}.login-badge{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:50px;box-shadow:0 4px 15px #2e61554d;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:16px;padding:6px 12px}.sparkle-icon{font-size:14px}.login-title{color:#1e293b;direction:rtl;font-size:28px;font-weight:700;margin:0 0 12px}.security-indicator{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center}.security-icon{color:#10b981;font-size:6px}.form-fields{gap:20px;margin-bottom:24px}.input-group{display:flex;flex-direction:column;gap:6px}.input-icon{color:#64748b;left:16px;position:absolute;transition:all .3s ease;z-index:2}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #2e615533;box-sizing:border-box;color:#2e6155;direction:rtl;padding:16px 20px 16px 50px;text-align:right}.form-input:focus{background:#fff;box-shadow:0 0 0 4px #2e61551a}.form-input:focus+.input-icon,.form-input:not(:placeholder-shown)+.input-icon{color:#2e6155}.form-input:disabled{background:#f1f5f9cc;cursor:not-allowed;opacity:.7}.form-input.error{box-shadow:0 0 0 4px #ef44441a}.form-input::placeholder{color:#94a3b8;font-weight:400}.login-input-icon{color:#64748b;font-size:8px;left:16px;position:absolute;transition:all .3s ease;z-index:2}.form-input:focus+.login-input-icon,.form-input:not(:placeholder-shown)+.login-input-icon{color:#2e6155}.login-password-toggle{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:8px;padding:4px;position:absolute;right:16px;transition:all .2s ease;z-index:3}.login-password-toggle:hover{background:#2e61551a;color:#2e6155}.login-password-toggle:active{transform:scale(.95)}.password-toggle{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:4px;position:absolute;right:16px;transition:all .2s ease;z-index:3}.password-toggle:hover{background:#2e61551a;color:#2e6155}.password-toggle:active{transform:scale(.95)}.form-options{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.checkbox-label{color:#64748b;direction:rtl;flex-direction:row-reverse;gap:10px}.checkbox-label input[type=checkbox]{display:none}.login-checkmark{border:2px solid #2e61554d;border-radius:5px;flex-shrink:0;height:20px;position:relative;transition:all .3s ease;width:20px}.checkbox-label input[type=checkbox]:checked+.login-checkmark{background:linear-gradient(135deg,#2e6155,#3a7966);border-color:#2e6155}.checkbox-label input[type=checkbox]:checked+.login-checkmark:after{color:#fff;content:"✓";font-size:13px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.forgot-link{background:none;border:none;color:#2e6155;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease}.forgot-link:hover{color:#1e4037;text-decoration:underline}.forgot-link:disabled{cursor:not-allowed;opacity:.5}.login-btn,.recovery-btn{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;line-height:1;margin-bottom:16px;max-height:52px;min-height:52px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease;width:100%}.login-btn:hover:not(:disabled),.recovery-btn:hover:not(:disabled){box-shadow:0 8px 25px #2e61554d;transform:translateY(-2px)}.login-btn:disabled,.recovery-btn:disabled{cursor:not-allowed;opacity:.7}.login-btn.loading,.recovery-btn.loading{pointer-events:none}.btn-icon{font-size:10px}.error-message{direction:rtl;font-size:12px;margin:0;text-align:right}.error-banner{align-items:center;background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fca5a5;border-radius:8px;color:#991b1b;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px}.error-banner,.recovery-form{animation:slideIn .3s ease}.recovery-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:12px;margin-bottom:24px;padding:16px;text-align:center}.recovery-info p{color:#1e40af;line-height:1.5;margin:0}.message-banner,.recovery-info p{direction:rtl;font-size:14px;font-weight:500}.message-banner{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;justify-content:center;margin-bottom:16px;padding:12px 16px;text-align:center}.message-banner.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.message-banner.error{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.back-link{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:8px;transition:all .2s ease}.back-link:hover:not(:disabled){background:#2e61551a;color:#2e6155}.back-link:disabled{cursor:not-allowed;opacity:.5}.back-icon{font-size:14px}@media (max-width:768px){.login-page{padding:15px}.login-container{max-width:400px;padding:30px 24px}.login-title{font-size:24px}.form-input{font-size:15px;padding:14px 18px 14px 45px}.input-icon{left:14px}.password-toggle{right:14px}.login-input-icon{left:14px}.login-password-toggle{right:14px}.login-btn,.recovery-btn{font-size:15px;max-height:48px;min-height:48px;padding:14px 20px}.form-options{align-items:stretch;flex-direction:column;gap:12px}.checkbox-label{justify-content:center}}@media (max-width:480px){.login-container{border-radius:20px;padding:24px 20px}.login-title{font-size:22px}.form-input{font-size:14px;padding:12px 16px 12px 40px}.input-icon{left:12px}.password-toggle{right:12px}.login-input-icon{left:12px}.login-password-toggle{right:12px}.login-btn,.recovery-btn{font-size:14px;max-height:44px;min-height:44px;padding:12px 18px}.checkbox-label,.forgot-link{font-size:13px}}@media (prefers-contrast:high){.login-container{border:2px solid #2e6155}.form-input{border-width:3px}.login-btn,.recovery-btn{border:2px solid #1e4037}}.price-list-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0 20%,#f1f5f9);font-family:Varela Round,sans-serif;min-height:100vh;padding:120px 20px 40px;position:relative}.price-list-container:before{background:radial-gradient(circle at 20% 30%,#2e61551a 0,#0000 50%),radial-gradient(circle at 80% 70%,#2e61550d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.pricing-header{margin-bottom:80px;margin-left:auto;margin-right:auto;max-width:800px;position:relative;text-align:center;z-index:1}.pricing-header-badge{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:50px;box-shadow:0 4px 15px #2e61554d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.pricing-title{color:#1e293b;direction:rtl;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.2;margin:0 0 16px}.pricing-subtitle{align-items:center;color:#64748b;direction:rtl;font-size:18px;font-weight:500;gap:8px;margin-bottom:24px}.pricing-stats,.pricing-subtitle{display:flex;justify-content:center}.pricing-stats{flex-wrap:wrap;gap:40px}.stat-item{color:#64748b;font-size:14px;font-weight:500;gap:8px}.billing-toggle-wrapper{margin-bottom:60px}.billing-toggle-header{margin-bottom:24px}.billing-toggle-header h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.billing-toggle-header p{color:#64748b;font-size:16px;margin:0}.billing-toggle button{border-radius:44px;font-size:16px;gap:4px;min-width:140px;padding:12px 24px}.toggle-label{font-size:16px}.toggle-desc{font-size:12px}.plans-container{align-items:stretch;display:flex;flex-wrap:wrap;gap:60px;justify-content:center;margin:0 auto 80px;max-width:1400px;padding:0 20px}.plan-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000014,0 8px 25px #0000000d;flex:1 1;max-width:400px;min-width:350px;padding:40px 32px;position:relative;transition:all .4s ease;width:100%}.plan-card:hover{box-shadow:0 25px 80px #0000001f,0 12px 35px #00000014;transform:translateY(-8px)}.plan-card.recommended{border:2px solid #2e6155;transform:scale(1.05);z-index:10}.plan-card.recommended:hover{transform:scale(1.05) translateY(-8px)}.recommended-badge{box-shadow:0 4px 15px #2e615566;gap:6px;padding:8px 20px;top:-12px}.plan-header{border-bottom:1px solid #2e61551a;margin-bottom:32px;padding-bottom:24px}.plan-icon{background:linear-gradient(135deg,#2e6155,#3a7966)}.plan-name{color:#1e293b;margin:0 0 8px}.plan-description{color:#64748b;font-size:14px;line-height:1.5}.plan-pricing{margin-bottom:32px;padding:20px 0}.plan-yearly{background:#2e61550d;border-radius:8px;color:#64748b;display:flex;flex-direction:column;font-size:13px;gap:6px;margin-top:12px;padding:12px}.plan-button{border-radius:14px;font-size:17px;margin-bottom:32px;padding:18px 24px}.plan-features h4{border-bottom:2px solid #2e61551a;font-size:18px;margin:0 0 20px;padding-bottom:8px}.plan-features li{align-items:flex-start;font-size:15px;font-weight:500;line-height:1.6;padding:12px 0}.feature-check{margin-top:2px}.pricing-features-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000014;margin:80px auto;max-width:1200px;padding:60px 40px}.features-header{margin-bottom:40px;text-align:center}.features-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:16px;padding:6px 12px}.pricing-features-title{color:#1e293b;direction:rtl;font-size:32px;font-weight:700;margin:0 0 12px}.features-subtitle{color:#64748b;font-size:16px;margin:0}.pricing-features-grid{grid-gap:24px;direction:rtl;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pricing-feature-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #2e61551a;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.pricing-feature-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:0 4px 15px #2e61551a;transform:translateY(-2px)}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.feature-icon{color:#fff}.feature-text{color:#1e293b;font-size:16px;font-weight:500}.addon-section{margin:60px auto;max-width:800px}.addon-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000014;overflow:hidden;padding:40px;position:relative;text-align:center}.addon-container:before{background:linear-gradient(90deg,#f59e0b,#d97706);content:"";height:4px;left:0;position:absolute;right:0;top:0}.ai-addon:before{background:linear-gradient(90deg,#2e6155,#3a7966)}.addon-header{margin-bottom:32px}.addon-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 8px 25px #f59e0b4d;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.ai-icon{background:linear-gradient(135deg,#2e6155,#3a7966);box-shadow:0 8px 25px #2e61554d}.addon-title{color:#1e293b;direction:rtl;font-size:28px;font-weight:700;margin:0 0 12px}.addon-subtitle{color:#64748b;direction:rtl;font-size:16px;line-height:1.5;margin:0}.addon-selector{margin-bottom:24px}.addon-selector label{color:#1e293b;direction:rtl;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.select-wrapper{display:inline-block}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:none;border-radius:12px;box-shadow:0 4px 15px #f59e0b4d;color:#fff!important;cursor:pointer;direction:ltr;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;min-width:220px;padding:12px 20px 12px 40px;text-align:center;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.select-wrapper select option{background:#fff!important;border:none;color:#1e293b!important;direction:ltr;font-size:15px;font-weight:600;padding:10px 15px;text-align:center}.select-wrapper select:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.select-wrapper select:focus{box-shadow:0 4px 15px #f59e0b80;outline:none}.ai-addon .select-wrapper select{background:linear-gradient(135deg,#2e6155,#3a7966)!important;box-shadow:0 4px 15px #2e61554d;color:#fff!important;direction:ltr;padding:12px 20px 12px 40px;text-align:center;text-shadow:0 1px 2px #0000004d}.ai-addon .select-wrapper select:hover{box-shadow:0 6px 20px #2e615566;transform:translateY(-2px)}.ai-addon .select-wrapper select:focus{box-shadow:0 4px 15px #2e615580}.select-wrapper:after{color:#fff;font-size:14px;font-weight:700;left:15px;z-index:1}.addon-pricing{align-items:baseline;display:flex;gap:8px;justify-content:center}.addon-price{color:#2e6155;font-size:36px;font-weight:700}.addon-period{color:#64748b;font-size:16px;font-weight:500}.whatsapp-pricing-section{margin:80px auto;max-width:1200px}.whatsapp-pricing-container{grid-gap:40px;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000014;display:grid;gap:40px;grid-template-columns:300px 1fr;padding:40px}.whatsapp-pricing-visual{text-align:center}.pricing-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 12px 30px #f59e0b4d;display:flex;height:120px;justify-content:center;margin:0 auto 24px;width:120px}.highlight-icon{color:#fff;font-size:48px}.pricing-graphic{margin-top:20px}.message-flow{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.message-bubble,.price-bubble{background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.arrow{color:#2e6155;font-size:20px;font-weight:700}.whatsapp-pricing-content{direction:rtl;text-align:right}.pricing-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:16px;padding:6px 12px}.whatsapp-pricing-title{color:#1e293b;font-size:32px;font-weight:700;line-height:1.3;margin:0 0 16px}.whatsapp-pricing-description{color:#64748b;font-size:18px;line-height:1.6;margin:0 0 24px}.whatsapp-pricing-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.whatsapp-pricing-button{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:700;gap:10px;justify-content:center;min-width:200px;overflow:hidden;padding:16px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.whatsapp-pricing-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.whatsapp-pricing-button:hover:before{left:100%}.whatsapp-pricing-button.primary{background:linear-gradient(135deg,#25d366,#1faa53);box-shadow:0 6px 20px #25d36666;color:#fff}.whatsapp-pricing-button.primary:hover{background:linear-gradient(135deg,#1faa53,#25d366);box-shadow:0 10px 30px #25d36680;transform:translateY(-3px) scale(1.02)}.whatsapp-pricing-button.primary:active{transform:translateY(-1px) scale(.98)}.whatsapp-pricing-button.secondary{background:#fff;border:3px solid #25d366;box-shadow:0 4px 15px #25d36633;color:#25d366}.whatsapp-pricing-button.secondary:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#1faa53;box-shadow:0 8px 25px #25d3664d;transform:translateY(-3px) scale(1.02)}.whatsapp-pricing-button.secondary:active{transform:translateY(-1px) scale(.98)}.button-arrow{transition:transform .4s cubic-bezier(.4,0,.2,1)}.whatsapp-pricing-button.primary:hover .button-arrow{animation:arrowBounce .6s ease-in-out;transform:translateX(-5px)}@keyframes arrowBounce{0%,to{transform:translateX(-5px)}50%{transform:translateX(-10px)}}.button-icon{transition:transform .4s cubic-bezier(.4,0,.2,1)}.whatsapp-pricing-button.secondary:hover .button-icon{transform:scale(1.2) rotate(5deg)}.modal-overlay{animation:fadeIn .3s ease;inset:0;z-index:9999}.modal-content{animation:slideUp .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #fffc;border-radius:24px;box-shadow:0 25px 80px #00000026;direction:rtl;max-width:480px;padding:40px 32px;text-align:center}.modal-header{margin-bottom:32px}.success-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 25px #10b9814d;font-size:32px;height:80px;margin:0 auto 20px;width:80px}.modal-title{font-size:28px;margin:0 0 8px}.modal-subtitle{color:#64748b;font-size:16px;margin:0}.modal-body{margin-bottom:32px}.next-steps{flex-direction:column}.next-steps,.step{display:flex;gap:16px}.step{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #2e61551a;border-radius:12px;padding:16px}.step-number{background:linear-gradient(135deg,#2e6155,#3a7966);font-size:14px;height:32px;width:32px}.step span{color:#1e293b;font-size:14px;font-weight:500}.modal-actions{justify-content:center}.primary-action-button{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border:none;border-radius:12px;box-shadow:0 4px 15px #2e61554d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease}.primary-action-button:hover{box-shadow:0 8px 25px #2e615566;transform:translateY(-2px)}.secondary-action-button{background:none;border:2px solid #64748b4d;border-radius:12px;color:#64748b;cursor:pointer;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease}.secondary-action-button:hover{background:#64748b1a;border-color:#64748b66}@media (max-width:1200px){.plans-container{gap:40px}.plan-card{max-width:360px;min-width:320px}.whatsapp-pricing-container{gap:32px;grid-template-columns:1fr;text-align:center}.whatsapp-pricing-content{text-align:center}}@media (max-width:992px){.plans-container{align-items:center;flex-direction:column;gap:30px}.plan-card{max-width:380px;min-width:340px}}@media (max-width:768px){.price-list-container{padding:100px 15px 30px}.pricing-header{margin-bottom:60px}.pricing-title{font-size:28px}.pricing-stats{gap:20px}.billing-toggle{flex-direction:column;padding:4px}.billing-toggle button{min-width:200px}.plans-container{align-items:center;flex-direction:column;gap:40px;padding:0 15px}.plan-card{max-width:400px;min-width:300px;padding:32px 24px;width:100%}.plan-card.recommended{transform:none}.plan-card.recommended:hover{transform:translateY(-8px)}.pricing-features-container{padding:40px 20px}.pricing-features-grid{grid-template-columns:1fr}.addon-container{padding:24px}.addon-icon{font-size:24px;height:60px;width:60px}.modal-content,.whatsapp-pricing-container{padding:24px}.modal-actions{flex-direction:column}}@media (max-width:480px){.features-badge,.pricing-badge,.pricing-header-badge{font-size:12px;padding:6px 12px}.billing-toggle button{font-size:14px;padding:10px 20px}.plan-icon{font-size:20px;height:50px;width:50px}.amount{font-size:36px}.addon-title{font-size:22px}.whatsapp-pricing-title{font-size:24px}.pricing-icon-wrapper{height:80px;width:80px}.highlight-icon{font-size:32px}}@media (prefers-contrast:high){.addon-container,.plan-card,.whatsapp-pricing-container{border:2px solid #2e6155}.plan-button.primary,.whatsapp-pricing-button{border:2px solid #1e4037}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.discount-badge,.sparkle-icon{animation:none}}.meta-pricing-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:40px 20px}.meta-pricing-header{margin-bottom:40px;text-align:center}.header-badge{background:linear-gradient(135deg,#667eea,#764ba2)}.header-badge .badge-icon{font-size:16px}.meta-pricing-title{align-items:center;color:#2d3748;display:flex;font-size:36px;font-weight:700;gap:12px;justify-content:center;margin:16px 0}.title-icon{color:#667eea}.meta-pricing-subtitle{color:#718096;font-size:18px;margin:16px 0}.pricing-notes{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:24px}.note-item{align-items:center;background:#f7fafc;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:8px;padding:12px 20px}.note-icon{color:#667eea;font-size:20px}.search-container{margin:0 auto 32px}.search-icon{color:#a0aec0}.search-input{border:2px solid #e2e8f0;outline:none;padding:14px 16px 14px 48px}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pricing-table-wrapper{border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:32px;overflow-x:auto}.meta-pricing-table{background:#fff;border-collapse:collapse;min-width:900px;width:100%}.meta-pricing-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.meta-pricing-table th{cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.meta-pricing-table th:hover{background-color:#ffffff1a}.sort-indicator{font-size:12px;margin-left:4px}.meta-pricing-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.meta-pricing-table tbody tr:hover{background-color:#f7fafc}.meta-pricing-table tbody tr:last-child{border-bottom:none}.meta-pricing-table td{color:#4a5568;font-size:14px;padding:14px 12px}.country-cell{color:#2d3748;font-weight:600}.iso-cell{color:#667eea;font-weight:500}.code-cell{color:#718096}.code-cell,.price-cell{font-family:Courier New,monospace}.price-cell{color:#48bb78;font-weight:600}.price-column{text-align:center}.pricing-footer{background:#f7fafc;border-left:4px solid #667eea;border-radius:12px;padding:24px}.footer-note{color:#4a5568;font-size:14px;line-height:1.6;margin:8px 0}.footer-note strong{color:#667eea;font-size:16px}@media (max-width:768px){.meta-pricing-title{font-size:28px}.meta-pricing-subtitle{font-size:16px}.pricing-notes{align-items:stretch;flex-direction:column}.note-item{justify-content:center}.meta-pricing-table{font-size:12px}.meta-pricing-table td,.meta-pricing-table th{padding:10px 8px}}[dir=rtl] .search-icon{left:auto;right:16px}[dir=rtl] .search-input{padding:14px 48px 14px 16px}[dir=rtl] .meta-pricing-table td,[dir=rtl] .meta-pricing-table th{text-align:right}[dir=rtl] .price-column{text-align:center}[dir=rtl] .note-item,[dir=rtl] .pricing-footer{border-left:none;border-right:4px solid #667eea}.whatsapp-api-pricing-page{color:#1f2937;direction:rtl;font-family:Varela Round,sans-serif}.pricing-hero{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;overflow:hidden;padding:80px 20px;position:relative;text-align:center}.pricing-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.pricing-hero-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 16px}.badge-icon{color:gold;font-size:16px}.hero-title{font-size:clamp(36px,6vw,56px);margin:0 0 16px}.highlight{color:gold;text-shadow:0 0 20px #ffd70080}.hero-subtitle{font-size:20px;line-height:1.5;margin:0 0 32px;opacity:.9}.hero-features{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.feature-item{font-size:16px;font-weight:600}.feature-icon{color:gold;font-size:20px}.pricing-cards-section{background:#f8fafc;padding:80px 20px}.container{margin:0 auto;max-width:1200px}.section-title{font-size:36px;margin:0 0 48px}.pricing-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1000px}.pricing-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.pricing-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-8px)}.pricing-card.featured{border-color:#25d366;box-shadow:0 20px 60px #25d36633;transform:scale(1.05)}.popular-badge{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:0 0 16px 16px;color:#fff;font-size:14px;font-weight:700;left:50%;padding:8px 24px;position:absolute;text-align:center;top:0;transform:translateX(-50%)}.card-header{padding-top:16px;text-align:center}.plan-name{color:#1f2937;font-size:24px;margin:0 0 16px}.plan-price{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:8px}.currency{color:#25d366}.amount{color:#1f2937;font-size:48px;font-weight:800}.period{color:#6b7280}.plan-description{color:#6b7280;font-size:16px;margin:0}.card-features{margin-bottom:32px}.feature{font-size:16px;gap:12px;margin-bottom:16px}.check-icon{color:#25d366;flex-shrink:0;font-size:18px}.cta-button{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-family:Varela Round,sans-serif;font-size:16px;padding:16px 24px;width:100%}.cta-button:hover{box-shadow:0 8px 25px #25d36666}.why-choose-section{background:#fff;padding:80px 20px}.benefits-grid{grid-gap:32px;gap:32px;margin:0 auto;max-width:800px}.benefit-item{padding:24px;text-align:center}.benefit-icon{color:#25d366;font-size:48px}.benefit-item h3{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 12px}.benefit-item p{color:#6b7280;line-height:1.6;margin:0}.final-cta{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:80px 20px;text-align:center}.cta-content h2{font-size:36px;font-weight:800;margin:0 0 16px}.cta-content p{font-size:18px;margin:0 auto 32px;max-width:600px;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.primary-cta{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px}.primary-cta,.secondary-cta{color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-size:16px;font-weight:700;padding:16px 32px;transition:all .3s ease}.secondary-cta{background:#0000;border:2px solid #fff;border-radius:12px}.primary-cta:hover,.secondary-cta:hover{transform:translateY(-2px)}.secondary-cta:hover{background:#fff;color:#1f2937}@media (max-width:768px){.pricing-hero{padding:60px 20px}.hero-features{align-items:center;flex-direction:column;gap:16px}.pricing-grid{gap:24px;grid-template-columns:1fr}.pricing-card.featured{transform:none}.benefits-grid{gap:24px;grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.primary-cta,.secondary-cta{max-width:300px;width:100%}}@media (max-width:480px){.final-cta,.pricing-cards-section,.why-choose-section{padding:60px 20px}.pricing-card{padding:24px}.section-title{font-size:28px}}.our-features-container{background:linear-gradient(180deg,#fff,#f1f4f2);direction:rtl;font-family:Varela Round,sans-serif;margin-top:6%;padding:4rem 2rem}.our-features-header{color:#1c3d3a;font-size:2.8rem;margin-bottom:3rem;text-align:center}.our-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin:0 auto;max-width:1400px}.feature-box{align-items:center;background:linear-gradient(to bottom right,#fff,#f4fdfc);border-radius:16px;border-right:3px solid #b5a8d5ac;box-shadow:0 6px 16px #0000000d;display:flex;gap:1.5rem;padding:1.8rem 2rem;transition:transform .3s ease,box-shadow .3s ease}.feature-box:hover{box-shadow:0 12px 28px #0000001a;transform:translateY(-5px)}.feature-icon{border-radius:12px;box-shadow:0 2px 6px #2e615533;font-size:30px;padding:.7rem}.feature-box:first-child .feature-icon{background-color:#98d2c0}.feature-box:nth-child(2) .feature-icon{background-color:#a9d6e5}.feature-box:nth-child(3) .feature-icon{background-color:#cabbe9}.feature-box:nth-child(4) .feature-icon{background-color:#ffd6a5}.feature-box:nth-child(5) .feature-icon{background-color:#b5ead7}.feature-box:nth-child(6) .feature-icon{background-color:#ffcbcb}.feature-box:nth-child(7) .feature-icon{background-color:#fff5ba}.feature-box:nth-child(8) .feature-icon{background-color:#bee1e6}.feature-box:nth-child(9) .feature-icon{background-color:#e3c4ff}.feature-content{text-align:right}.feature-title{font-size:1.3rem;font-weight:700;margin-bottom:.4rem}.feature-desc{color:#4f4f4f;font-size:1rem;line-height:1.6}.why-whatsapp{background:linear-gradient(135deg,#f8fffe,#f0f9f7);border-radius:24px;margin:80px 20px;padding:60px 20px}.main-title,.why-whatsapp{font-family:Varela Round,sans-serif;text-align:center}.main-title{color:#2e6155;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 auto 60px;max-width:800px;padding:0 20px;position:relative}.feature-title{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #fff3;border-radius:28px;display:inline-block;font-size:clamp(16px,2vw,20px);line-height:1.4;margin-top:30px}.feature-title,.read-more-btn{background:#fffffff2;box-shadow:0 4px 15px #0000001a;color:#2e6155;font-weight:600;padding:14px 24px}.read-more-btn{border:1px solid #fff3;border-radius:24px;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;margin-top:20px;text-decoration:none;transition:all .3s ease}.read-more-btn:hover{background:#fff;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.features-container{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-left:auto;margin-right:auto;margin-top:40px;max-width:1400px;padding:0 20px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff1a;border-radius:28px;color:#fff;cursor:pointer;direction:rtl;height:450px;overflow:hidden;padding:25px;position:relative;text-align:center;transition:all .4s cubic-bezier(.25,.8,.25,1)}.feature-card *{position:relative;z-index:1}.feature-card:after{background:#0000004d;opacity:1}.feature-card:after,.feature-card:before{content:"";height:100%;left:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:0}.feature-card:before{background:#ffffffeb;border-radius:inherit;opacity:0}.feature-card:hover:before{opacity:1}.feature-card:hover:after{opacity:0}.feature-card:hover{border-color:#ffffff4d;box-shadow:0 20px 40px #0003;transform:translateY(-15px) scale(1.02)}.feature-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 15px #0000001a;color:#2e6155;font-size:clamp(14px,1.5vw,16px);font-weight:500;line-height:1.6;margin-top:20px;padding:20px;text-align:right}.footerText{background:linear-gradient(90deg,#d6f1e9,#fff);border-radius:20px;box-shadow:0 8px 20px #00000014;color:#2e6155;font-size:1.3rem;font-weight:600;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1000px;padding:30px 20px;text-align:center}.feature-card:nth-child(1n){background:url(/static/media/img4.0996060a8a5f1699a832.png);background-repeat:no-repeat;background-size:cover}.feature-card:nth-child(2n){background:url(/static/media/img3.848d49a553750468ceae.png);background-repeat:no-repeat;background-size:cover}.feature-card:nth-child(3n){background:url(/static/media/img5.77cb9f48370578c7f34c.png);background-repeat:no-repeat;background-size:cover}.feature-card:nth-child(4n){background:url(/static/media/img2.92fc9458e1190f2b6cb7.png);background-repeat:no-repeat;background-size:cover}.feature-card:nth-child(5n){background:url(/static/media/img1.59fac8e9926881267937.png);background-repeat:no-repeat;background-size:cover}@media (max-width:1200px){.features-container{gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.why-whatsapp{margin:40px 10px;padding:40px 15px}.features-container{gap:25px;grid-template-columns:1fr;padding:0 10px}.feature-card{border-radius:24px;height:400px;padding:20px}.feature-title{font-size:16px;margin-top:25px;padding:12px 20px}.read-more-btn{font-size:13px;padding:12px 20px}.feature-description{font-size:14px;margin-top:15px;padding:16px}}@media (max-width:480px){.feature-card{height:380px;padding:18px}.feature-title{font-size:15px;padding:10px 18px}.feature-description{font-size:13px;padding:14px}}.how-works{background:linear-gradient(135deg,#f8fffe,#f0f9f7);border-radius:24px;direction:rtl;font-family:Varela Round,sans-serif;margin:80px 20px;overflow:hidden;padding:80px 20px;position:relative;text-align:center}.how-works:before{background:radial-gradient(circle at 20% 20%,#2e615508 0,#0000 50%),radial-gradient(circle at 80% 80%,#2e615508 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.how-works>*{position:relative;z-index:1}.how-works__title{color:#1e1e1e;font-size:clamp(2.2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:60px}.how-works__title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#3a7966);-webkit-background-clip:text;background-clip:text;color:#2e6155}.how-works__steps{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:1500px;padding:0 20px}@media (min-width:1600px){.how-works__steps{gap:30px;max-width:1600px}.how-works__card{min-height:320px;padding:50px 25px 30px}}.how-works__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#fafcfb);border:1px solid #2e61551a;border-radius:18px;box-shadow:0 8px 30px #00000014;min-height:300px;padding:45px 20px 25px;position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1)}.how-works__card:hover{border-color:#2e615533;box-shadow:0 20px 45px #2e615526;transform:translateY(-12px) scale(1.02)}.how-works__number{background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:50%;box-shadow:0 0 0 5px #fff,0 4px 15px #2e61554d;color:#fff;display:grid;font-size:1.2rem;font-weight:700;height:50px;place-content:center;position:absolute;right:50%;top:-25px;transform:translateX(50%);transition:all .4s ease;width:50px}.how-works__card:hover .how-works__number{background:linear-gradient(135deg,#1c4038,#2e6155);box-shadow:0 0 0 5px #fff,0 6px 20px #2e615566;transform:translateX(50%) scale(1.1)}.how-works__card-title{color:#2e6155;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:700;letter-spacing:-.01em;line-height:1.4;margin-bottom:12px}.how-works__description{color:#4a5568;font-size:clamp(.85rem,1.2vw,.95rem);font-weight:400;line-height:1.6;padding:0 5px}.how-works__card:first-child .how-works__number{background:linear-gradient(135deg,#2e6155,#3a7966)}.how-works__card:nth-child(2) .how-works__number{background:linear-gradient(135deg,#328e6e,#3fa077)}.how-works__card:nth-child(3) .how-works__number{background:linear-gradient(135deg,#67ae6e,#7bb87e)}.how-works__card:nth-child(4) .how-works__number{background:linear-gradient(135deg,#90c67c,#9dd088)}.how-works__card:nth-child(5) .how-works__number{background:linear-gradient(135deg,#c8d88c,#d1e098);color:#2e6155}.how-works__card:first-child{border-bottom:3px solid #2e6155}.how-works__card:nth-child(2){border-bottom:3px solid #328e6e}.how-works__card:nth-child(3){border-bottom:3px solid #67ae6e}.how-works__card:nth-child(4){border-bottom:3px solid #90c67c}.how-works__card:nth-child(5){border-bottom:3px solid #c8d88c}@media (max-width:1400px){.how-works__steps{gap:15px}.how-works__card{min-height:280px;padding:40px 15px 20px}}@media (max-width:1200px){.how-works__steps{gap:25px;grid-template-columns:repeat(3,1fr)}.how-works__card{min-height:300px;padding:45px 20px 25px}}@media (max-width:768px){.how-works{margin:40px 10px;padding:60px 15px}.how-works__title{margin-bottom:40px}.how-works__steps{gap:30px;grid-template-columns:1fr;padding:0 10px}.how-works__card{padding:45px 25px 25px}.how-works__number{font-size:1.3rem;height:55px;top:-27px;width:55px}}@media (max-width:480px){.how-works__card{padding:40px 20px 20px}.how-works__number{font-size:1.2rem;height:50px;top:-25px;width:50px}}.user-guide-home{background:linear-gradient(135deg,#f8fafc,#e2e8f0 20%,#f1f5f9);font-family:Varela Round,sans-serif;min-height:100vh;overflow-x:hidden;padding:40px 20px}.guide-header,.user-guide-home{direction:rtl;position:relative;text-align:right}.guide-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc 50%,#e1eebc);border:1px solid #fffc;border-radius:32px;box-shadow:0 20px 60px #00000014,0 8px 25px #0000000d;display:flex;flex-wrap:wrap;justify-content:space-between;margin:2% auto 40px;max-width:1400px;overflow:hidden;padding:60px 40px;width:85%}.guide-header-content{display:flex;flex:1 1;flex-direction:column;gap:16px;max-width:55%;z-index:2}.guide-header-badge{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:50px;box-shadow:0 4px 15px #2e61554d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px;padding:8px 16px;width:fit-content}.guide-title1{color:#64748b;font-size:clamp(18px,3vw,22px);font-weight:500;margin-bottom:8px}.guide-title2{color:#1e293b;font-size:clamp(28px,4vw,42px);letter-spacing:-.02em;line-height:1.2;margin-bottom:16px}.guide-title2,.highlight{font-weight:700}.guide-header-subtitle{align-items:center;color:#64748b;display:flex;font-size:16px;font-weight:500;gap:8px}.subtitle-icon{font-size:18px}.guide-header-image{flex:1 1;position:relative}.guide-header-image,.header-image-placeholder{align-items:center;display:flex;justify-content:center}.header-image-placeholder{background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:50%;box-shadow:0 15px 40px #2e61554d;height:200px;transition:all .4s ease;width:200px}.header-image-placeholder:hover{box-shadow:0 25px 60px #2e615566;transform:translateY(-8px) scale(1.02)}.play-icon{color:#fff;font-size:48px}.guide-controls{font-family:Varela Round,sans-serif;margin:0 auto 40px;max-width:1200px;padding:0 20px}.category-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.category-button{background:#f1f5f9cc;border:2px solid #0000;border-radius:50px;color:#475569;font-size:13px;gap:6px;padding:8px 14px}.category-button:hover{background:#e2e8f0e6;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.category-button.active{background:linear-gradient(135deg,#2e6155,#3a7966)}.category-button.active:hover{box-shadow:0 6px 20px #2e61554d;transform:translateY(-1px) scale(1.02)}.results-summary{justify-content:center}.guide-cards{grid-gap:30px;direction:rtl;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto 40px;max-width:1400px;padding:0 20px}.guide-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#fafcfb);border:1px solid #2e61551a;border-radius:20px;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000001a;color:inherit;display:flex;flex-direction:column;min-height:320px;overflow:hidden;padding:0;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.8,.25,1)}.guide-card:hover{border-color:#2e615533;box-shadow:0 20px 40px #0000001f,0 8px 25px #00000014;transform:translateY(-8px) scale(1.02)}.guide-card:before{background:linear-gradient(90deg,#2e6155,#3a7966);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.guide-card:hover:before{opacity:1}.guide-card-header{align-items:flex-start;display:flex;justify-content:space-between;padding:24px 20px 16px;text-align:center}.guide-card-content{display:flex;flex-direction:column;flex-grow:1;padding:0 20px;text-align:right}.guide-card-footer{align-items:center;background:#f8fafc80;border-top:1px solid #2e61551a;display:flex;justify-content:space-between;margin-top:auto;padding:16px 20px 20px}.guide-card .icon{background:#2e61551a;border-radius:50%;color:#2e6155;font-size:42px;margin-bottom:0;padding:16px;transition:all .3s ease}.guide-card:hover .icon{background:#2e615533;transform:scale(1.1)}.video-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;color:#fff;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.play-icon-small{font-size:10px}.guide-card h3{-webkit-line-clamp:2;color:#1e293b;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 12px}.guide-card h3,.guide-card p{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-align:right}.guide-card p{-webkit-line-clamp:3;color:#64748b;flex-grow:1;font-size:14px;line-height:1.6;margin:0}.reading-time{align-items:center;color:#64748b;display:flex;font-weight:500;gap:6px}.clock-icon,.reading-time{font-size:12px}.guide-category{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #2e61551a;border-radius:50px;color:#475569;font-size:11px;font-weight:600;padding:4px 10px}.pagination-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #2e615533;border-radius:12px;color:#475569;cursor:pointer;font-family:\"Varela Round\",sans-serif;font-size:14px;font-weight:500;min-width:44px;padding:12px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#2e61551a;border-color:#2e6155;transform:translateY(-1px)}.pagination-btn:disabled{background:#f1f5f980;cursor:not-allowed;opacity:.5}.pagination-btn.active{background:linear-gradient(135deg,#2e6155,#3a7966);border-color:#2e6155;box-shadow:0 4px 15px #2e61554d;color:#fff;font-weight:600}@media (max-width:1200px){.guide-header{padding:50px 30px;width:90%}.guide-header-content{max-width:60%}.guide-cards{gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:0 15px}}@media (max-width:768px){.user-guide-home{padding:20px 10px}.guide-header{flex-direction:column;gap:30px;padding:40px 20px;text-align:center;width:95%}.guide-header-content{max-width:100%;order:2}.guide-header-image{margin:0 auto;max-width:150px;order:1}.header-image-placeholder{height:150px;width:150px}.play-icon{font-size:36px}.guide-controls{padding:0 10px}.search-input{font-size:15px;padding:14px 45px 14px 15px}.filter-header{flex-direction:column;gap:12px}.filters-panel{margin-top:15px;padding-top:15px}.filter-group{margin-bottom:15px}.category-filter{justify-content:center}.results-summary{align-items:center;flex-direction:column;gap:12px;text-align:center}.guide-cards{gap:20px;grid-template-columns:1fr;padding:0 10px}.guide-card{min-height:280px}.guide-card-header{padding:20px 16px 12px}.guide-card .icon{font-size:36px;padding:12px}.guide-card-content{padding:0 16px}.guide-card-footer{padding:12px 16px 16px}.pagination{flex-wrap:wrap;gap:6px}.pagination-btn{font-size:13px;min-width:40px;padding:10px 12px}}@media (max-width:480px){.guide-header{border-radius:20px;padding:30px 15px}.guide-title1{font-size:16px}.guide-title2{font-size:24px}.search-input{font-size:14px;padding:12px 40px 12px 12px}.filter-toggle{font-size:13px;padding:10px 16px}.guide-card{min-height:260px}.guide-card h3{font-size:16px}.guide-card p{font-size:13px}.no-results{padding:40px 15px}.no-results-icon{font-size:36px}}.CreateAccountGuide-container{min-height:200vh;padding:50px}.breadcrumb{align-items:center;color:#666;direction:rtl;display:flex;font-family:Varela Round,sans-serif;font-size:14px;gap:8px;margin-bottom:20px;margin-top:4%}.breadcrumb a{color:#0984e3;text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:#00b894}.breadcrumb .current{color:#2d3436;font-weight:700}.footer{background:linear-gradient(135deg,#f8fffe,#f0f9f7);border-top:2px solid #2e61551a;border-top-left-radius:32px;border-top-right-radius:32px;color:#2e6155;font-family:Varela Round,sans-serif;margin-top:80px;overflow:hidden;position:relative}.footer[dir=rtl]{direction:rtl}.footer[dir=ltr]{direction:ltr}.footer:before{background:radial-gradient(circle at 20% 20%,#2e615508 0,#0000 50%),radial-gradient(circle at 80% 80%,#2e615508 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.footer>*{position:relative;z-index:1}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);margin-left:auto;margin-right:auto;max-width:1400px;min-height:auto;padding:80px 40px 40px;position:relative}.footer-divider{background:linear-gradient(135deg,#2e615533,#2e61550d);border:none;border-radius:1px;height:2px;margin:40px 0}.footer-newsletter-wrapper{background:linear-gradient(135deg,#2e61550d,#2e615505);border:1px solid #2e61551a;border-radius:20px;grid-column:1/-1;margin-top:40px;padding:40px 30px}.footer-newsletter{text-align:center}.footer-newsletter-title{color:#2e6155;font-size:clamp(18px,2.5vw,22px);font-weight:700;line-height:1.4;margin-bottom:15px}.footer-newsletter-description{color:#4a5568;font-size:clamp(14px,1.5vw,16px);line-height:1.6;margin-bottom:25px}.footer-newsletter-form{align-items:center;display:flex;gap:15px;justify-content:center;margin:0 auto;max-width:500px}.footer-newsletter-input{background:#ffffffe6;border:2px solid #2e615533;border-radius:12px;color:#2e6155;flex:1 1;font-size:15px;max-width:300px;padding:14px 18px;transition:all .3s ease}.footer-newsletter-input:focus{background:#fff;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;outline:none}.footer-newsletter-button{background:linear-gradient(135deg,#2e6155,#3a7966);border:none;border-radius:12px;box-shadow:0 4px 15px #2e61554d;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-size:15px;font-weight:600;min-width:100px;padding:14px 28px;transition:all .3s ease}.footer-newsletter-button:hover{background:linear-gradient(135deg,#1c4038,#2e6155);box-shadow:0 6px 20px #2e615566;transform:translateY(-2px)}.footer-newsletter-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.footer-newsletter-input{direction:rtl;font-family:Varela Round,sans-serif;text-align:right}.footer-logo{border-radius:50%;height:auto;margin-bottom:10px;width:90px}.pg-footer{color:#000;font-family:Varela Round,sans-serif}.footer-content-column{box-sizing:border-box;color:#2e6155;display:flex;flex-direction:column}.footer-content-column ul li a{color:#4a5568;display:block;font-weight:500;line-height:1.6;padding:5px 0;text-decoration:none;transition:all .3s ease}.footer-content-column ul li a:hover{color:#2e6155;transform:translateX(-3px)}.footer-logo-link{display:inline-block}.footer-menu{margin-top:0}.footer-menu-name{color:#2e6155;direction:rtl;font-size:clamp(16px,2vw,18px);font-weight:700;letter-spacing:-.01em;line-height:1.4;margin-bottom:20px;margin-top:0;position:relative;text-align:center}.footer-menu-name:after{background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:2px;bottom:-8px;content:"";height:3px;position:absolute;right:0;width:40px}.footer-menu-list{list-style:none;margin-bottom:0;margin-top:10px;padding-left:0}.footer-menu-list li{margin-top:5px}.footer-call-to-action-description{color:#000;margin-bottom:20px;margin-top:10px}.button:last-of-type{margin-right:0}.footer-call-to-action-button{background:linear-gradient(135deg,#e1eebc,#d4e8a8);border:1px solid #2e61551a;border-radius:12px;box-shadow:0 3px 10px #0000001a;color:#2e6155;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.footer-call-to-action-button:hover{background:linear-gradient(135deg,#d4e8a8,#c7e195);box-shadow:0 6px 15px #00000026;transform:translateY(-2px)}.footer-call-to-action{border-top:1px solid #2e61551a;margin-top:25px;padding:20px 0}.footer-call-to-action:first-child{border-top:none;margin-top:0;padding-top:0}.footer-call-to-action-title{color:#2e6155;font-size:clamp(14px,1.5vw,16px);font-weight:700;letter-spacing:-.01em;line-height:1.4;margin-bottom:12px;margin-top:0}.footer-call-to-action-link-wrapper{color:#4a5568;margin-bottom:0;margin-top:8px;text-decoration:none}.footer-call-to-action-link-wrapper a{color:#4a5568;font-size:16px;font-weight:600;text-decoration:none;transition:color .3s ease}.footer-call-to-action-link-wrapper a:hover{color:#2e6155}.footer-social-links{border-top:2px solid #2e61551a;gap:20px;grid-column:1/-1;margin-top:40px;padding-top:30px}.footer-social-link,.footer-social-links{align-items:center;display:flex;justify-content:center}.footer-social-link{background:linear-gradient(135deg,#fff,#f8fffe);border:2px solid #2e61551a;border-radius:50%;box-shadow:0 4px 15px #0000001a;height:48px;text-decoration:none;transition:all .4s cubic-bezier(.25,.8,.25,1);width:48px}.footer-social-link.linkedin{border-color:#0077b5}.footer-social-link.facebook{border-color:#1877f2}.footer-social-link.instagram{border-color:#f64bb7}.footer-social-link.youtube{border-color:red}.footer-social-icon{color:#4a5568;font-size:22px;transition:all .3s ease}.footer-social-link:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px) scale(1.05)}.footer-social-link.linkedin:hover{background:linear-gradient(135deg,#0077b5,#005885);border-color:#0077b5}.footer-social-link.linkedin:hover .footer-social-icon{color:#fff}.footer-social-link.facebook:hover{background:linear-gradient(135deg,#1877f2,#0d5dbf);border-color:#1877f2}.footer-social-link.facebook:hover .footer-social-icon{color:#fff}.footer-social-link.instagram:hover{background:linear-gradient(135deg,#f64bb7,#e91e63);border-color:#f64bb7}.footer-social-link.instagram:hover .footer-social-icon{color:#fff}.footer-social-link.youtube:hover{background:linear-gradient(135deg,red,#c00);border-color:red}.footer-social-link.youtube:hover .footer-social-icon{color:#fff}.footer-copyright{background:linear-gradient(135deg,#2e61550d,#2e615505);border-bottom-left-radius:24px;border-bottom-right-radius:24px;border-top:1px solid #2e61551a;color:#4a5568;margin-top:40px;padding:25px 30px;text-align:center}.footer-copyright-wrapper{margin-left:auto;margin-right:auto;max-width:1400px}.footer-copyright-text{color:#4a5568;font-size:clamp(12px,1.2vw,14px);font-weight:500;line-height:1.6;margin-bottom:0;margin-top:0}.footer-copyright-link{color:#2e6155;font-weight:600;text-decoration:none;transition:color .3s ease}.footer-copyright-link:hover{color:#1c4038}@media (max-width:768px){.footer{border-top-left-radius:24px;border-top-right-radius:24px;margin-top:40px}.footer-content{gap:30px;grid-template-columns:1fr;padding:60px 20px 30px}.footer-newsletter-wrapper{margin-top:30px;padding:30px 20px}.footer-newsletter-form{flex-direction:column;gap:15px}.footer-newsletter-input{max-width:100%;width:100%}.footer-newsletter-button{max-width:200px;width:100%}.footer-social-links{gap:15px;margin-top:30px;padding-top:25px}.footer-social-link{height:44px;width:44px}.footer-social-icon{font-size:20px}.footer-copyright{margin-top:30px;padding:20px 15px}}@media (max-width:480px){.footer-content{gap:25px;padding:40px 15px 20px}.footer-newsletter-wrapper{padding:25px 15px}.footer-call-to-action{padding:15px 0}.footer-social-links{gap:12px}.footer-social-link{height:40px;width:40px}.footer-social-icon{font-size:18px}}@media (min-width:769px) and (max-width:1024px){.footer-content{gap:35px;grid-template-columns:repeat(2,1fr);padding:70px 30px 35px}}.work-integrations-container{background:linear-gradient(135deg,#f8fffe,#f0f9f7);border-radius:clamp(16px,2vw,24px);margin:clamp(40px,8vw,80px) clamp(10px,2vw,20px);padding:clamp(40px,8vw,80px) clamp(15px,3vw,20px);text-align:center}.work-integrations-content{margin:0 auto;max-width:1400px;width:100%}.work-integrations-header{margin-bottom:clamp(30px,6vw,60px)}.work-integrations-title{color:#2e6155;font-family:Varela Round,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 auto 20px;padding:0 20px;position:relative;text-align:center}.work-integrations-subtitle{color:#5a8a7a;font-size:clamp(1rem,2vw,1.25rem);font-weight:400;line-height:1.6;margin:0 auto;max-width:600px;text-align:center}.work-integrations-grid{grid-gap:clamp(15px,3vw,30px);display:grid;gap:clamp(15px,3vw,30px);grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));justify-items:center;margin:0 auto;max-width:1200px;width:100%}.integration-card{align-items:center;display:flex;flex-direction:column;gap:clamp(8px,1.5vw,12px);max-width:200px;transition:transform .3s ease;width:100%}.integration-card:hover{transform:translateY(-8px)}@media (hover:none){.integration-card:hover{transform:none}}.integration-icon{background-color:#fff;border:2px solid #f0f9f7;border-radius:50%;box-shadow:0 4px 20px #2e61551a;flex-shrink:0;height:clamp(70px,15vw,120px);overflow:hidden;position:relative;transition:all .3s ease;width:clamp(70px,15vw,120px)}.integration-icon:before{background:linear-gradient(135deg,#2e61550d,#2e615505);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.integration-card:hover .integration-icon:before{opacity:1}.integration-icon img{background:#fff;border-radius:clamp(8px,1.5vw,12px);box-shadow:0 2px 8px #0000000d;filter:brightness(1) saturate(1.1);height:clamp(40px,8vw,65px);object-fit:contain;padding:clamp(4px,1vw,8px);transition:all .3s ease;width:clamp(40px,8vw,65px)}.integration-card:hover .integration-icon img{filter:brightness(1) saturate(1.2);transform:scale(1.05)}.integration-card:hover .integration-icon{border-color:#2e6155;box-shadow:0 8px 30px #2e615526}.integration-name{color:#2e6155;font-size:clamp(.7rem,1.5vw,.9rem);font-weight:600;line-height:1.3;max-width:100%;opacity:.8;text-align:center;transition:opacity .3s ease;word-break:break-word}.integration-card:hover .integration-name{opacity:1}@media (max-width:1200px){.work-integrations-grid{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr))}}@media (max-width:768px){.work-integrations-container{border-radius:16px}.work-integrations-grid{grid-template-columns:repeat(auto-fit,minmax(min(110px,45%),1fr))}.integration-card{gap:8px}}@media (max-width:640px){.work-integrations-grid{gap:clamp(10px,2.5vw,15px);grid-template-columns:repeat(3,1fr)}.work-integrations-title{line-height:1.2}.work-integrations-subtitle{padding:0 10px}}@media (max-width:480px){.work-integrations-container{border-radius:12px;margin:30px 8px;padding:40px 12px}.work-integrations-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.integration-card{gap:6px}}@media (max-width:375px){.work-integrations-container{margin:20px 5px;padding:30px 10px}.work-integrations-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.integration-name{font-size:.65rem}}@media (min-width:1400px){.work-integrations-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (min-width:1600px){.work-integrations-content{max-width:1600px}.work-integrations-grid{max-width:1400px}}@media (max-width:768px) and (orientation:landscape){.work-integrations-container{margin:30px 10px;padding:40px 20px}.work-integrations-grid{grid-template-columns:repeat(auto-fit,minmax(min(120px,20%),1fr))}}@media (hover:none) and (pointer:coarse){.integration-icon{min-height:70px;min-width:70px}.integration-card:active .integration-icon{transform:scale(.95)}.integration-card:active .integration-name{opacity:1}}.ContactUsContainer{background:linear-gradient(135deg,#f8fafc,#e2e8f0 20%,#f1f5f9);font-family:Varela Round,sans-serif;min-height:100vh;padding:120px 20px 40px;position:relative}.contact-header{margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.contact-header-badge{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:50px;box-shadow:0 4px 15px #2e61554d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.contact-title{color:#1e293b;direction:rtl;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.2;margin:0 0 16px}.highlight{background:linear-gradient(135deg,#2e6155,#3a7966)}.contact-subtitle{align-items:center;direction:rtl;display:flex;font-size:18px;gap:8px;justify-content:center}.subtitle-icon{color:#2e6155;font-size:20px}.contact-container{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.contact-form-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000014,0 8px 25px #0000000d;padding:40px;transition:all .4s ease}.contact-form-wrapper:hover{box-shadow:0 25px 80px #0000001f,0 12px 35px #00000014;transform:translateY(-4px)}.form-header{border-bottom:1px solid #2e61551a;margin-bottom:30px;padding-bottom:20px;text-align:center}.form-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.form-header p{color:#64748b;font-size:16px;margin:0}.form-fields{display:flex;flex-direction:column;gap:24px;margin-bottom:30px}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #2e615533;border-radius:12px;color:#2e6155;direction:rtl;font-family:Varela Round,sans-serif;font-size:16px;padding:16px 20px;text-align:right;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;outline:none}.form-group input[type=tel]{direction:ltr!important;text-align:left!important}.form-group input:disabled,.form-group textarea:disabled{background:#f1f5f9cc;cursor:not-allowed;opacity:.7}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8;font-weight:400}.message-group textarea{min-height:120px;resize:vertical}.form-footer{align-items:center;display:flex;flex-direction:column;gap:16px}.submit-btn{background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:50px;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:180px;padding:16px 32px;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #2e61554d;transform:translateY(-2px)}.submit-btn.loading{pointer-events:none}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.send-icon{font-size:18px}.status-message{align-items:center;animation:slideIn .3s ease;border-radius:12px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px}.status-message.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.status-message.error{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.status-icon{font-size:16px}.contact-info-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000014,0 8px 25px #0000000d;padding:40px;transition:all .4s ease}.contact-info-wrapper:hover{box-shadow:0 25px 80px #0000001f,0 12px 35px #00000014;transform:translateY(-4px)}.info-header{align-items:center;border-bottom:1px solid #2e61551a;display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px}.info-logo{background:linear-gradient(135deg,#f8fafc,#fff);border-radius:16px;box-shadow:0 8px 20px #2e615533;height:120px;object-fit:contain;padding:10px;transition:all .3s ease;width:120px}.info-logo:hover{box-shadow:0 12px 30px #2e61554d;transform:scale(1.05)}.info-header-text h2{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 4px;text-align:right}.info-header-text p{color:#64748b;font-size:14px;margin:0;text-align:right}.contact-methods{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.contact-method{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #2e61551a;border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s ease}.contact-method:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:0 4px 15px #2e61551a;transform:translateX(-4px)}.method-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.email-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.phone-icon{background:linear-gradient(135deg,#10b981,#059669)}.location-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.method-content{flex-grow:1;text-align:right}.method-content h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.method-content p{color:#64748b;direction:ltr;font-size:14px;margin:0;text-align:right}.whatsapp-notice{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:12px;margin-bottom:30px;padding:16px}.notice-content{align-items:center;display:flex;gap:8px;justify-content:center;text-align:center}.notice-icon{color:#166534;font-size:18px}.notice-content p{color:#166534;font-size:14px;font-weight:500}.social-links{text-align:center}.social-links h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.social-icons{flex-wrap:wrap;gap:16px}.social-icons,.social-link{display:flex;justify-content:center}.social-link{align-items:center;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#fff;font-size:24px;height:48px;text-decoration:none;transition:all .3s ease;width:48px}.social-link:hover{box-shadow:0 8px 20px #0003;transform:translateY(-2px) scale(1.05)}.social-link.instagram{background:linear-gradient(135deg,#e1306c,#c13584)}.social-link.facebook{background:linear-gradient(135deg,#1877f2,#166fe5)}.social-link.linkedin{background:linear-gradient(135deg,#0a66c2,#004182)}.social-link.youtube{background:linear-gradient(135deg,red,#c00)}.ContactUsContainer-submit-btn{background-color:#578e7e;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-size:16px;padding:10px;width:50%}.submit-btn:hover{background-color:#578e7e94}.PCon{direction:rtl;font-size:14px;margin-bottom:25px}.additional-info{flex:0 0 25%;margin-right:15%;padding:20px}.H2Con{color:#447063;margin-bottom:25px}.additional-info ul{list-style:none;padding:0;text-align:center}.additional-info li{align-items:center;border-bottom:1px solid #447063;display:flex;font-size:12px;justify-content:center;margin-bottom:10px;padding-bottom:5px}.additional-info li svg{font-size:1.2rem;margin-left:10px}.additional-info li:last-child{border-bottom:none}.H2Icon{display:flex;gap:10px;justify-content:center}.H2Icon svg{font-size:30px;transition:color .3s ease}.H2Icon svg:hover{cursor:pointer}.H2Icon .instagram:hover{color:#e1306c}.H2Icon .facebook:hover{color:#1877f2}.H2Icon .linkedin:hover{color:#0a66c2}.H2Icon .youtube:hover{color:red}@media (max-width:1200px){.contact-container{gap:40px}.contact-form-wrapper,.contact-info-wrapper{padding:30px}}@media (max-width:768px){.ContactUsContainer{padding:100px 15px 30px}.contact-header{margin-bottom:40px}.contact-title{font-size:32px}.contact-subtitle{flex-direction:column;font-size:16px;gap:4px}.contact-container{gap:30px;grid-template-columns:1fr}.contact-form-wrapper,.contact-info-wrapper{padding:24px}.form-header h2{font-size:20px}.form-group input,.form-group textarea{font-size:15px;padding:14px 16px}.submit-btn{font-size:15px;min-width:160px;padding:14px 28px}.info-header{flex-direction:column;gap:16px;text-align:center}.info-logo{height:100px;width:100px}.contact-method{padding:16px}.method-icon{font-size:18px;height:44px;width:44px}.social-icons{gap:12px}.social-link{font-size:20px;height:44px;width:44px}}@media (max-width:480px){.ContactUsContainer{padding:90px 10px 20px}.contact-header{margin-bottom:30px}.contact-title{font-size:28px}.contact-subtitle{font-size:14px}.contact-form-wrapper,.contact-info-wrapper{border-radius:20px;padding:20px}.form-header h2{font-size:18px}.form-group input,.form-group textarea{font-size:14px;padding:12px 14px}.submit-btn{font-size:14px;min-width:140px;padding:12px 24px}.info-logo{height:80px;width:80px}.contact-method{gap:12px;padding:14px}.method-icon{font-size:16px;height:40px;width:40px}.method-content h3{font-size:14px}.method-content p{font-size:13px}.social-link{font-size:18px;height:40px;width:40px}}.QuestionsAnswers-accordion{direction:rtl}.QuestionsAnswers-accordion__item .QuestionsAnswers-label{text-align:right}.QuestionsAnswers-accordion__item .QuestionsAnswers-acordion-cont{direction:rtl;text-align:right}.QuestionsAnswers-contact{direction:rtl}.QuestionsAnswers{background:linear-gradient(135deg,#f8fffe,#f0f9f7);border-radius:24px;box-shadow:0 15px 35px #0000001a;font-family:Varela Round,sans-serif;margin:80px auto;max-width:900px;overflow:hidden;padding:80px 40px;position:relative;width:100%}.QuestionsAnswers:before{background:radial-gradient(circle at 20% 20%,#2e615508 0,#0000 50%),radial-gradient(circle at 80% 80%,#2e615508 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.QuestionsAnswers>*{position:relative;z-index:1}.QuestionsAnswers-section{display:flex;flex-direction:column;gap:3rem}.QuestionsAnswers-section__title{color:#2e6155;font-size:clamp(2.2rem,4vw,2.8rem);font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:20px;text-align:center}.QuestionsAnswers-title{animation:fadeIn 1s ease-in-out;color:#2e6155;font-size:28px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.QuestionsAnswers-subtitle{animation:fadeInUp 1.2s ease-in-out;color:#444;direction:rtl;font-size:16px;line-height:1.7;margin:0 auto;max-width:600px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.QuestionsAnswers-accordion{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;width:100%}.QuestionsAnswers-accordion__item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#fafcfb);border:2px solid #2e61551a;border-radius:20px;box-shadow:0 4px 20px #0000000f;cursor:pointer;padding:25px 30px;position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1);width:100%}.QuestionsAnswers-accordion__item:hover{border-color:#2e615533;box-shadow:0 8px 30px #2e61551f;transform:translateY(-3px)}.QuestionsAnswers-accordion__item .QuestionsAnswers-label{color:#2e6155;display:inline-block;font-size:clamp(16px,2vw,18px);font-weight:600;line-height:1.4;padding-left:50px;position:relative;transition:color .3s ease;width:100%}.QuestionsAnswers-accordion__item .QuestionsAnswers-label:after{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border:none;border-radius:50%;box-shadow:0 2px 10px #2e615533;color:#fff;content:"+";display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;left:0;line-height:1;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.25,.8,.25,1);width:32px}.QuestionsAnswers-accordion__item.QuestionsAnswers-open .QuestionsAnswers-label:after{background:linear-gradient(135deg,#1c4038,#2e6155);box-shadow:0 4px 15px #2e61554d;content:"-";transform:translateY(-50%) rotate(180deg)}.QuestionsAnswers-accordion__item.QuestionsAnswers-open{border-color:#2e615540;box-shadow:0 8px 30px #2e615526}.QuestionsAnswers-accordion__item .QuestionsAnswers-acordion-cont{color:#4a5568;font-size:clamp(14px,1.5vw,16px);line-height:1.6;max-height:0;opacity:0;overflow:hidden;padding-left:50px;padding-right:20px;transition:all .5s cubic-bezier(.25,.8,.25,1)}.QuestionsAnswers-accordion__item.QuestionsAnswers-open .QuestionsAnswers-acordion-cont{max-height:500px;opacity:1;padding-bottom:15px;padding-top:15px;transition:max-height .6s ease,opacity .6s ease,padding .6s ease}.QuestionsAnswers-accordion__item:not(.QuestionsAnswers-open) .QuestionsAnswers-acordion-cont{max-height:0;opacity:0;padding-bottom:0;padding-top:0;transition:none}.QuestionsAnswers-accordion__item .QuestionsAnswers-acordion-cont ul{padding-left:20px}.QuestionsAnswers-accordion__item .QuestionsAnswers-acordion-cont ul li{margin:7px 0}.QuestionsAnswers-contact{background:linear-gradient(135deg,#2e61550d,#2e615505);border-radius:20px;margin-top:20px;padding:40px 30px;text-align:center}.QuestionsAnswers-contact h3{color:#2e6155;font-size:clamp(18px,2.5vw,22px);font-weight:600;line-height:1.4;margin:0 0 25px}.QuestionsAnswers-contact .QuestionsAnswersBtn{background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:12px;box-shadow:0 4px 15px #2e61554d;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;line-height:1;margin:0;padding:16px 32px;position:relative;text-decoration:none;transition:all .3s ease}.QuestionsAnswers-contact .QuestionsAnswersBtn:hover{background:linear-gradient(135deg,#1c4038,#2e6155);box-shadow:0 8px 25px #2e615566;transform:translateY(-3px)}@media (max-width:768px){.QuestionsAnswers{border-radius:20px;margin:40px 10px;padding:60px 20px}.QuestionsAnswers-section{gap:2.5rem}.QuestionsAnswers-accordion{gap:15px;padding:0;width:100%}.QuestionsAnswers-accordion__item{border-radius:16px;box-sizing:border-box;margin:0;padding:20px;width:100%}.QuestionsAnswers-accordion__item .QuestionsAnswers-label{padding-left:45px;padding-right:10px}.QuestionsAnswers-accordion__item .QuestionsAnswers-label:after{font-size:16px;height:28px;width:28px}.QuestionsAnswers-accordion__item .QuestionsAnswers-acordion-cont{padding-left:45px;padding-right:10px}.QuestionsAnswers-contact{margin-top:15px;padding:30px 20px}.QuestionsAnswers-contact .QuestionsAnswersBtn{font-size:15px;padding:14px 28px}}@media (max-width:480px){.QuestionsAnswers{border-radius:18px;margin:30px 5px;padding:40px 15px}.QuestionsAnswers-section{gap:2rem}.QuestionsAnswers-accordion{gap:12px;padding:0;width:100%}.QuestionsAnswers-accordion__item{border-radius:14px;box-sizing:border-box;margin:0 auto;padding:18px 15px;width:100%}.QuestionsAnswers-accordion__item .QuestionsAnswers-label{padding-left:40px;padding-right:8px}.QuestionsAnswers-accordion__item .QuestionsAnswers-label:after{font-size:14px;height:26px;width:26px}.QuestionsAnswers-accordion__item .QuestionsAnswers-acordion-cont{padding-left:40px;padding-right:8px}.QuestionsAnswers-contact{padding:25px 15px}.QuestionsAnswers-contact .QuestionsAnswersBtn{font-size:14px;padding:12px 24px}}.NavbarMenu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e5e7ebcc;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;direction:ltr;display:flex;font-family:Varela Round,sans-serif;height:80px;justify-content:space-between;padding:0 30px;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:10000}.navbar-logo-container{flex-shrink:0;margin-left:8px;order:1}.navbar-logo-link{align-items:center;border-radius:16px;display:flex;gap:12px;overflow:hidden;padding:8px 12px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar-logo-link:before{background:linear-gradient(135deg,#2e615505,#05966914);border-radius:16px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.navbar-logo-link:hover:before{opacity:1}.navbar-logo-link:hover{box-shadow:0 4px 12px #2e615514;transform:translateY(-1px)}.navbar-logo{backface-visibility:hidden;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #2e615526;border-radius:18px;box-shadow:0 6px 20px #2e61551f,0 2px 6px #2e615514,inset 0 1px 0 #ffffffe6;height:52px;object-fit:scale-down;padding:6px;position:relative;transform:translateZ(0);transition:all .4s cubic-bezier(.4,0,.2,1);width:52px}.navbar-logo:before{background:linear-gradient(135deg,#2e61551a,#0596690d);border-radius:16px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.navbar-logo-link:hover .navbar-logo{border-color:#2e61554d;box-shadow:0 12px 35px #2e615533,0 6px 12px #2e61551f,inset 0 1px 0 #fffffff2;transform:translateY(-2px) scale(1.08)}.navbar-logo-link:hover .navbar-logo:before{opacity:1}.navbar-brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#059669 70%,#10b981);background-clip:text;-webkit-background-clip:text;font-family:Varela Round,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.8px;line-height:1.1;position:relative;text-transform:none;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.navbar-logo-link:hover .navbar-brand-text{color:#059669;text-shadow:0 1px 3px #05966933,0 0 8px #0596691a}.menu-logo,.navbar-mobile-logo img{border-radius:50%;height:70px;width:70px}.website-nav-menu-items{flex-direction:row-reverse;gap:40px;list-style:none;margin:0;padding:0}.navbar-menu-container,.website-nav-menu-items{align-items:center;display:flex;flex-shrink:0;order:3}.navbar-menu-container{gap:15px;margin-right:20px}.NavbarMenu .website-nav-text .website-nav-link{align-items:center;border-radius:8px;color:#334155;display:flex;font-size:15px;font-weight:500;padding:12px 18px;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.NavbarMenu[data-lang=he] .website-nav-text .website-nav-link{direction:rtl}.NavbarMenu[data-lang=en] .website-nav-text .website-nav-link{direction:ltr}.NavbarMenu .website-nav-text .website-nav-link:hover{background-color:#0596690d;color:#059669}.NavbarMenu .website-nav-link.active span:after{background-color:#059669;border-radius:1px;bottom:-2px;content:"";height:2px;position:absolute;right:0;width:100%}.NavbarMenu .website-CreateAccount .website-nav-link{background:linear-gradient(135deg,#059669,#047857);border-radius:25px;box-shadow:0 4px 14px 0 #05966940;color:#fff;font-weight:600;padding:12px 24px;transform:translateY(0)}.NavbarMenu .website-CreateAccount .website-nav-link:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 6px 20px 0 #05966959;transform:translateY(-1px)}.NavbarMenu .website-nav-text.website-dropdown{position:relative}.NavbarMenu .website-nav-text.website-dropdown .website-nav-link{cursor:pointer}.NavbarMenu .website-dropdown-arrow{margin-left:5px;transition:transform .3s ease}.NavbarMenu .website-dropdown-arrow.open{transform:rotate(180deg)}.NavbarMenu .website-dropdown-menu{background:#fff;border:1px solid #e5e7ebcc;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;list-style:none;margin-top:8px;min-width:180px;padding:12px 0;position:absolute;right:0;top:100%;width:auto;z-index:1001}.NavbarMenu[data-lang=he] .website-dropdown-menu{direction:rtl;left:auto;right:0}.NavbarMenu[data-lang=en] .website-dropdown-menu{direction:ltr;left:0;right:auto}.NavbarMenu .website-dropdown-menu .website-dropdown-link{background:none;border:none;border-radius:6px;color:#475569;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;margin:0 8px;padding:12px 20px;position:relative;transition:all .2s ease;width:100%;width:calc(100% - 16px)}.NavbarMenu[data-lang=he] .website-dropdown-menu .website-dropdown-link{direction:rtl;text-align:right}.NavbarMenu[data-lang=en] .website-dropdown-menu .website-dropdown-link{direction:ltr;text-align:left}.NavbarMenu .website-dropdown-menu .website-dropdown-link:hover{background-color:#0596690d;color:#059669}.NavbarMenu .website-dropdown-menu .website-dropdown-link:after{background-color:#059669;border-radius:1px;bottom:4px;content:"";height:2px;position:absolute;right:50%;transform:translateX(50%);transition:width .3s ease;width:0}.NavbarMenu .website-dropdown-menu .website-dropdown-link:hover:after{width:80%}.NavbarMenu .website-language-toggle{background:none;border:1px solid #e5e7eb;border-radius:6px;color:#334155;cursor:pointer;font-size:14px;font-weight:500;margin-right:15px;padding:6px 12px;transition:all .3s ease}.NavbarMenu .website-language-toggle:hover{background-color:#0596690d;border-color:#059669;color:#059669}.NavbarMenu .website-hamburger-menu{border:1px solid #0000;border-radius:8px;color:#334155;cursor:pointer;display:none;font-size:24px;min-height:48px;min-width:48px;padding:12px;transition:all .3s ease}@media (max-width:768px){.NavbarMenu{justify-content:space-between;padding:0 12px}.navbar-menu-container{justify-content:flex-end;margin-left:-16px;margin-right:0;padding-left:8px}.NavbarMenu .website-language-toggle{font-size:12px;margin-left:0;margin-right:10px;order:1;padding:4px 8px}.NavbarMenu .website-hamburger-menu{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #e5e7eb99;border-radius:12px;box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a,inset 0 1px 0 #ffffffe6;color:#334155;cursor:pointer;display:flex!important;font-size:22px;justify-content:center;margin-left:6px;min-height:48px;min-width:48px;order:2;overflow:hidden;padding:10px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10001}.NavbarMenu .website-hamburger-menu:before{background:linear-gradient(135deg,#2e615505,#0596690f);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.NavbarMenu .website-hamburger-menu:hover{background:#fffffffa;border-color:#05966933;box-shadow:0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 1px 0 #fffffff2;color:#059669;transform:translateY(-1px)}.NavbarMenu .website-hamburger-menu:hover:before{opacity:1}.NavbarMenu .website-hamburger-menu:active{box-shadow:0 2px 8px #00000014,0 1px 4px #0000000a,inset 0 1px 0 #ffffffe6;transform:translateY(0)}.NavbarMenu .website-nav-menu-items.desktop{display:none}.NavbarMenu .website-nav-menu-items.mobile-open{align-items:stretch;animation:slideDown .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #e5e7eb4d;box-shadow:0 -4px 20px #00000014,0 -1px 4px #0000000a;display:flex!important;flex-direction:column;gap:8px;height:calc(100vh - 80px);left:0;overflow-y:auto;padding:32px 24px;position:fixed;top:80px;width:100vw;z-index:9999}.NavbarMenu[data-lang=he] .website-nav-menu-items.mobile-open{direction:rtl;text-align:right}.NavbarMenu[data-lang=en] .website-nav-menu-items.mobile-open{direction:ltr;text-align:left}.website-nav-menu-items.mobile-open,.website-nav-menu-items.mobile-open *{direction:rtl!important;text-align:right!important}.NavbarMenu .website-nav-menu-items.mobile-open .website-nav-text{width:100%}.NavbarMenu .website-nav-menu-items.mobile-open .website-nav-text .website-nav-link{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff9;border:1px solid #e5e7eb66;border-radius:16px;box-shadow:0 2px 8px #0000000a,0 1px 4px #00000005;display:flex;font-size:17px;font-weight:500;margin-bottom:6px;overflow:hidden;padding:18px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.NavbarMenu .website-nav-menu-items.mobile-open .website-nav-text .website-nav-link:before{background:linear-gradient(135deg,#2e615505,#0596690f);border-radius:16px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.NavbarMenu[data-lang=he] .website-nav-menu-items.mobile-open .website-nav-text .website-nav-link{direction:rtl!important;justify-content:flex-end!important;text-align:right!important}.NavbarMenu[data-lang=he] .website-nav-menu-items.mobile-open .website-nav-text .website-nav-link span{direction:rtl!important;text-align:right!important}.NavbarMenu[data-lang=en] .website-nav-menu-items.mobile-open .website-nav-text .website-nav-link{direction:ltr!important;justify-content:flex-start!important;text-align:left!important}.NavbarMenu[data-lang=en] .website-nav-menu-items.mobile-open .website-nav-text .website-nav-link span{direction:ltr!important;text-align:left!important}.website-nav-menu-items.mobile-open .website-nav-text .website-nav-link{direction:rtl!important;justify-content:flex-end!important;text-align:right!important}.website-nav-menu-items.mobile-open .website-nav-text .website-nav-link span{direction:rtl!important;text-align:right!important;width:100%}.NavbarMenu .website-nav-menu-items.mobile-open .website-nav-text .website-nav-link:hover{background:#ffffffd9;border-color:#0596694d;box-shadow:0 6px 20px #00000014,0 2px 8px #0000000a,0 0 0 1px #0596691a;color:#059669;transform:translateY(-2px)}.NavbarMenu .website-nav-menu-items.mobile-open .website-nav-text .website-nav-link:hover:before{opacity:1}.NavbarMenu .website-nav-menu-items.mobile-open .website-nav-text .website-nav-link:active{transform:translateY(0)}.NavbarMenu .website-nav-menu-items.mobile-open .website-CreateAccount .website-nav-link{background:linear-gradient(135deg,#059669,#047857);border:1px solid #0596694d;box-shadow:0 4px 16px #05966933,0 2px 8px #0596691a;color:#fff!important;font-weight:600;justify-content:center;margin-top:24px;text-align:center}.NavbarMenu .website-nav-menu-items.mobile-open .website-CreateAccount .website-nav-link:hover{background:linear-gradient(135deg,#047857,#065f46);border-color:#05966966;box-shadow:0 8px 24px #0596694d,0 4px 12px #05966926;transform:translateY(-3px)}.NavbarMenu .website-nav-menu-items.mobile-open .website-dropdown-menu{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:linear-gradient(135deg,#05966908,#2e615505);border:1px solid #05966914;border-radius:12px;box-shadow:none;margin:12px 0;padding:8px 0;position:static}.NavbarMenu[data-lang=he] .website-nav-menu-items.mobile-open .website-dropdown-menu{direction:rtl}.NavbarMenu[data-lang=en] .website-nav-menu-items.mobile-open .website-dropdown-menu{direction:ltr}.NavbarMenu[data-lang=he] .website-nav-menu-items.mobile-open .website-dropdown-menu .website-dropdown-link{direction:rtl!important;text-align:right!important}.NavbarMenu[data-lang=en] .website-nav-menu-items.mobile-open .website-dropdown-menu .website-dropdown-link{direction:ltr!important;text-align:left!important}.website-nav-menu-items.mobile-open .website-dropdown-menu .website-dropdown-link{direction:rtl!important;text-align:right!important}@keyframes slideDown{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;transform:translateY(-20px)}to{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:1;transform:translateY(0)}}.NavbarMenu .website-nav-menu-items.mobile-open{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.navbar-logo-container{margin-left:4px}.navbar-logo-link{border-radius:14px;gap:8px;padding:6px 10px}.navbar-logo{border-radius:14px;box-shadow:0 3px 8px #0000000f,0 1px 3px #0000000a,inset 0 1px 0 #ffffffe6;height:40px;padding:3px;width:40px}.navbar-logo-link:hover .navbar-logo{box-shadow:0 6px 16px #2e61551f,0 2px 6px #2e61550f,inset 0 1px 0 #fffffff2;transform:translateY(-.5px) scale(1.03)}.navbar-brand-text{font-size:20px;letter-spacing:-.3px}.navbar-mobile-logo{flex-shrink:0;order:1}.navbar-mobile-logo img{height:60px;width:60px}}@media (min-width:1200px){.navbar-menu-container{margin-right:40px}.navbar-logo-container{margin-left:16px}.navbar-logo-link{border-radius:18px;gap:16px;padding:10px 16px}.navbar-logo{border-radius:18px;height:52px;padding:5px;width:52px}.navbar-brand-text{font-size:26px}}@media (min-width:1921px){.navbar-logo-container{margin-left:24px}.navbar-logo-link{border-radius:20px;gap:20px;padding:12px 20px}.navbar-logo{border-radius:20px;height:56px;padding:6px;width:56px}.navbar-brand-text{font-size:28px}.nav-text .nav-link{font-size:18px;padding:18px 25px}.navbar-menu-container{margin-right:80px}.menu-logo{height:80px;width:80px}}.language-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #2e615533;border-radius:25px;box-shadow:0 4px 15px #0000001a;display:flex;min-width:100px;padding:4px;position:relative;transition:all .3s ease}.language-toggle:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-1px)}.language-options{width:100%;z-index:2}.language-option,.language-options{align-items:center;display:flex;position:relative}.language-option{background:none;border:none;border-radius:20px;color:#64748b;cursor:pointer;flex:1 1;font-family:Varela Round,sans-serif;font-size:13px;font-weight:600;justify-content:center;min-width:40px;padding:8px 12px;transition:all .3s ease}.language-option:hover{color:#2e6155}.language-option.active{color:#fff;position:relative}.language-text{display:block}.language-full{display:none}.language-divider{background:#2e615533;height:16px;margin:0 2px;width:1px}.language-indicator{bottom:4px;left:4px;pointer-events:none;position:absolute;right:4px;top:4px;z-index:1}.indicator-slider{background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:16px;bottom:0;box-shadow:0 2px 8px #2e61554d;position:absolute;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 1px)}.indicator-slider.slide-left{left:0}.indicator-slider.slide-right{left:calc(50% + 1px)}.navbar-language-toggle{margin-left:12px;margin-right:12px}@media (max-width:768px){.language-toggle{min-width:90px;padding:3px}.language-option{font-size:12px;min-width:36px;padding:6px 10px}.language-divider{height:14px}.indicator-slider{border-radius:14px}}@media (max-width:480px){.language-toggle{min-width:80px;padding:2px}.language-option{font-size:11px;min-width:32px;padding:5px 8px}.language-text{font-size:10px}.language-divider{height:12px}}@media (min-width:1200px){.language-toggle{min-width:140px}.language-option{min-width:60px;padding:8px 16px}.language-text{display:none}.language-full{display:block}}@media (prefers-contrast:high){.language-toggle{background:#fff;border:2px solid #2e6155}.language-option.active{color:#fff}.indicator-slider{background:#2e6155}}@media (prefers-reduced-motion:reduce){.indicator-slider,.language-option,.language-toggle{transition:none}.language-toggle:hover{transform:none}}.language-option:focus{outline:2px solid #2e6155;outline-offset:2px}.language-option:focus:not(:focus-visible){outline:none}@keyframes languageChange{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.language-toggle.changing{animation:languageChange .3s ease}.post-card__link{color:inherit;display:block;text-decoration:none}.post-card__wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#fafcfb);border:1px solid #2e61551a;border-radius:20px;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000001a;box-sizing:border-box;direction:rtl;display:flex;flex-direction:column;max-width:380px;min-height:520px;overflow:hidden;padding:0;position:relative;text-align:center;transition:all .4s cubic-bezier(.25,.8,.25,1);width:100%}.post-card__wrapper:hover{border-color:#2e615533;box-shadow:0 20px 40px #0000001f,0 8px 25px #00000014;transform:translateY(-8px) scale(1.02)}.post-card__wrapper:before{background:linear-gradient(90deg,#2e6155,#3a7966);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.post-card__wrapper:hover:before{opacity:1}.post-card__image{border-radius:0;height:200px;object-fit:cover;position:relative;transition:all .4s ease;width:100%}.post-card__wrapper:hover .post-card__image{transform:scale(1.05)}.post-card__content{display:flex;flex-direction:column;flex-grow:1;gap:16px;padding:24px 20px 20px;text-align:right}.post-card__header{display:flex;flex-direction:column;gap:8px}.post-card__reading-time{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:flex-end}.reading-time-icon{color:#2e6155;font-size:12px}.post-card__title{-webkit-line-clamp:2;color:#1e293b;font-size:18px;font-weight:700;line-height:1.3}.post-card__description,.post-card__title{-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden;text-align:right}.post-card__description{-webkit-line-clamp:3;color:#64748b;flex-grow:1;font-size:14px;line-height:1.6}.post-card__meta{align-items:center;color:#64748b;display:flex;font-size:12px;gap:12px;justify-content:space-between}.post-card__author,.post-card__date{align-items:center;display:flex;font-weight:500;gap:6px}.date-icon,.post-card__author-icon{color:#2e6155;font-size:12px}.post-card__read-more{align-items:center;background:#2e61550d;border-radius:12px;color:#2e6155;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-top:auto;padding:12px 16px;transition:all .3s ease}.read-more-arrow{font-size:16px;transition:transform .3s ease}.post-card__wrapper:hover .post-card__read-more{background:#2e61551a;color:#1e5245}.post-card__wrapper:hover .read-more-arrow{transform:translateX(-4px)}.post-card__tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.post-card__tag{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #2e61551a;border-radius:50px;color:#475569;font-size:11px;font-weight:600;padding:4px 10px;transition:all .2s ease}.post-card__tag--more{background:linear-gradient(135deg,#2e6155,#3a7966);color:#fff}.post-card__wrapper:hover .post-card__tag{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#2e615533}@media (max-width:768px){.post-card__wrapper{max-width:100%;min-height:480px}.post-card__content{gap:14px;padding:20px 16px 16px}.post-card__title{font-size:17px}.post-card__description{-webkit-line-clamp:2;font-size:13px}.post-card__meta{font-size:11px}.post-card__tags{gap:4px}.post-card__tag{font-size:10px;padding:3px 8px}}.blog-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0 20%,#f1f5f9);font-family:Varela Round,sans-serif;min-height:100vh;padding:40px 20px;position:relative;text-align:center}.blog-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc 50%,#e1eebc);border:1px solid #fffc;border-radius:32px;box-shadow:0 20px 60px #00000014,0 8px 25px #0000000d;display:flex;flex-wrap:wrap;justify-content:space-between;margin:2% auto 40px;max-width:1400px;overflow:hidden;padding:60px 40px;text-align:right;width:85%}.blog-header-content{display:flex;flex:1 1;flex-direction:column;gap:16px;max-width:55%;z-index:2}.blog-header-badge{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:50px;box-shadow:0 4px 15px #2e61554d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px;padding:8px 16px;width:fit-content}.blog-header-image{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.blog-header-image img{border:2px solid #fffc;border-radius:24px;box-shadow:0 15px 40px #0000001f,0 5px 15px #00000014;height:auto;max-width:350px;transition:all .4s ease;width:100%}.blog-header-image img:hover{box-shadow:0 25px 60px #00000026,0 10px 25px #0000001a;transform:translateY(-8px) scale(1.02)}.blog-header h1{color:#1e293b;font-size:clamp(28px,4vw,42px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:12px}.blog-header h2{color:#475569;font-size:clamp(18px,3vw,26px);line-height:1.4;margin-bottom:16px}.blog-header .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#3a7966);-webkit-background-clip:text;background-clip:text;font-weight:700;position:relative}.blog-header-subtitle{align-items:center;color:#64748b;display:flex;font-size:16px;font-weight:500;gap:8px}.clock-icon{color:#2e6155;font-size:18px}.graphic-element{position:absolute;z-index:1}.trending-title-container{margin:0 auto;max-width:1200px;padding:20px 0;position:relative;text-align:right;transition:text-align .3s ease-in-out;width:100%}.trending-title{display:block;font-size:30px;font-weight:700;margin-bottom:5px;position:relative;text-align:inherit;width:100%}.trending-title:after{background-color:#2e6155;border-radius:2px;content:"";display:block;height:4px;margin-top:5px;width:100%}.results-summary{align-items:center;direction:rtl;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto 30px;max-width:1200px;padding:0 20px}.results-count{color:#374151;font-size:16px;font-weight:600}.active-filters-summary{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:14px;gap:8px}.filter-chip{background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.posts-grid{grid-gap:30px;align-items:stretch;direction:rtl;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));justify-content:center;margin:0 auto;max-width:1400px;padding:20px}.no-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #2e61551a;border-radius:24px;grid-column:1/-1;margin:0 auto;max-width:500px;padding:60px 20px}.no-results-icon{opacity:.7}.no-results h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 12px}.no-results p{color:#64748b;font-size:16px;line-height:1.5;margin:0 0 20px}.clear-filters-cta{background:linear-gradient(135deg,#2e6155,#3a7966);border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.clear-filters-cta:hover{box-shadow:0 8px 25px #2e61554d;transform:translateY(-2px)}.filters-panel{animation:slideDown .3s ease;border-top:1px solid #2e61551a;margin-top:20px;padding-top:20px}.filter-group{margin-bottom:20px}.filter-label{display:block;margin-bottom:8px}.sort-select{background:#fff;border:2px solid #2e615533;border-radius:12px;color:#2e6155;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;max-width:200px;padding:10px 16px;transition:all .2s ease;width:100%}.sort-select:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.tags-filter{gap:8px;justify-content:flex-start;max-height:150px;overflow-y:auto;padding:10px 0}@media (max-width:1200px){.blog-header{padding:50px 30px;width:90%}.blog-header-content{max-width:60%}.posts-grid{gap:25px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));padding:15px}}@media (max-width:768px){.blog-container{padding:20px 10px}.blog-header{flex-direction:column;gap:30px;padding:40px 20px;text-align:center;width:95%}.blog-header-content{max-width:100%;order:2}.blog-header-image{margin:0 auto;max-width:280px;order:1}.blog-controls{padding:0 10px}.search-input{font-size:15px;padding:14px 45px 14px 15px}.filter-header{flex-direction:column;gap:12px}.filters-panel{margin-top:15px;padding-top:15px}.filter-group{margin-bottom:15px}.tags-filter{justify-content:center;max-height:120px}.tag-button{font-size:12px;padding:6px 10px}.results-summary{align-items:center;flex-direction:column;gap:12px;text-align:center}.posts-grid{gap:20px;grid-template-columns:1fr;padding:10px}.pagination{flex-wrap:wrap;gap:6px}.pagination button{font-size:13px;min-width:40px;padding:10px 12px}}@media (max-width:480px){.blog-header{border-radius:20px;padding:30px 15px}.blog-header h1{font-size:24px}.blog-header h2{font-size:16px}.search-input{font-size:14px;padding:12px 40px 12px 12px}.filter-toggle{font-size:13px;padding:10px 16px}.no-results{padding:40px 15px}.no-results-icon{font-size:36px}}.blog-controls{font-family:Varela Round,sans-serif;margin:0 auto 40px;max-width:1200px;padding:0 20px}.search-section{margin-bottom:24px}.search-container{margin:0 auto;max-width:600px;position:relative}.search-input{background:#fffffff2;border:2px solid #2e615533;border-radius:50px;color:#2e6155;direction:rtl;padding:16px 50px 16px 20px;text-align:right;transition:all .3s ease}.search-input:focus{background:#fff}.search-input::placeholder{color:#94a3b8;font-weight:400}.search-icon{font-size:18px;left:20px;pointer-events:none}.clear-search{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:30px}.clear-search:hover{background:#e2e8f0;color:#475569}.filter-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #2e61551a;border-radius:20px;box-shadow:0 4px 20px #0000000d;padding:20px}.filter-header{flex-wrap:wrap;gap:12px;justify-content:center}.filter-header,.filter-toggle{align-items:center;display:flex}.filter-toggle{background:linear-gradient(135deg,#2e6155,#3a7966);border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:relative;transition:all .3s ease}.filter-toggle:hover{box-shadow:0 8px 25px #2e61554d;transform:translateY(-2px)}.filter-toggle.active{background:linear-gradient(135deg,#1e5245,#2a5d52)}.filter-icon{font-size:16px}.active-filters-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.clear-filters-button{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50px;color:#64748b;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:14px;gap:6px;padding:10px 16px;transition:all .2s ease}.clear-filters-button:hover{background:#e2e8f0;color:#475569}.tags-filter{flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px;text-align:center;width:100%}.tag-button,.tags-filter{align-items:center;display:flex}.tag-button{background:#f1f5f9cc;border:2px solid #0000;border-radius:50px;color:#475569;cursor:pointer;font-family:Varela Round,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .3s ease}.tag-button:hover{background:#e2e8f0e6;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.tag-icon{align-items:center;display:flex;font-size:14px;transition:all .3s ease}.tag-button.active{background:linear-gradient(135deg,#2e6155,#3a7966);border-color:#2e6155;color:#fff}.tag-button.active .tag-icon{transform:rotate(45deg)}.tag-button.active:hover{box-shadow:0 6px 20px #2e61554d;transform:translateY(-1px) scale(1.02)}.reset-button{background-color:#e1eebc;border:1px solid #dddddd8d;border-radius:15px;padding:6px 12px}@media (max-width:768px){.filter-container{align-items:center;flex-direction:column}.tags-filter{justify-content:center}}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin:40px auto 20px;max-width:600px;padding:0 20px}.pagination,.pagination button{font-family:Varela Round,sans-serif}.pagination button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #2e615533;border-radius:12px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;min-width:44px;padding:12px 16px;transition:all .3s ease}.pagination button:hover:not(:disabled){background:#2e61551a;border-color:#2e6155;transform:translateY(-1px)}.pagination button:disabled{background:#f1f5f980;cursor:not-allowed;opacity:.5}.pagination button.active{background:linear-gradient(135deg,#2e6155,#3a7966);border-color:#2e6155;box-shadow:0 4px 15px #2e61554d;color:#fff;font-weight:600}.blog-post-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0 20%,#f1f5f9);font-family:Varela Round,sans-serif;min-height:100vh;padding-top:100px;position:relative}.blog-post-page.ltr{direction:ltr}.blog-post-page.rtl{direction:rtl}.post-content-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000014,0 8px 25px #0000000d;margin:0 auto 40px;max-width:900px;overflow:hidden}.post-header{border-bottom:1px solid #2e61551a;padding:40px 40px 30px;text-align:center}.post-badge{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:50px;box-shadow:0 4px 15px #2e61554d;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.post-title{color:#1e293b;font-size:clamp(24px,4vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 24px}.post-meta-enhanced{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:20px}.post-description-enhanced{color:#475569;font-size:18px;font-weight:400;line-height:1.6;margin:0 0 30px}.post-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.post-full-content{color:#374151;font-size:16px;line-height:1.8;padding:40px}.post-full-content.ltr{direction:ltr;text-align:left}.post-full-content.rtl{direction:rtl;text-align:right}.post-full-content h1,.post-full-content h2,.post-full-content h3{color:#1e293b;font-weight:700;margin:40px 0 20px;text-align:center}.post-full-content h2{border-bottom:2px solid #2e61551a;font-size:28px;padding-bottom:10px}.post-full-content h3{color:#2e6155;font-size:22px}.post-full-content img{border:1px solid #2e61551a;border-radius:16px;box-shadow:0 8px 30px #0000001f;display:block;height:auto;margin:30px auto;max-width:700px;transition:all .3s ease;width:100%}.post-full-content img:hover{box-shadow:0 12px 40px #00000026;transform:scale(1.02)}.post-full-content p{margin:20px 0}.post-full-content.rtl p{text-align:right}.post-full-content.ltr p{text-align:left}.post-full-content ol,.post-full-content ul{margin:20px 0}.post-full-content.rtl ol,.post-full-content.rtl ul{padding-left:0;padding-right:30px}.post-full-content.ltr ol,.post-full-content.ltr ul{padding-left:30px;padding-right:0}.post-full-content li{margin:10px 0}.post-full-content.rtl li{text-align:right}.post-full-content.ltr li{text-align:left}.post-full-content strong{font-weight:700}.post-full-content blockquote{background:#2e61550d;border-radius:12px;color:#475569;font-style:italic;margin:30px 0;padding:20px}.post-full-content.rtl blockquote{border-left:none;border-right:4px solid #2e6155}.post-full-content.ltr blockquote{border-left:4px solid #2e6155;border-right:none}.post-footer{background:#f8fafc80;border-top:1px solid #2e61551a;padding:30px 40px}.post-tags-section{margin-bottom:30px}.tags-title{color:#374151;font-size:16px;font-weight:600;margin-bottom:12px;text-align:right}.post-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tag{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #2e61551a;border-radius:50px;color:#475569;display:inline-flex;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s ease}.tag:hover{background:linear-gradient(135deg,#2e6155,#3a7966);color:#fff;transform:translateY(-1px)}.back-to-blog{text-align:center}.back-to-blog-btn{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.back-to-blog-btn:hover{box-shadow:0 8px 25px #2e61554d;transform:translateY(-2px)}.blog-post-page .back-button{background-color:#2e7d91;border:none;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;font-family:Varela Round,sans-serif;font-size:14px;margin-top:40px;padding:10px 24px;transition:background-color .3s}.blog-post-page .back-button:hover{background-color:#1b5c6b}.blog-post-page .post-full-image{border-radius:14px;height:auto;margin:30px 0;max-width:100%;width:100%}@media (max-width:1024px){.post-content-wrapper{margin:0 20px 40px}.post-header{padding:30px 25px 25px}.post-full-content{padding:30px 25px}.blog-post-navigation{gap:20px;padding:0 25px}.post-footer{padding:25px}}@media (max-width:768px){.blog-post-page{padding-top:80px}.breadcrumb{padding:0 15px}.breadcrumb-container{font-size:13px;padding:10px 16px}.breadcrumb-current{max-width:200px}.post-content-wrapper{border-radius:20px;margin:0 10px 30px}.post-header{padding:25px 20px 20px}.post-title{font-size:24px}.post-meta-enhanced{flex-direction:column;gap:12px}.post-description-enhanced{font-size:16px}.post-actions{flex-direction:column;gap:12px}.action-btn{justify-content:center;width:100%}.post-full-content{font-size:15px;padding:25px 20px}.post-full-content img{border-radius:12px;margin:20px auto}.blog-post-navigation{flex-direction:column;gap:16px;padding:0 20px}.nav-card{min-width:auto}.post-footer{padding:20px}.post-tags{justify-content:center}}@media (max-width:480px){.breadcrumb-container{font-size:12px;padding:8px 12px}.breadcrumb-current{max-width:150px}.post-header{padding:20px 15px}.post-title{font-size:20px}.post-full-content{font-size:14px;padding:20px 15px}.nav-card{padding:20px 16px}.nav-card h4{font-size:15px}.nav-card p{font-size:12px}.post-footer{padding:15px}.tag{font-size:11px;padding:4px 10px}}.blog-post-navigation{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin:40px 0;padding:0 40px}.prev-post{text-align:right}.prev-post .nav-direction{justify-content:flex-end}.next-post{text-align:left}.next-post .nav-direction{justify-content:flex-start}.HomePageMainSection{display:block;visibility:visible}.heading-xl{color:#1e293b;direction:ltr;font-size:clamp(40px,5vw,72px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 auto;text-align:center}.PHomePageMainSection{align-items:center;color:#475569;direction:ltr;display:flex;flex-wrap:wrap;font-size:clamp(16px,1.4rem,1.8rem);gap:12px;justify-content:center;margin-bottom:.5rem;max-width:90vw;padding:1rem;white-space:nowrap}.PHomePageMainSection,.heading{font-weight:500;text-align:center}.heading{color:#64748b;direction:rtl;font-family:Varela Round,sans-serif;font-size:clamp(18px,2.5vw,24px);letter-spacing:.01em;line-height:1.7;margin:0 auto;max-width:85%;word-spacing:3px}@media screen and (max-width:768px){.heading{font-size:18px;line-height:1.8;max-width:95%}}@media screen and (max-width:480px){.heading{font-size:16px;line-height:1.9;padding:0 10px;word-break:break-word}}.PHomePageMainSection img{font-size:0;height:auto;width:clamp(40px,4rem,6rem)}.boldTextMainHhomePage{font-weight:700}.logomainHhomePage{border-radius:50px;direction:rtl;display:inline-block;height:auto;margin:0;padding:0;vertical-align:middle;width:clamp(40px,4rem,6rem)}.banner-column{grid-row-gap:3rem;display:grid;row-gap:3rem}.banner-column,.mainHhomePage{align-items:center;position:relative}.mainHhomePage{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;direction:rtl;display:flex;font-family:Varela Round,sans-serif;justify-content:center;margin-left:3%;margin-right:3%;margin-top:6%;min-height:80vh;overflow:hidden}.banner-inner{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:1200px;padding:0 2rem;width:100%}.heading-x{color:#334155;font-family:Varela Round,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0 auto;max-width:90%;text-align:center}.mainHhomePage-paragraph{direction:rtl;font-size:20px;line-height:1.8;margin:0 auto;text-align:center;width:50%;word-break:break-word}.banner-links{grid-row-gap:.5rem;display:grid;justify-items:center;opacity:0;position:absolute;right:1.5rem;row-gap:.5rem;top:30%;visibility:hidden}.banner-links>*{color:#000;font-size:1.25rem;line-height:1.25}.banner-links:before{top:-3rem}.banner-links:after,.banner-links:before{background:#000;content:"";height:2px;position:absolute;transform:rotate(90deg);width:4rem}.banner-links:after{bottom:-3rem}.mainHhomePage-btn-container{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;width:100%}.btn,.mainHhomePage-btn-container{align-items:center;font-family:Varela Round,sans-serif;justify-content:center}.btn{background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:16px;box-shadow:0 8px 25px #2e61554d;color:#fff;column-gap:.75rem;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:600;letter-spacing:.5px;min-width:200px;overflow:hidden;padding:1.25rem 3rem;position:relative;text-transform:none;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:hover{background:linear-gradient(135deg,#1e4a42,#10b981);box-shadow:0 12px 35px #2e615566;transform:translateY(-3px)}.btn:active{box-shadow:0 6px 20px #2e61554d;transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:2px solid #7c3aed;box-shadow:0 8px 25px #7c3aed4d;color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);border-color:#6d28d9;box-shadow:0 12px 35px #7c3aed66;color:#fff;transform:translateY(-3px)}.btn-secondary:active{box-shadow:0 6px 20px #7c3aed33;transform:translateY(-1px)}.btn i,.btn svg{font-size:24px;height:24px;width:24px}.scroll-arrow{animation:bounce 1.5s infinite;bottom:20px;color:#000;cursor:pointer;font-size:2rem;left:53%;position:absolute;transform:translateX(-50%)}.scroll-arrow:hover{color:#445073}@media screen and (max-width:1024px){.mainHhomePage{border-radius:20px;margin-left:4%;margin-right:4%;margin-top:10%;min-height:auto;padding:3rem 2rem}.banner-inner{gap:1.5rem;padding:0 1rem}.mainHhomePage-btn-container{flex-direction:column;gap:1rem;margin-top:1.5rem;width:100%}.btn{font-size:1.1rem;max-width:320px;min-width:auto;padding:1.1rem 2.5rem;width:100%}}@media screen and (max-width:768px){.mainHhomePage{margin-left:3%;margin-right:3%;margin-top:12%;padding:2.5rem 1.5rem}.PHomePageMainSection{flex-direction:column;font-size:14px;gap:8px;margin-bottom:1rem}.logomainHhomePage{width:35px}.banner-inner{gap:1.5rem;padding:0 .5rem}.mainHhomePage-btn-container{gap:1rem;margin-top:1.5rem;width:100%}.btn{border-radius:14px;font-size:1rem;max-width:300px;padding:1rem 2rem;width:100%}}@media screen and (max-width:480px){.mainHhomePage{border-radius:16px;margin-left:2%;margin-right:2%;margin-top:8%;padding:2rem 1rem}.PHomePageMainSection{gap:6px;margin-bottom:.5rem}.banner-inner{gap:1.25rem;padding:0}.logomainHhomePage{width:32px}.mainHhomePage-btn-container{gap:.75rem;margin-top:1.25rem;width:100%}.btn{border-radius:12px;font-size:.95rem;max-width:280px;padding:.9rem 1.75rem;width:100%}.metaPartnerLogo{margin-left:8px;width:130px}.scroll-arrow{display:none}}@media screen and (min-width:1920px){.PHomePageMainSection{font-size:clamp(16px,1.5rem,2rem);gap:12px}.logomainHhomePage{width:clamp(50px,5rem,7rem)}}@media screen and (min-width:2560px){.PHomePageMainSection{font-size:clamp(18px,2rem,2.5rem);max-width:75vw}.logomainHhomePage{width:clamp(60px,6rem,8rem)}}@media screen and (min-width:3840px){.PHomePageMainSection{font-size:clamp(20px,2.5rem,3rem);max-width:65vw}.logomainHhomePage{width:clamp(70px,7rem,9rem)}}@media screen and (min-width:5120px){.PHomePageMainSection{font-size:clamp(22px,3rem,3.5rem);max-width:60vw}.logomainHhomePage{width:clamp(80px,8rem,10rem)}}@media screen and (min-width:7680px){.PHomePageMainSection{font-size:clamp(24px,3.5rem,4rem);max-width:50vw}.logomainHhomePage{width:clamp(100px,10rem,12rem)}}.PHomePageMainSection img:not(.metaPartnerLogo){height:auto;max-width:40px;width:clamp(40px,4rem,6rem)}.metaPartnerLogo{height:auto;margin-left:12px;opacity:.9;transition:opacity .3s ease;vertical-align:middle;width:160px}.metaPartnerLogo:hover{opacity:1}.demo-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;box-sizing:border-box;direction:rtl;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:9999}.demo-popup-overlay.ltr{direction:ltr}.demo-popup{animation:slideUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:16px;box-shadow:0 20px 40px #0003,0 0 0 1px #fff3;font-family:Varela Round,sans-serif;max-height:85vh;max-width:950px;overflow-y:auto;position:relative;width:90%}.success-popup{max-width:500px;padding:3rem;text-align:center}.success-content{flex-direction:column;gap:1.5rem}.success-icon{animation:bounceIn .6s ease-out;color:#10b981;font-size:4rem}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-content h2{color:#1f2937;font-size:2rem;font-weight:700;margin:0}.success-content p{color:#6b7280;font-size:1.1rem;margin:0}.demo-popup-close{align-items:center;background:#6b72801a;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;left:1.5rem;position:absolute;top:1.5rem;transition:all .3s ease;width:40px;z-index:10}.demo-popup-close:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.demo-popup-overlay.ltr .demo-popup-close{left:auto;right:1.5rem}.demo-popup-header{background:linear-gradient(135deg,#2e6155,#1e3a32);color:#fff;overflow:hidden;padding:1.25rem 1.5rem;position:relative;text-align:center}.demo-popup-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.demo-popup-icon{margin-bottom:.5rem;position:relative;z-index:1}.demo-popup-icon,.demo-popup-icon svg{display:block!important;visibility:visible!important}.demo-popup-icon svg{color:#fbbf24;font-size:2rem}.demo-popup-header h2{font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 .25rem;position:relative;z-index:1}.demo-popup-header p{font-size:.9rem;line-height:1.3;margin:0;opacity:.9;position:relative;z-index:1}.demo-popup-content{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:2fr 3fr;padding:1.75rem}.section-header{gap:.5rem;margin-bottom:1.25rem}.section-icon{color:#2e6155;font-size:1.1rem}.section-header h3{color:#1f2937;font-size:1.1rem;font-weight:600}.demo-popup-calendar{background:linear-gradient(135deg,#f8fafcf2,#f1f5f9f2);border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 2px 8px #0000000d;height:fit-content;padding:1.25rem;width:100%}.demo-popup-calendar .datepicker,.demo-popup-calendar .react-datepicker-wrapper,.demo-popup-calendar .react-datepicker__input-container,.demo-popup-calendar .react-datepicker__input-container input{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1f2937;cursor:pointer;font-family:inherit;font-size:14px;margin-bottom:.75rem;padding:.75rem .875rem;transition:all .2s ease;width:100%}.demo-popup-calendar .react-datepicker-popper{margin-top:3rem!important;z-index:10!important}.demo-popup-calendar .react-datepicker-popper[data-placement^=bottom]{padding-top:2rem}.demo-popup-calendar .datepicker::placeholder,.demo-popup-calendar .react-datepicker__input-container input::placeholder{color:#9ca3af}.demo-popup-calendar .datepicker:hover,.demo-popup-calendar .react-datepicker__input-container input:hover{border-color:#d1d5db}.demo-popup-calendar .datepicker:focus,.demo-popup-calendar .react-datepicker__input-container input:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e615514;outline:none}.demo-popup-calendar .datepicker.error,.demo-popup-calendar .react-datepicker__input-container input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.availability-note{background:#3b82f614;border-left:3px solid #3b82f6;border-radius:8px;padding:.75rem}.availability-note p{color:#1e40af;font-size:.85rem;font-weight:500;margin:0}.demo-popup-form{display:flex;flex-direction:column;gap:.625rem}.demo-popup-form-group{display:flex;flex-direction:column;gap:.1rem}.demo-popup-input-wrapper{align-items:center;display:flex;position:relative}.demo-popup-input-icon{color:#9ca3af;font-size:.8rem;pointer-events:none;position:absolute;right:.625rem;z-index:2}.demo-popup-overlay.ltr .demo-popup-input-icon{left:.625rem;right:auto}.demo-popup-textarea-wrapper .demo-popup-input-icon{right:.75rem;top:.75rem}.demo-popup-overlay.ltr .demo-popup-textarea-wrapper .demo-popup-input-icon{left:.75rem;right:auto}.demo-popup-input-wrapper input,.demo-popup-input-wrapper textarea{background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:13px;padding:.5rem 2rem .5rem .625rem;text-align:right;transition:all .2s ease;width:100%}.demo-popup-overlay.ltr .demo-popup-input-wrapper input,.demo-popup-overlay.ltr .demo-popup-input-wrapper textarea{padding:.5rem .625rem .5rem 2rem;text-align:left}.demo-popup-input-wrapper input::placeholder,.demo-popup-input-wrapper textarea::placeholder{color:#9ca3af}.demo-popup-input-wrapper input:hover,.demo-popup-input-wrapper textarea:hover{border-color:#d1d5db}.demo-popup-input-wrapper input:focus,.demo-popup-input-wrapper textarea:focus{background:#fff;border-color:#2e6155;box-shadow:0 0 0 3px #2e615514;outline:none}.demo-popup-input-wrapper input.error,.demo-popup-input-wrapper textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.demo-popup-input-wrapper textarea{min-height:60px;padding-right:2rem;padding-top:.5rem;resize:vertical}.demo-popup-error-message{color:#ef4444;font-size:.875rem;font-weight:500;margin-top:.25rem}.demo-popup-submit-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;font-weight:600;padding:.75rem;text-align:center}.demo-popup-form-submit-btn{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:7px;box-shadow:0 4px 16px #2e615540;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.25rem;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.demo-popup-form-submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.demo-popup-form-submit-btn:hover:before{left:100%}.demo-popup-form-submit-btn:hover{box-shadow:0 8px 30px #2e615566;transform:translateY(-2px)}.demo-popup-form-submit-btn:active{transform:translateY(0)}.demo-popup-form-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.demo-popup-form-submit-btn.loading{background:linear-gradient(135deg,#9ca3af,#6b7280)}.demo-popup-btn-icon{font-size:1rem}.demo-popup-loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.react-datepicker-wrapper{width:100%}.react-datepicker__input-container input{width:100%!important}.react-datepicker-popper{z-index:10!important}.react-datepicker{border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 10px 30px #0000001f!important;font-family:Varela Round,sans-serif!important;overflow:hidden!important}.react-datepicker__header{background:#2e6155!important;border-bottom:none!important;border-radius:12px 12px 0 0!important;color:#fff!important;padding:1rem .75rem .75rem!important}.react-datepicker__current-month{color:#fff!important;font-size:1rem!important;font-weight:600!important;margin-bottom:.5rem!important}.react-datepicker__day-names{margin-top:.5rem!important}.react-datepicker__day-name{color:#ffffffe6!important;font-size:.875rem!important;font-weight:500!important;line-height:2rem!important;margin:.166rem!important;width:2rem!important}.react-datepicker__month{background:#fff!important;margin:.5rem!important}.react-datepicker__week{display:flex!important}.react-datepicker__day{border-radius:6px!important;color:#374151!important;font-size:.875rem!important;height:2rem!important;line-height:2rem!important;margin:.166rem!important;transition:all .2s ease!important;width:2rem!important}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:#2e6155!important;color:#fff!important;font-weight:600!important}.react-datepicker__day:hover{background-color:#2e61551a!important;border-radius:6px!important}.react-datepicker__day--disabled{color:#d1d5db!important;cursor:not-allowed!important}.react-datepicker__day--outside-month{color:#d1d5db!important}.react-datepicker__time-container{border-left:1px solid #e5e7eb!important;width:100px!important}.react-datepicker__time-container .react-datepicker__time{background:#fff!important}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:100%!important}.react-datepicker__time-list{padding:0!important}.react-datepicker__time-list-item{font-size:.875rem!important;padding:.5rem .75rem!important;transition:all .2s ease!important}.react-datepicker__time-list-item:hover{background-color:#2e61551a!important}.react-datepicker__time-list-item--selected{background-color:#2e6155!important;color:#fff!important;font-weight:600!important}.react-datepicker__navigation{top:1.1rem!important}.react-datepicker__navigation-icon:before{border-color:#fff!important;border-width:2px 2px 0 0!important;height:8px!important;width:8px!important}@media screen and (max-width:768px){.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:#2e6155!important;border-radius:4px!important;color:#fff!important}.react-datepicker__day:hover{background-color:#2e61551a!important;border-radius:4px!important}.react-datepicker__day{border-radius:4px!important;height:auto!important;line-height:1.7rem!important;margin:.166rem!important;width:auto!important}}@media screen and (min-width:1400px){.demo-popup{max-width:1400px}}@media screen and (max-width:1024px){.demo-popup{max-width:850px;width:90%}.demo-popup-content{gap:1.5rem;grid-template-columns:2fr 3fr;padding:1.75rem}}@media screen and (max-width:768px){.demo-popup-overlay{padding:60px .5rem .5rem}.demo-popup{margin:.5rem;max-height:88vh;max-width:none;width:95%}.demo-popup-content{gap:1.25rem;grid-template-columns:1fr;padding:1.5rem}.demo-popup-header{padding:1rem 1rem .875rem}.demo-popup-header h2{font-size:1.35rem}.demo-popup-header p{font-size:.85rem}.demo-popup-icon svg{font-size:1.75rem}.demo-popup-calendar{max-width:100%;padding:1.25rem;width:100%}.demo-popup-close{font-size:15px;height:34px;left:.875rem;top:.875rem;width:34px}.section-header h3,.section-icon{font-size:1rem}}@media screen and (max-width:480px){.demo-popup-overlay{padding:60px .25rem .25rem}.demo-popup{border-radius:12px;margin:.5rem;max-height:88vh;width:100%}.demo-popup-content{gap:1rem;padding:1rem}.demo-popup-header{padding:1rem 1rem .75rem}.demo-popup-header h2{font-size:1.25rem}.demo-popup-header p{font-size:.8rem}.demo-popup-icon{margin-bottom:.375rem}.demo-popup-icon svg{font-size:1.5rem}.demo-popup-calendar{max-width:100%;padding:1rem;width:100%}.demo-popup-input-wrapper input,.demo-popup-input-wrapper textarea{font-size:16px;padding:.75rem .875rem .75rem 2.5rem}.demo-popup-form-submit-btn{font-size:.95rem;padding:.75rem 1.25rem}.section-header{margin-bottom:.875rem}.section-header h3,.section-icon{font-size:.95rem}.demo-popup-form-group{gap:.25rem}.availability-note{padding:.625rem}.availability-note p{font-size:.75rem}.demo-popup-input-wrapper textarea{min-height:70px}}@media screen and (max-width:360px){.demo-popup-overlay{padding:70px .25rem .25rem}.demo-popup{margin:.25rem;width:100%}.demo-popup-content{padding:.75rem}.demo-popup-header{padding:1rem .75rem .5rem}.demo-popup-calendar,.demo-popup-form{padding:.75rem}}@media screen and (max-height:600px) and (orientation:landscape){.demo-popup{max-height:95vh}.demo-popup-header{padding:1rem 1.5rem .75rem}.demo-popup-header h2{font-size:1.4rem}.demo-popup-icon svg{font-size:2rem}.demo-popup-content{padding:1rem}}[dir=rtl] .demo-popup-input-wrapper input,[dir=rtl] .demo-popup-input-wrapper textarea{padding:1rem 3rem 1rem 1.25rem}[dir=rtl] .demo-popup-input-icon{left:1rem;right:auto}[dir=rtl] .demo-popup-close{left:auto;right:1.5rem}@media screen and (max-width:768px){[dir=rtl] .demo-popup-close{right:1rem}[dir=rtl] .demo-popup-input-wrapper input,[dir=rtl] .demo-popup-input-wrapper textarea{padding:.875rem 2.75rem .875rem 1rem}[dir=rtl] .demo-popup-input-icon{left:1rem}}@media (prefers-reduced-motion:reduce){.demo-popup,.demo-popup-icon svg,.demo-popup-overlay,.loading-spinner,.success-icon{animation:none}.datepicker,.demo-popup-close,.demo-popup-form-submit-btn,.demo-popup-input-wrapper input,.demo-popup-input-wrapper textarea{transition:none}}@media (prefers-contrast:high){.demo-popup{border:2px solid #000}.datepicker,.demo-popup-input-wrapper input,.demo-popup-input-wrapper textarea{border-width:2px}.demo-popup-form-submit-btn{border:2px solid #000}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.ExamplesContainer-Examples{background:linear-gradient(180deg,#fff,#f7f9f8);border:1px solid #e0e0e0;border-radius:24px;box-shadow:0 8px 24px #00000014;direction:rtl;font-family:Varela Round,sans-serif;margin:6% 3%;padding:30px 20px;text-align:center;transition:box-shadow .3s ease,transform .3s ease}.HeaderContainer-Examples{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.HeaderOption-Examples{background-color:#fffdfa;border:1px solid #2b3e2b;border-radius:50px;color:#333;cursor:pointer;font-size:14px;padding:10px 20px;transition:transform .3s ease,box-shadow .3s ease}.HeaderOption-Examples:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.08)}.HeaderOptionActive-Examples{background-color:#d1e9f6}.ExamplesContainerP1{font-size:45px}.HighlightedText-Examples{color:#2e6155;font-weight:700}.ContentSection-Examples{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.Content-Examples{flex:1.5 1;text-align:right}.Content-Examples h1{color:#2e6155;font-size:30px;margin-bottom:20px;text-align:center}.Content-Examples p{color:#666;font-size:16px;line-height:1.5;text-align:center}.ExampleBox-Examples{flex:1.5 1;padding:20px}.VideoBox-Examples{border-radius:10px;box-shadow:0 4px 6px #0000001a;height:auto;max-width:600px;width:50%}.ToggleContainer-Examples{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.ToggleButton-Examples{border:2px solid #0000;border-radius:25px;cursor:pointer;font-family:Varela Round,sans-serif;font-size:16px;font-weight:700;padding:10px 20px;transition:all .3s ease}.ToggleButton-Department,.ToggleButton-Field{color:#2e6155}.ToggleButton-Examples.active{background-color:#d1e9f6}.ToggleButton-Examples:hover{background-color:#d1e9f6;opacity:.9;transform:scale(1.05)}.UnderlineText-Examples{color:inherit;display:inline-block;position:relative}.ExamplesContainerP2{background:linear-gradient(180deg,#fff,#f8f9f7);border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 6px 16px #0000000d;font-size:16px;margin-left:auto;margin-right:auto;margin-top:2%;max-width:800px;padding:10px 20px;text-align:center;transition:box-shadow .3s ease}.ExamplesContainerP2:hover{box-shadow:0 12px 28px #0000001a}.ExamplesContainerP2 p{color:#2e6155;font-size:18px;line-height:1.6;margin-bottom:15px}.contactButtonEXP{background-color:#2e6155;border-radius:30px;color:#fff;display:inline-block;font-weight:700;margin-bottom:1%;padding:12px 24px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.contactButtonEXP :hover{background-color:#45a049;transform:scale(1.05)}.IntroductionFormContainer-IntroductionForm{background:linear-gradient(135deg,#e1eebc,#f0f8e8);background-position:50%;background-size:cover;border:1px solid #fff3;border-radius:28px;box-shadow:0 15px 35px #0000001a;font-family:Varela Round,sans-serif;margin:80px auto;max-width:700px;overflow:hidden;padding:60px 40px;position:relative;text-align:center}.IntroductionFormContainer-IntroductionForm:before{background:radial-gradient(circle at 20% 20%,#2e615508 0,#0000 50%),radial-gradient(circle at 80% 80%,#2e615508 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.IntroductionFormContainer-IntroductionForm>*{position:relative;z-index:1}.IntroductionHeader{color:#6b7280;font-size:clamp(18px,2vw,22px);font-weight:500;letter-spacing:.5px;margin-bottom:15px;margin-top:0}.IntroductionTitle{color:#2e6155;direction:rtl;font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:25px}.IntroductionSubtitle{color:#4a5568;direction:rtl;font-size:clamp(14px,2vw,18px);font-weight:400;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:500px}.IntroductionForm{align-items:center;display:flex;flex-direction:column;gap:25px;margin:0 auto;max-width:800px}.form-inputs-row{align-items:center;direction:rtl;display:flex;flex-wrap:nowrap;gap:20px;justify-content:center;width:100%}.InputField-IntroductionForm{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #2e615533;border-radius:12px;color:#2e6155;direction:rtl;flex:1 1;font-family:Varela Round,sans-serif;font-size:16px;font-weight:500;max-width:220px;min-width:180px;padding:16px 20px;transition:all .3s ease}.InputField-IntroductionForm:focus{background:#fff;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;outline:none;transform:translateY(-2px)}.InputField-IntroductionForm::placeholder{color:#9ca3af;font-weight:400}.SubmitButton-IntroductionForm{background:linear-gradient(135deg,#2e6155,#3a7966);border:none;border-radius:12px;box-shadow:0 4px 15px #2e61554d;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;margin-top:10px;min-width:120px;padding:16px 32px;transition:all .3s ease}.SubmitButton-IntroductionForm:hover{background:linear-gradient(135deg,#1c4038,#2e6155);box-shadow:0 8px 25px #2e615566;transform:translateY(-3px)}.SubmitButton-IntroductionForm:active{transform:translateY(-1px)}@media (max-width:768px){.IntroductionFormContainer-IntroductionForm{border-radius:24px;margin:40px 15px;padding:40px 25px}.IntroductionHeader{margin-bottom:12px}.IntroductionTitle{margin-bottom:20px}.IntroductionSubtitle{margin-bottom:30px}.IntroductionForm{gap:18px;max-width:100%}.form-inputs-row{flex-direction:column;gap:18px}.InputField-IntroductionForm{font-size:15px;max-width:100%;min-width:auto;padding:14px 18px;width:100%}.SubmitButton-IntroductionForm{font-size:15px;max-width:300px;padding:14px 28px;width:100%}}@media (max-width:480px){.IntroductionFormContainer-IntroductionForm{border-radius:20px;margin:30px 10px;padding:30px 20px}.IntroductionTitle{margin-bottom:15px}.IntroductionSubtitle{margin-bottom:25px}.IntroductionForm,.form-inputs-row{gap:16px}.InputField-IntroductionForm{font-size:14px;padding:12px 16px}.SubmitButton-IntroductionForm{font-size:14px;padding:12px 24px}}.SignUpModal-overlay{align-items:center;animation:fadeIn .5s ease-in-out;background:linear-gradient(to bottom right,#0009,#222c);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.SignUpModal-content{animation:popIn .4s ease;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0003;max-width:400px;padding:35px 30px 40px;position:relative;text-align:center;width:90%}.SignUpModal-title{color:#2e6155;font-size:26px;font-weight:700;margin-bottom:15px}.SignUpModal-description{color:#555;font-size:18px;line-height:1.6;margin-bottom:25px}.SignUpModal-button{background:linear-gradient(135deg,#4caf50,#2e6155);border:none;border-radius:50px;box-shadow:0 6px 15px #4caf5066;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:10px;padding:14px 28px;transition:all .3s ease}.SignUpModal-button:hover{background:linear-gradient(135deg,#2e6155,#4caf50);box-shadow:0 8px 20px #2e615580;transform:scale(1.05)}.SignUpModal-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:26px;position:absolute;right:20px;top:18px;transition:color .2s ease}.SignUpModal-close:hover{color:#000}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.SignUpModal-content{width:75%}}.contacts-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0 20%,#f1f5f9);min-height:100vh;padding:24px;position:relative}.ContactPageOf,.contacts-container{font-family:Varela Round,sans-serif}.ContactPageOf{margin-bottom:32px}.contacts-header{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#3a7966);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:clamp(28px,4vw,36px);font-weight:700;margin:0 0 8px;text-align:center}.contacts-content-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 80px #00000014,0 12px 35px #0000000a,0 0 0 1px #fffc;margin:0 auto;max-width:1400px;padding:32px}.contacts-header-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px}.contacts-search-section{display:flex;flex:1 1;min-width:200px}.contacts-search-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e5e7eb99;border-radius:16px;box-shadow:0 2px 8px #0000000a,0 1px 4px #00000005;color:#334155;font-family:Varela Round,sans-serif;font-size:17px;min-height:56px;padding:18px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.contacts-search-input:focus{background:#fffffffa;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a,0 4px 12px #00000014,0 2px 6px #0000000a;transform:translateY(-1px)}.contacts-search-input::placeholder{color:#94a3b8;font-weight:400}.contact-buttons-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.contact-button,.template-contact-button{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border:none;border-radius:12px;box-shadow:0 4px 12px #2e615540,0 2px 6px #2e615526;color:#fff;cursor:pointer;display:inline-flex;flex:0 1 auto;font-family:Varela Round,sans-serif;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-width:165px;overflow:hidden;padding:14px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.contact-button:before,.template-contact-button:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.contact-button:hover,.template-contact-button:hover{background:linear-gradient(135deg,#3a7966,#4a8a77);box-shadow:0 6px 20px #2e615559,0 3px 10px #2e615533;transform:translateY(-2px)}.contact-button:hover:before,.template-contact-button:hover:before{opacity:1}.contact-button:active,.template-contact-button:active{transform:translateY(0)}.template-contact-button a{align-items:center;color:inherit;display:flex;gap:8px;text-decoration:none}.export-contact-button{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:12px;box-shadow:0 4px 12px #05966940,0 2px 6px #05966926;color:#fff;cursor:pointer;display:inline-flex;flex:0 1 auto;font-family:Varela Round,sans-serif;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-width:165px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.export-contact-button:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.export-contact-button:hover{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 6px 20px #05966959,0 3px 10px #05966933;transform:translateY(-2px)}.export-contact-button:hover:before{opacity:1}.export-contact-button:active{transform:translateY(0)}.advanced-filter-button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 12px #6366f140,0 2px 6px #6366f126;color:#fff;cursor:pointer;display:inline-flex;font-family:Varela Round,sans-serif;font-size:15px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.advanced-filter-button.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 20px #6366f159,0 3px 10px #6366f133}.advanced-filter-button:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.advanced-filter-button:hover{background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 6px 20px #6366f159,0 3px 10px #6366f133;transform:translateY(-2px)}.advanced-filter-button:hover:before{opacity:1}.advanced-filter-button:active{transform:translateY(0)}.filter-count-badge{background:#ffffffe6;border-radius:10px;color:#6366f1;font-size:12px;font-weight:700;margin-left:4px;min-width:18px;padding:2px 6px;text-align:center}.advanced-filters-modal-overlay{align-items:center;animation:modalOverlayFadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:99999}.advanced-filters-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #e5e7eb99;border-radius:20px;box-shadow:0 25px 80px #00000026,0 12px 35px #00000014,0 0 0 1px #ffffffe6;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.advanced-filters-header{align-items:center;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-bottom:1px solid #e5e7eb99;display:flex;justify-content:space-between;padding:20px 24px}.advanced-filters-header h3{align-items:center;color:#374151;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.advanced-filters-actions{display:flex;gap:8px}.clear-filters-btn,.close-filters-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.clear-filters-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.clear-filters-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.close-filters-btn{background:#6b72801a;color:#6b7280}.close-filters-btn:hover{background:#6b728033;color:#374151}.advanced-filters-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-height:calc(90vh - 200px);overflow-x:hidden;overflow-y:auto;padding:24px}.advanced-filters-content::-webkit-scrollbar{width:8px}.advanced-filters-content::-webkit-scrollbar-track{background:#e5e7eb4d;border-radius:4px}.advanced-filters-content::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}.advanced-filters-content::-webkit-scrollbar-thumb:hover{background:#6366f180}.advanced-filters-footer{align-items:center;background:#f9fafbcc;border-radius:0 0 20px 20px;border-top:1px solid #e5e7eb99;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.apply-filters-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s ease}.apply-filters-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.apply-filters-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-filters-btn{background:#6b72801a;border:1px solid #6b728033;border-radius:10px;color:#6b7280;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s ease}.cancel-filters-btn:hover{background:#6b728026;color:#374151}.filter-group{display:flex;flex-direction:column;gap:12px}.filter-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px}.date-input,.filter-input{background:#ffffffe6;border:2px solid #e5e7eb99;border-radius:8px;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease}.date-input:focus,.filter-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.date-range-inputs{align-items:center;display:flex;gap:12px}.date-separator{color:#6b7280;font-size:14px;font-weight:500}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-label{color:#374151;font-size:14px;gap:8px;padding:4px 0}.checkbox-label input[type=radio]{accent-color:#6366f1;height:16px;width:16px}.filter-section-divider{border-top:2px solid #e5e7eb99;grid-column:1/-1;margin:20px 0 10px;padding-top:20px}.filter-section-divider h4{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.field-type-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:500;margin-left:auto;text-transform:lowercase}.advanced-filter-field{display:flex;flex-direction:column;gap:12px}.filter-operator-row{align-items:center;display:flex;gap:8px}.operator-select{background:#ffffffe6;border:2px solid #e5e7eb99;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:140px;padding:8px 12px;transition:all .2s ease}.operator-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.has-value-options{background:#6366f10d;border:1px solid #6366f11a;border-radius:8px;display:flex;gap:16px;margin-top:8px;padding:12px}.filter-values-container{background:#f8fafccc;border:1px solid #e5e7eb99;border-radius:8px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:8px}.filter-logic-group{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:2px solid #6366f133;border-radius:12px;grid-column:1/-1;margin-bottom:8px;padding:20px}.filter-logic-selector{display:flex;gap:24px}.logic-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.logic-option:hover{background:#6366f11a}.logic-label{color:#374151;font-size:14px;font-weight:500}.tags-selection-container{margin-top:8px}.tags-grid{grid-gap:8px;background:#f8fafccc;border:1px solid #e5e7eb99;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:200px;overflow-y:auto;padding:12px}.tag-checkbox-label{align-items:center;background:#fffc;border:1px solid #e5e7eb66;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:6px 10px;transition:all .2s ease}.tag-checkbox-label:hover{background:#6366f11a;border-color:#6366f14d}.tag-checkbox-label input[type=checkbox]:checked+.tag-name{color:#6366f1;font-weight:600}.tag-name{color:#374151;font-size:13px;font-weight:500}.no-tags-message{color:#6b7280;font-style:italic;margin:0;padding:20px;text-align:center}.range-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.range-input{background:#ffffffe6;border:2px solid #e5e7eb99;border-radius:6px;color:#374151;flex:1 1;font-size:14px;min-width:80px;padding:8px 12px;transition:all .2s ease}.range-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.range-separator{color:#6b7280;font-size:14px;font-weight:500;white-space:nowrap}.age-range-container{display:flex;flex-direction:column;gap:12px}.single-age-input{align-items:center;display:flex;gap:8px}.age-unit,.days-unit,.length-unit{color:#6b7280;font-size:14px;font-weight:500;white-space:nowrap}.last-days-container,.relative-date-container{align-items:center;display:flex;gap:8px}.relative-select{background:#ffffffe6;border:2px solid #e5e7eb99;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;min-width:150px;padding:8px 12px;transition:all .2s ease}.relative-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.regex-help{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:6px;margin-top:8px;padding:8px 12px}.regex-help small{color:#6b7280;font-size:12px;line-height:1.4}.advanced-filter-field{background:#f8fafc80;border:1px solid #e5e7eb99;border-radius:12px;padding:16px;transition:all .2s ease}.advanced-filter-field:hover{background:#f8fafccc;border-color:#6366f133}.filter-group:has(.age-range-container) .filter-label:after{content:"🎂";margin-left:8px}.filter-group:has(.range-inputs) .advanced-filter-field{border-left:4px solid #10b981}.filter-group:has(.last-days-container) .advanced-filter-field,.filter-group:has(.relative-date-container) .advanced-filter-field{border-left:4px solid #f59e0b}.filter-group:has(.regex-help) .advanced-filter-field{border-left:4px solid #8b5cf6}.contacts-table-container{background:#ffffffb3;border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 8px 25px #0000000f,0 4px 12px #00000008;min-height:600px;overflow:hidden}.contacts-table{background:#0000;border-collapse:collapse;font-family:Varela Round,sans-serif;width:100%}.contacts-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb66;color:#374151;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:20px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0;transition:all .2s ease;z-index:10}.contacts-table th:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.contacts-table td{border-bottom:1px solid #e5e7eb33;color:#475569;font-size:14px;padding:16px;transition:all .2s ease;vertical-align:middle}.contacts-table tbody tr{cursor:pointer;transition:all .2s ease}.contacts-table tbody tr:hover{background:#2e615505;box-shadow:0 2px 8px #0000000a;transform:translateY(-1px)}.contacts-table input[type=checkbox]{accent-color:#2e6155;cursor:pointer;height:18px;width:18px}.contact-edit-buttons{align-items:center;display:flex;gap:8px;justify-content:center}.contacts-delete-button,.contacts-edit-button{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.contacts-edit-button{color:#3b82f6}.contacts-edit-button:hover{background:#3b82f61a;transform:scale(1.1)}.contacts-delete-button{color:#ef4444}.contacts-delete-button:hover{background:#ef44441a;transform:scale(1.1)}.contacts-delete-button svg,.contacts-edit-button svg{height:18px;width:18px}.contacts-stats{align-items:center;background:#2e61550d;border:1px solid #2e61551a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.contacts-total{color:#2e6155;font-size:16px;font-weight:600}.contacts-displayed{color:#6b7280;font-size:14px;font-weight:500}.contacts-displayed strong{color:#059669;font-weight:600}.contacts-selected{background:#10b9811a;border-radius:8px;color:#059669;font-size:14px;font-weight:500;padding:6px 12px}.contacts-pagination{align-items:center;background:#f8fafc80;border:1px solid #e5e7eb4d;border-radius:16px;display:flex;gap:20px;justify-content:space-between;margin-top:32px;padding:24px}.pagination-button{background:#ffffffe6;border:2px solid #e5e7eb99;box-shadow:0 2px 4px #0000000a;color:#6b7280;display:inline-flex;font-family:Varela Round,sans-serif;font-weight:500}.pagination-button:hover:not(:disabled){background:#2e6155;border-color:#2e6155;box-shadow:0 4px 12px #2e615540;color:#fff;transform:translateY(-2px)}.pagination-button:active:not(:disabled){transform:translateY(0)}.pagination-button:disabled{background:#f9fafbcc;border-color:#e5e7eb66;color:#9ca3af;cursor:not-allowed;opacity:.4}.pagination-button:disabled:hover{box-shadow:0 2px 4px #0000000a;transform:none}.pagination-info{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:200px;text-align:center}.pagination-text{color:#374151;font-family:Varela Round,sans-serif;font-size:16px;font-weight:500;line-height:1.4}.pagination-text strong{color:#2e6155;font-weight:700}.pagination-subtext{color:#6b7280;font-family:Varela Round,sans-serif;font-size:13px;font-weight:400}.contacts-loading{align-items:center;color:#6b7280;display:flex;font-size:16px;justify-content:center;padding:60px}.contacts-empty{color:#6b7280;padding:60px 20px;text-align:center}.contacts-empty h3{color:#374151;font-size:20px;margin-bottom:8px}.contacts-empty p{font-size:16px;margin-bottom:24px}@media (min-width:768px){.contacts-header-section{align-items:flex-start;flex-direction:row;justify-content:space-between}.contacts-search-section{flex:1 1;max-width:400px}.contact-buttons-container{flex-shrink:0}}@media (max-width:1200px){.contacts-container{padding:20px}.contacts-content-card{padding:24px}}@media (max-width:768px){.contacts-container{padding:16px}.contacts-content-card{border-radius:16px;padding:20px}.contacts-header{font-size:24px;margin-bottom:16px}.contact-buttons-container{justify-content:center}.advanced-filter-button,.contact-button,.export-contact-button,.template-contact-button{font-size:14px;min-width:120px;padding:12px 16px}.advanced-filters-modal{margin:10px;max-width:95vw}.advanced-filters-content{gap:20px;grid-template-columns:1fr;padding:20px}.date-range-inputs{flex-direction:column;gap:8px}.date-separator{display:none}.filter-logic-selector{flex-direction:column;gap:12px}.has-value-options{flex-direction:column;gap:8px}.tags-grid{grid-template-columns:1fr}.operator-select{font-size:13px;min-width:100px}.range-inputs{align-items:stretch;flex-direction:column;gap:8px}.range-input{min-width:auto}.last-days-container,.relative-date-container,.single-age-input{align-items:stretch;flex-direction:column;gap:8px}.relative-select{min-width:auto}.advanced-filter-field{padding:12px}.contacts-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.contacts-table{min-width:800px}.contacts-table td,.contacts-table th{font-size:13px;padding:12px 8px}.contacts-table th{padding:16px 8px}}@media (max-width:480px){.contacts-container{padding:12px}.contacts-content-card{padding:16px}.contacts-header{font-size:20px}.advanced-filter-button,.contact-button,.export-contact-button,.template-contact-button{font-size:13px;min-width:100px;padding:10px 12px}.advanced-filters-modal-overlay{padding:10px}.advanced-filters-modal{max-height:95vh;max-width:100vw}.advanced-filters-header{padding:16px 20px}.advanced-filters-content{max-height:calc(95vh - 180px);padding:16px}.advanced-filters-footer{flex-wrap:wrap;padding:12px 16px}.apply-filters-btn,.cancel-filters-btn{flex:1 1;justify-content:center;min-width:120px}.contacts-stats{align-items:center;flex-direction:column;gap:8px}.contacts-displayed,.contacts-total{text-align:center}.contacts-pagination{gap:12px;padding:16px}.pagination-info{flex:1 1;min-width:auto}.pagination-text{font-size:15px}.pagination-subtext{font-size:12px}.pagination-button{height:40px;width:40px}}.contacts-table td:first-child,.contacts-table th:first-child{width:50px}.contacts-table td:nth-child(2),.contacts-table th:nth-child(2){min-width:120px;width:20%}.contacts-table td:nth-child(3),.contacts-table th:nth-child(3){min-width:140px;width:18%}.contacts-table td:nth-child(4),.contacts-table th:nth-child(4){min-width:160px;width:22%}.contacts-table td:nth-child(5),.contacts-table th:nth-child(5){min-width:120px;width:15%}.contacts-table td:nth-child(6),.contacts-table th:nth-child(6){min-width:100px;width:15%}.contacts-table td:nth-child(7),.contacts-table th:nth-child(7){min-width:80px;width:10%}*{box-sizing:border-box}.contacts-container *{transition:all .2s ease}.contact-button:focus,.contacts-delete-button:focus,.contacts-edit-button:focus,.export-contact-button:focus,.pagination-button:focus,.template-contact-button:focus{outline:2px solid #2e6155;outline-offset:2px}.export-contact-button:focus{outline:2px solid #059669;outline-offset:2px}.advanced-filter-button:focus{outline:2px solid #6366f1;outline-offset:2px}.contacts-search-input:focus{outline:none}.keys-filter-dropdown-container{animation:slideDown .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #e2e8f04d;border-radius:16px;box-shadow:0 20px 60px #00000026,0 8px 25px #00000014,0 0 0 1px #fffc;max-height:400px;max-width:320px;min-width:280px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.close-dropdown-btn{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s ease;width:28px;z-index:1001}.close-dropdown-btn:hover{background:#ef444433;transform:scale(1.05)}.search-keys-input{background:#0000;border:none;border-bottom:1px solid #e2e8f04d;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;padding:12px 50px 12px 16px;width:100%}.search-keys-input:focus{border-bottom-color:#2e6155;outline:none}.search-keys-input::placeholder{color:#9ca3af}.keys-filter-options{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:16px}.keys-filter-options label{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;position:relative;transition:all .3s ease}.keys-filter-options label:hover{background:#2e61550d;border-color:#2e61551a;transform:translateX(2px)}.keys-filter-options label:first-child{background:#2e61550d;border-color:#2e615533;color:#2e6155;font-weight:600;margin-bottom:8px}.keys-filter-options label:first-child:hover{background:#2e61551a;border-color:#2e61554d}.keys-filter-options input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;flex-shrink:0;height:18px;position:relative;transition:all .3s ease;width:18px}.keys-filter-options input[type=checkbox]:checked{background:linear-gradient(135deg,#2e6155,#34d399);border-color:#2e6155}.keys-filter-options input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.keys-filter-options input[type=checkbox]:hover{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a}.keys-filter-options::-webkit-scrollbar{width:6px}.keys-filter-options::-webkit-scrollbar-track{background:#e2e8f033;border-radius:3px}.keys-filter-options::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:3px}.keys-filter-options::-webkit-scrollbar-thumb:hover{background:#94a3b899}.keys-filter-options:empty:after{color:#9ca3af;content:"No keys found";display:block;font-style:italic;padding:20px;text-align:center}@media (max-width:1300px){.contact-button,.export-contact-button,.template-contact-button{font-size:14px;min-width:150px;padding:12px 20px}}@media (max-width:1100px){.contact-buttons-container{gap:10px}.contact-button,.export-contact-button,.template-contact-button{font-size:14px;min-width:140px;padding:12px 18px}}@media (max-width:900px){.contact-buttons-container{gap:10px}.contact-button,.export-contact-button,.template-contact-button{font-size:13px;min-width:130px;padding:11px 16px}}@media (max-width:768px){.contact-buttons-container{gap:8px}.contact-button,.export-contact-button,.template-contact-button{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;font-size:13px;max-width:calc(50% - 4px);min-width:120px;padding:10px 14px}}@media (max-width:480px){.contact-buttons-container{gap:8px}.contact-button,.export-contact-button,.template-contact-button{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;font-size:12px;gap:6px;max-width:calc(50% - 4px);min-width:110px;padding:10px 12px}.contact-button svg,.export-contact-button svg,.template-contact-button svg{height:14px;width:14px}}@media print{.contacts-container{background:#fff;padding:0}.contacts-content-card{border:1px solid #ddd;box-shadow:none}.contact-buttons-container,.contacts-pagination,.keys-filter-dropdown-container{display:none}}.contact-keys-tooltip .tag,.contacts-table td .tag{all:unset;align-items:center!important;background:linear-gradient(135deg,#2e6155,#34d399)!important;border:none!important;border-radius:16px!important;box-shadow:0 2px 6px #2e615526!important;box-sizing:border-box!important;color:#fff!important;cursor:default!important;display:inline-flex!important;font-family:Varela Round,sans-serif!important;font-size:11px!important;font-weight:600!important;line-height:1.4!important;margin:2px!important;padding:4px 10px!important;transition:all .2s ease!important;white-space:nowrap!important}.contact-keys-tooltip .tag:hover,.contacts-table td .tag:hover{box-shadow:0 3px 8px #2e615540!important;transform:translateY(-1px)!important}.contacts-table td>div{align-items:center!important;gap:4px!important}.contact-keys-tooltip,.contacts-table td>div{display:flex!important;flex-wrap:wrap!important}.contact-keys-tooltip{gap:6px!important;padding:8px!important}.import-results-overlay{align-items:flex-start;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding-top:60px;position:fixed;top:0;width:100%;z-index:1000}.import-results-popup{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 25px 60px #0003;font-family:Varela Round,sans-serif;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:90%}.import-results-header{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);color:#fff;display:flex;justify-content:space-between;padding:24px 32px;position:relative}.header-content{gap:16px}.header-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;padding:12px}.header-text h2{font-size:24px;font-weight:700;margin:0}.header-subtitle{margin:4px 0 0}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.import-results-tabs{background:#2e61550d;border-bottom:1px solid #e2e8f080;display:flex}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-family:Varela Round,sans-serif;font-size:15px;font-weight:600;padding:16px 24px;transition:all .3s ease}.tab-button.active{background:#2e61551a;border-bottom-color:#34d399;color:#2e6155}.tab-button:hover:not(.active){background:#2e61550d;color:#374151}.import-results-body{max-height:60vh;overflow-y:auto;padding:32px}.stats-grid{margin-bottom:32px}.stat-card{box-shadow:0 4px 16px #00000014}.stat-icon{padding:12px}.stat-card.total .stat-icon{background:#6366f11a}.stat-card.success .stat-icon{background:#22c55e1a}.stat-card.updated .stat-icon{background:#3b82f61a}.stat-card.skipped .stat-icon{background:#9ca3af1a}.stat-card.exists .stat-icon{background:#93c5fd1a}.stat-card.failed .stat-icon{background:#ef44441a}.stat-card.invalid .stat-icon{background:#f59e0b1a}.stat-label{margin-top:4px}.stat-percentage{color:#9ca3af;font-size:12px;margin-top:2px}.progress-section{background:#fff;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:24px}.progress-section h3{color:#1f2937;font-size:18px;margin:0 0 16px}.progress-bar{background:#f3f4f6;border-radius:6px;display:flex;height:12px;margin-bottom:16px;overflow:hidden}.progress-segment{height:100%;transition:width .6s ease}.progress-segment.success{background:#22c55e}.progress-segment.updated{background:#3b82f6}.progress-segment.skipped{background:#9ca3af}.progress-segment.exists{background:#93c5fd}.progress-segment.failed{background:#ef4444}.progress-segment.invalid{background:#f59e0b}.progress-legend{display:flex;flex-wrap:wrap;gap:16px}.legend-item{color:#6b7280;font-size:13px;gap:4px}.filter-controls,.legend-item{align-items:center;display:flex}.filter-controls{background:#fff;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 2px 8px #0000000d;gap:12px;margin-bottom:20px;padding:16px 20px}.filter-controls label{color:#374151;font-size:14px;font-weight:600}.filter-select{background:#fff;border:2px solid #e2e8f099;border-radius:8px;color:#374151;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;padding:8px 12px;transition:all .3s ease}.filter-select:focus{border-color:#34d399;box-shadow:0 0 0 3px #34d3991a;outline:none}.table-container{background:#fff;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 4px 16px #00000014;overflow:hidden}.results-table{border-collapse:collapse;width:100%}.results-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0cc;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.results-table td,.results-table th{color:#374151;font-size:14px;padding:16px 20px}.results-table td{border-bottom:1px solid #e2e8f04d}.results-table tr:hover{background:#f8fafc80}.row-number{color:#6b7280;font-weight:600;width:60px}.contact-name{font-weight:500}.contact-phone{color:#4b5563;font-family:monospace}.contact-email{color:#4b5563}.status-badge.created,.status-badge.succeeded{background:#22c55e1a;border:1px solid #22c55e33;color:#15803d}.status-badge.updated{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.status-badge.skipped{background:#9ca3af1a;border:1px solid #9ca3af33;color:#6b7280}.status-badge.failed{color:#dc2626}.status-badge.exist,.status-badge.exists{background:#93c5fd1a;border:1px solid #93c5fd33;color:#1e40af}.status-badge.invalid,.status-badge.invalid-format{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.import-results-footer{align-items:center;background:#f8fafc80;border-top:1px solid #e2e8f080;display:flex;gap:16px;justify-content:space-between;padding:24px 32px}.btn-export{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-export:hover{box-shadow:0 8px 24px #2e61554d;transform:translateY(-2px)}.import-popup-btn-secondary{background:#6b72801a;border:2px solid #6b728033;border-radius:10px;color:#6b7280;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.import-popup-btn-secondary:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:translateY(-1px)}.no-results{color:#6b7280;padding:40px}.no-results-icon{font-size:48px;margin-bottom:16px}@media (max-width:768px){.import-results-overlay{padding-top:40px}.import-results-popup{margin:0;max-height:85vh;width:95%}.import-results-header{padding:20px}.header-icon{font-size:24px;padding:8px}.header-text h2{font-size:20px}.import-results-body{padding:20px}.stats-grid{gap:16px;grid-template-columns:1fr}.stat-card{padding:20px}.import-results-footer{flex-direction:column;padding:20px}.results-table td,.results-table th{font-size:13px;padding:12px 16px}}@media (max-width:480px){.import-results-overlay{padding-top:20px}}.import-config-modal-overlay{align-items:flex-start;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:60px 20px 40px;position:fixed;right:0;top:0;z-index:99999}.import-config-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:100%}.import-config-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:2px solid #e5e7eb;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.import-config-header h2{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0}.import-config-close{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.import-config-close:hover{background:#f3f4f6;color:#374151}.import-config-body{flex:1 1;min-height:0;overflow-y:auto;padding:24px}.import-config-body::-webkit-scrollbar{width:8px}.import-config-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.import-config-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.import-config-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}.import-config-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.import-config-loading .spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2e6155;height:48px;width:48px}.import-config-loading p{color:#6b7280;font-size:14px}.import-config-description{margin-bottom:18px}.import-config-description p{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.import-config-quick-actions{align-items:center;background:#f9fafb;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:14px 16px}.quick-actions-label{color:#374151;font-size:14px;font-weight:600}.quick-action-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.quick-action-btn:hover{border-color:#2e6155;box-shadow:0 4px 12px #2e615526;color:#2e6155;transform:translateY(-1px)}.import-config-section{margin-bottom:20px}.section-header{gap:8px;margin-bottom:12px}.section-header h3{color:#6b7280;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0}.section-subtitle{color:#9ca3af;font-size:12px}.fields-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.field-strategy-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;padding:14px 16px;transition:background .2s}.field-strategy-row:last-child{border-bottom:none}.field-strategy-row:hover{background:#f9fafb}.field-strategy-row.match-key,.field-strategy-row.match-key:hover{background:#fef3c7}.field-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.field-icon{font-size:24px}.field-details{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.field-name{color:#1f2937;font-size:15px;font-weight:600}.field-type-badge{border-radius:12px;font-size:11px;letter-spacing:.3px;padding:3px 10px}.field-type-badge.type-email,.field-type-badge.type-name,.field-type-badge.type-text{background:#e0e7ff;color:#4f46e5}.field-type-badge.type-multiselect,.field-type-badge.type-select{background:#fef3c7;color:#d97706}.field-type-badge.type-number{background:#dbeafe;color:#2563eb}.field-type-badge.type-date{background:#fce7f3;color:#db2777}.field-type-badge.type-boolean{background:#d1fae5;color:#059669}.field-type-badge.type-array,.field-type-badge.type-tags{background:#e9d5ff;color:#9333ea}.field-type-badge.type-lookup{background:#fed7aa;color:#ea580c}.field-type-badge.type-phone{background:#d1fae5;color:#059669}.match-key-badge{align-items:center;background:#fbbf24;border-radius:12px;color:#92400e;display:flex;font-size:12px;font-weight:700;gap:4px;padding:4px 12px}.strategy-selector{display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:280px}.strategy-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 36px 10px 14px;transition:all .2s}.strategy-select:hover{border-color:#2e6155}.strategy-select:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.strategy-locked{background:#fffbeb;border:2px solid #fef3c7;border-radius:8px;color:#92400e;font-size:13px;font-weight:600;padding:8px 12px}.strategy-info{align-items:flex-start;background:#eff6ff;border-left:3px solid #3b82f6;border-radius:8px;color:#6b7280;display:flex;font-size:12px;gap:6px;line-height:1.4;padding:8px 12px}.info-icon{font-size:14px}.import-config-footer{align-items:center;background:#f9fafb;border-radius:0 0 16px 16px;border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-cancel,.btn-continue{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-cancel{border:2px solid #e5e7eb;color:#6b7280}.btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.btn-continue{background:linear-gradient(135deg,#2e6155,#3a7966);box-shadow:0 4px 12px #2e615540;color:#fff}.btn-continue:hover:not(:disabled){box-shadow:0 6px 16px #2e615559;transform:translateY(-2px)}.btn-continue:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.import-config-modal{border-radius:0;max-height:100vh;max-width:100%}.field-strategy-row{align-items:stretch;flex-direction:column;gap:12px}.field-info{width:100%}.strategy-selector{max-width:100%}.import-config-quick-actions{align-items:stretch;flex-direction:column}.quick-action-btn{justify-content:center}}.guidance-toggle-btn{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border:none;border-radius:8px;box-shadow:0 2px 8px #2e615533;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-top:12px;padding:10px 18px;transition:all .2s}.guidance-toggle-btn:hover{box-shadow:0 4px 12px #2e61554d;transform:translateY(-1px)}.import-guidance{animation:slideDown .3s ease-out;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.guidance-header{border-bottom:2px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.guidance-header h3{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:700;gap:8px;margin:0 0 8px}.guidance-subtitle{color:#6b7280;font-size:14px;margin:0}.guidance-section{margin-bottom:32px}.guidance-section:last-child{margin-bottom:0}.guidance-section h4{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.scenario-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px;transition:all .2s}.scenario-card:hover{border-color:#2e6155;box-shadow:0 4px 16px #2e61551a}.scenario-card:last-child{margin-bottom:0}.scenario-title{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;margin-bottom:16px;padding-bottom:12px}.scenario-icon{flex-shrink:0;font-size:24px}.scenario-title strong{color:#1f2937;font-size:15px;line-height:1.4}.scenario-content{display:flex;flex-direction:column;gap:16px}.scenario-config,.scenario-excel,.scenario-result{background:#f9fafb;border-left:3px solid #2e6155;border-radius:8px;padding:12px 16px}.scenario-note{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;color:#92400e;font-size:13px;font-weight:500;margin-top:10px;padding:8px 12px}.scenario-config strong,.scenario-excel strong,.scenario-result strong{color:#374151;display:block;font-size:13px;font-weight:700;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.example-table{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px #0000001a;font-size:13px;margin-top:8px;overflow:hidden;width:100%}.example-table thead{background:#2e6155;color:#fff}.example-table td,.example-table th{border:1px solid #e5e7eb;padding:10px 12px;text-align:left}.example-table th{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.example-table td{color:#374151;font-family:Courier New,monospace}.scenario-config ul{list-style:none;margin:8px 0 0;padding-left:20px}.scenario-config li{color:#374151;font-size:14px;line-height:1.6;margin-bottom:6px;padding-left:8px;position:relative}.scenario-config li:before{color:#2e6155;content:"→";font-weight:700;left:-12px;position:absolute}.scenario-config code{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#2e6155;font-size:13px;font-weight:600;padding:2px 8px}.result-before-after{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;margin-top:8px}.result-before-after .label{color:#6b7280;font-weight:600;margin-right:4px}.result-before-after code{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-family:Courier New,monospace;font-size:12px;padding:4px 10px}.result-before-after .arrow{color:#2e6155;font-size:18px;font-weight:700}.reference-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.reference-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:16px;transition:all .2s}.reference-card:hover{border-color:#2e6155;box-shadow:0 4px 12px #2e61551a;transform:translateY(-2px)}.reference-card h5{align-items:center;border-bottom:2px solid #f3f4f6;color:#1f2937;display:flex;font-size:15px;font-weight:700;gap:6px;margin:0 0 12px;padding-bottom:10px}.reference-card ul{list-style:none;margin:0;padding-left:20px}.reference-card li{color:#374151;font-size:13px;line-height:1.5;margin-bottom:8px;padding-left:4px;position:relative}.reference-card li:before{color:#2e6155;content:"•";font-weight:700;left:-12px;position:absolute}.reference-card li strong{color:#1f2937;font-weight:600}.tips-list{flex-direction:column}.tip-item,.tips-list{display:flex;gap:12px}.tip-item{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:14px 16px;transition:all .2s}.tip-item:hover{border-color:#2e6155;box-shadow:0 2px 8px #2e61551a}.tip-icon{flex-shrink:0;font-size:20px;margin-top:2px}.tip-item strong{color:#1f2937;font-weight:600}.tip-item code{background:#f3f4f6;border-radius:4px;color:#2e6155;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:2px 6px}.validation-grid{display:flex;flex-direction:column;gap:16px}.validation-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:18px;transition:all .2s}.validation-card:hover{border-color:#2e6155;box-shadow:0 4px 12px #2e61551a}.validation-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;gap:10px;margin-bottom:12px;padding-bottom:10px}.validation-icon{flex-shrink:0;font-size:22px}.validation-header strong{color:#1f2937;font-size:16px;font-weight:700}.validation-content{display:flex;flex-direction:column;gap:12px}.validation-description{color:#374151;font-size:14px;line-height:1.5;margin:0}.validation-description code{background:#f3f4f6;border-radius:4px;color:#2e6155;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:2px 6px}.validation-table{background:#f9fafb;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px #0000000d;font-size:13px;overflow:hidden;width:100%}.validation-table thead{background:#2e6155;color:#fff}.validation-table td,.validation-table th{border:1px solid #e5e7eb;padding:10px 14px;text-align:left}.validation-table th{font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.validation-table td{background:#fff;color:#374151;font-family:Courier New,monospace}.validation-table tbody tr:hover td{background:#f3f4f6}.validation-note{background:#ecfdf5;border-left:3px solid #10b981;border-radius:6px;color:#065f46;font-size:13px;font-weight:500;line-height:1.5;padding:10px 14px}.test-before-live{background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #f59e0b;border-radius:12px;margin-bottom:24px;padding:24px!important}.test-before-live h4{color:#92400e;font-size:18px;margin-bottom:16px}.test-live-warning{background:#fff;border-left:4px solid #ef4444;border-radius:6px;color:#991b1b;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.test-steps{display:flex;flex-direction:column;gap:16px}.test-step{background:#fff;border:2px solid #fbbf24;border-radius:10px;display:flex;gap:16px;padding:16px;transition:all .2s}.test-step:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33;transform:translateX(4px)}.step-number{background:linear-gradient(135deg,#f59e0b,#d97706);font-size:18px;height:36px;width:36px}.step-content strong{color:#92400e;display:block;font-size:15px;margin-bottom:6px}.step-content p{color:#78350f;font-size:13px;line-height:1.5;margin:0}.download-test-btn{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-top:10px;padding:10px 20px;text-decoration:none;transition:all .2s}.download-test-btn:hover{box-shadow:0 4px 12px #10b98166;color:#fff;transform:translateY(-2px)}.download-test-btn.secondary{background:linear-gradient(135deg,#2e6155,#3a7966);box-shadow:0 2px 8px #2e61554d}.download-test-btn.secondary:hover{box-shadow:0 4px 12px #2e615566}.test-contact-box{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;margin-top:8px;padding:12px}.test-contact-box code{color:#1f2937;font-size:12px;line-height:1.6}.verify-checklist{background:#ecfdf5;border:1px solid #10b981;border-radius:6px;color:#065f46;font-size:12px;font-weight:500;line-height:1.8;margin-top:8px;padding:10px 14px}@media (max-width:640px){.import-guidance{padding:16px}.reference-grid{grid-template-columns:1fr}.result-before-after{align-items:flex-start;flex-direction:column}.result-before-after .arrow{transform:rotate(90deg)}.example-table{font-size:11px}.example-table td,.example-table th{padding:8px 6px}.validation-table{font-size:11px}.validation-table td,.validation-table th{padding:8px 6px}}.update-keys-form-modal{background-color:#00000080;display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.update-keys-form-modal.show{display:block}.update-keys-form-modal-content{background-color:#fff;border:none;border-radius:12px;box-shadow:0 10px 25px #00000026;margin:10% auto;max-width:500px;padding:24px;width:90%}.update-keys-form-modal-content h2{color:#333;font-size:20px;font-weight:600;margin:0 0 20px}.update-keys-form-close-btn{background:none;border:none;color:#aaa;float:right;font-size:28px;font-weight:700}.update-keys-form-close-btn:focus,.update-keys-form-close-btn:hover{color:#000;cursor:pointer;text-decoration:none}.form-group{margin-bottom:15px}.operation-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.operation-select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.update-keys-input{margin-top:8px}.update-keys-form-save{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:12px 24px;transition:background-color .2s ease;width:100%}.update-keys-form-save:hover{background-color:#45a049}.update-keys-form-save:disabled{background-color:#ccc;cursor:not-allowed}#keyToDelete{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}#keyToDelete:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}@media screen and (min-width:700px){.form-group input{min-width:50px}}.HeaderTypeSelector-container{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);font-family:var(--font-family);padding:24px;transition:all .3s ease}.HeaderTypeSelector-container:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.HeaderTypeSelector-header{color:var(--accent-color);display:block;font-family:var(--font-family);font-size:16px;font-weight:600;margin-bottom:16px}.HeaderTypeSelector-container select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-light);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='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:2px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-color);cursor:pointer;font-family:var(--font-family);font-size:16px;max-width:300px;padding:14px 48px 14px 20px;transition:all .3s ease;width:100%}.HeaderTypeSelector-container select:hover{background:#fffffff2;border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.HeaderTypeSelector-container select:focus{background:#fffffff2;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea1a;outline:none}.variable-input-header-txt{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-color);font-family:var(--font-family);font-size:16px;margin-bottom:0;margin-top:16px;max-width:100%;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.variable-input-header-txt:focus{background:#fffffff2;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea1a}.variable-input-header-txt::placeholder{color:var(--text-light);font-weight:400}:root{--primary-color:#2e6155;--secondary-color:#34d399;--accent-color:#2e6155;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--highlight-bg:#2e61551a;--border-color:#e5e7eb4d;--hover-shadow:0 8px 16px #0000001a;--font-family:"Varela Round","Segoe UI","Inter",sans-serif;--bg-white:#fffffff2;--bg-light:#f8fafccc;--bg-glass:#ffffffe6;--text-color:#374151;--text-muted:#6b7280;--text-light:#9ca3af;--gradient-primary:linear-gradient(135deg,#2e6155,#34d399);--gradient-accent:linear-gradient(135deg,#2e6155,#34d399);--gradient-success:linear-gradient(135deg,#10b981,#34d399);--gradient-warning:linear-gradient(135deg,#f59e0b,#fbbf24);--gradient-error:linear-gradient(135deg,#ef4444,#f87171);--backdrop-blur:blur(20px);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-2xl:24px;--shadow-sm:0 4px 8px #0000000d;--shadow-md:0 8px 16px #0000001a;--shadow-lg:0 12px 24px #00000026;--shadow-xl:0 20px 40px #0003}.mediaoptions-container{background-color:var(--bg-white);border-radius:12px;box-shadow:0 8px 20px #00000008;color:var(--text-color);font-family:var(--font-family);margin-bottom:20px;padding:16px}.mediaoptions-items{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.media-option{align-items:center;background:var(--bg-light);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex:1 1 100px;flex-direction:column;padding:16px 12px;text-align:center;transition:all .2s ease-in-out}.media-option:hover{box-shadow:var(--hover-shadow);transform:translateY(-2px)}.media-option.active,.media-option:hover{background-color:var(--highlight-bg);border-color:var(--primary-color)}.media-option.active{box-shadow:0 0 10px #0057ff33}.media-option svg{color:var(--primary-color);font-size:28px;margin-bottom:6px}.media-option div{font-size:.85rem;font-weight:500;margin-bottom:4px}.mediaoptions-file-size-info{color:#666;font-size:.7rem}.mediaoptions-location-inputs{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.mediaoptions-location-inputs label{color:#444;font-size:.8rem}.mediaoptions-location-inputs input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:.9rem;min-width:140px;padding:6px 10px}@media (max-width:768px){.media-option{flex:1 1 45%}.mediaoptions-container{padding:12px}}.variable-input-container{font-family:Outfit,sans-serif!important}.variable-input-container label{color:var(--logoColor)!important;display:block;margin-bottom:8px}.variable-input-container>div{display:flex;margin-bottom:8px}.variable-input-container input[type=text]{border:1px solid #ccc;border-radius:4px;flex-grow:1;margin-right:8px;padding:8px}.variable-input-container button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.variable-input-container button:hover{background-color:#0056b3}.variable-input-container button:active{background-color:#003d82}.variable-input-container ul{list-style:none;padding:0}.variable-input-container li{align-items:center;background-color:#f2f2f2;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:4px;padding:8px}.variable-input-container li button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px;transition:background-color .3s ease}.variable-input-container li button:hover{background-color:#c82333}.variable-input-container li button:active{background-color:#a71d2a}.button-options{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 8px 16px #0000000d;display:flex;flex-direction:column;font-family:Varela Round,sans-serif!important;padding:24px;transition:all .3s ease;width:100%}.button-options:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-2px)}.button-options h2{color:#2e6155;font-size:20px;font-weight:600;margin-bottom:8px}.button-options h2,.button-text-p{font-family:Varela Round,sans-serif;text-align:left}.button-text-p{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:20px;margin-top:0}.add-button-section{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;width:100%}.button-options input,.button-options select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:2px solid #e5e7eb4d;border-radius:12px;box-sizing:border-box;color:#374151;font-family:Varela Round,sans-serif!important;font-size:14px;height:48px;padding:0 16px;transition:all .3s ease;width:100%}.button-options input:focus,.button-options select:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;outline:none}.button-options input:hover,.button-options select:hover{border-color:#2e615566}.button-options input::placeholder{color:#9ca3af;font-weight:400}.phone-number-example{background:#f9fafbcc;border-left:3px solid #34d399;border-radius:8px;color:#6b7280;font-family:Varela Round,sans-serif;font-size:13px;font-style:italic;margin-top:6px;padding:8px 12px}.button-options-add-button{background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:12px;box-shadow:0 4px 8px #2e61554d;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif!important;font-size:16px;font-weight:600;height:48px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.button-options-add-button:hover{box-shadow:0 8px 16px #2e615566;transform:translateY(-2px)}.button-options-add-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.button-options-add-button:hover:before{left:100%}@media (max-width:768px){.button-options-add-button{margin-top:10px;width:100%}}.buttons-list{list-style:none;margin-top:24px;padding:0;width:100%}.button-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e5e7eb4d;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px 20px;transition:all .3s ease}.button-item:hover{background:#ffffffe6;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.button-item span{align-items:center;color:#374151;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;gap:8px}.button-options-edit{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.button-options-edit:hover{box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.button-options-remove{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 4px #ef44444d;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.button-options-remove:hover{box-shadow:0 4px 8px #ef444466;transform:translateY(-1px)}.button-item div{align-items:center;display:flex;gap:8px}.button-options-url-div{display:flex;flex-direction:column;gap:10px}.button-options-example-field,.button-options-url-div-options,.button-options-url-field{width:100%}.footer-text-container{align-items:center;flex-direction:column;font-family:Arial,sans-serif;text-align:left}.footer-text-label{color:var(--logoColor);font-weight:700}.Footer-Text{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px;width:100%}.Footer-Text:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.footer-text-p{color:gray;font-size:x-small;margin-top:2px}.editor-container{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-glass);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);font-family:var(--font-family);margin-bottom:0;overflow:hidden;position:relative;transition:all .3s ease}.editor-container:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.editor-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea1a}.editor-textarea{background:#0000;border:none;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;box-sizing:border-box;color:var(--text-color);font-family:var(--font-family);font-size:16px;line-height:1.6;min-height:120px;outline:none;padding:20px;resize:none;transition:all .3s ease;width:100%}.editor-textarea::placeholder{color:var(--text-light);font-style:normal;font-weight:400}.max-length-info{background:#f8fafc80;border-top:1px solid var(--border-color);color:var(--text-muted);font-family:var(--font-family);font-size:13px;padding:12px 20px;text-align:right}.max-length-info span{color:var(--error-color);font-weight:600}.toolbar-bodytext{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:linear-gradient(135deg,#2e61550d,#34d3990d);border-top:1px solid var(--border-color);justify-content:space-between;padding:12px 20px}.toolbar-bodytext,.toolbar-bodytext button{align-items:center;display:flex;font-size:16px}.toolbar-bodytext button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color);cursor:pointer;height:36px;justify-content:center;margin-right:8px;min-width:36px;padding:8px 12px;transition:all .3s ease}.toolbar-bodytext button:hover{background:var(--gradient-primary);border-color:var(--primary-color);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.toolbar-bodytext button:last-child{margin-right:0}.emoji-picker{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:#fffffff2;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);bottom:70px;box-shadow:var(--shadow-xl);display:block;height:400px;left:20px;position:absolute;transition:all .3s ease;z-index:1000}.emoji-picker.hidden{display:none;opacity:0;transform:translateY(10px)}.emoji-picker-floating{animation:emojiPickerFadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #e5e7ebcc;border-radius:16px;box-shadow:0 20px 60px #0003;height:450px;left:50%;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:420px;z-index:99999}.emoji-picker-floating em-emoji-picker{border:none!important;border-radius:16px!important;height:100%!important;width:100%!important}@keyframes emojiPickerFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.emoji-picker-floating{height:400px;max-width:380px;width:95vw}.editor-container{border-radius:var(--border-radius-md)}.editor-textarea{font-size:14px;min-height:100px;padding:16px}.toolbar-bodytext{flex-wrap:wrap;gap:8px;justify-content:flex-start;padding:12px 16px}.toolbar-bodytext button{font-size:14px;height:32px;margin:0;min-width:32px}.emoji-picker-modal{max-height:80vh;width:95vw}.emoji-picker-header{padding:12px 16px}.emoji-picker-header h3{font-size:16px}.max-length-info{font-size:12px;padding:12px 16px;text-align:left}}@media (max-width:480px){.editor-textarea{font-size:14px;padding:12px}.toolbar-bodytext{padding:8px 12px}.toolbar-bodytext button{font-size:12px;height:28px;min-width:28px}.emoji-picker,.emoji-picker-above{height:300px;width:95vw}}.template-generator-container{align-items:flex-start;background:linear-gradient(135deg,#2e6155,#34d399);display:flex;font-family:Varela Round,sans-serif;gap:32px;min-height:100vh;padding:32px}.template-generator-content-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1600px;padding:40px;width:100%}.template-generator-header-section{align-items:center;background:linear-gradient(135deg,#2e61550d,#34d3990d);border:1px solid #2e615514;border-radius:16px;box-shadow:0 2px 8px #2e615514;display:flex;gap:14px;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.template-generator-main-row{display:flex;flex:1 1;gap:32px;height:calc(100vh - 300px);min-height:600px}.template-generator-header-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.template-generator-back-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffff2!important;border:1px solid #2e615526!important;border-radius:12px!important;box-shadow:0 2px 6px #2e61551a!important;color:#2e6155!important;height:36px!important;position:relative;transition:all .3s ease!important;width:36px!important;z-index:1}.template-generator-back-button:hover{background:#fff!important;border-color:#2e615540!important;box-shadow:0 4px 12px #2e615533!important;transform:translateY(-1px)!important}.template-generator-header-content{flex:1 1;position:relative;z-index:1}.template-generator-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#34d399);-webkit-background-clip:text;background-clip:text;color:#2e6155;font-size:20px;font-weight:600;letter-spacing:-.5px;margin:0 0 2px}.template-generator-header-subtitle{color:#6b7280;font-size:13px;font-weight:400;margin:0;opacity:.8}.left-side{display:flex;flex:1.2 1;flex-direction:column;gap:20px;max-height:calc(100vh - 200px);overflow-y:auto;padding-right:16px}.left-side::-webkit-scrollbar{width:8px}.left-side::-webkit-scrollbar-track{background:#e5e7eb4d;border-radius:4px}.left-side::-webkit-scrollbar-thumb{background:#2e615566;border-radius:4px}.left-side::-webkit-scrollbar-thumb:hover{background:#2e615599}.right-side{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;padding:20px;position:relative}.right-side::-webkit-scrollbar{width:6px}.right-side::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.right-side::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.right-side::-webkit-scrollbar-thumb:hover{background:#94a3b8}.message-preview-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2e61551a,#34d3991a);border:none;border-bottom:1px solid #fff3;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;padding:16px 20px}.message-preview-title{color:#2e6155;font-size:16px;font-weight:600;margin:0 0 4px}.message-preview-subtitle{color:#64748b;font-size:12px;font-weight:400;margin:0}.message-preview-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--border-radius-md);box-shadow:inset 0 2px 4px #00000005;display:flex;flex:1 1;flex-direction:column;height:calc(100% - 80px);justify-content:flex-start;margin:10px 0;overflow-y:auto;padding:30px}.message-preview-wrapper>*{margin-bottom:0;max-width:350px;transform:none;width:100%}.template-generator-container-confirm{background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:16px;box-shadow:0 8px 16px #2e61554d;color:#fff;cursor:pointer;display:block;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;margin:20px auto 0;min-width:200px;overflow:hidden;padding:16px 32px;position:relative;text-align:center;transition:all .3s ease}.template-generator-container-confirm:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.template-generator-container-confirm:hover:before{left:100%}.template-generator-container-confirm:hover{box-shadow:0 12px 24px #2e615566;transform:translateY(-2px)}.template-generator-container-confirm:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 4px 8px #0000001a;cursor:not-allowed;transform:none}.template-generator-container-confirm:disabled:hover{box-shadow:0 4px 8px #0000001a;transform:none}@media (max-width:1200px){.template-generator-container{padding:24px}.template-generator-content-card{flex-direction:column;gap:24px;padding:24px}.left-side,.right-side{flex:none;max-height:none}.right-side{max-height:500px;min-height:400px}}@media (max-width:768px){.template-generator-container{padding:16px}.template-generator-content-card{border-radius:16px;padding:20px}.template-generator-header-section{flex-direction:row;gap:16px;padding:20px 24px;text-align:left}.template-generator-header-title{font-size:24px}.template-generator-header-subtitle{font-size:14px}.left-side{gap:20px;max-height:50vh;padding-right:0}.right-side{max-height:35vh;min-height:300px}.template-generator-container-confirm{margin:20px auto 0;max-width:300px;width:100%}}@media (max-width:480px){.template-generator-container{padding:12px}.template-generator-content-card{padding:16px}.template-generator-header-section{flex-direction:column;gap:12px;padding:16px 20px;text-align:center}.template-generator-header-title{font-size:20px}.template-generator-header-subtitle{font-size:13px}.left-side{gap:16px;max-height:45vh}.right-side{max-height:30vh;min-height:250px;padding:16px}.template-generator-container-confirm{font-size:14px;padding:12px 24px}}.body-text-wrapper{margin-bottom:24px;width:100%}.template-list-container{font-family:Varela Round,sans-serif;min-height:100vh}.template-list-container,.templates-header-section{background:linear-gradient(135deg,#2e6155,#34d399);padding:32px}.templates-header-section{border-radius:20px;margin-bottom:32px;overflow:hidden;position:relative}.templates-header-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.template-list-header{color:#fff;font-size:42px;font-weight:700;margin:0 0 12px;position:relative;z-index:1}.templates-subtitle{color:#ffffffe6;font-size:18px;font-weight:400;margin:0;position:relative;z-index:1}.templates-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.templates-search-container:before{content:"🔍";font-size:16px;left:18px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.add-new-template-button{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:16px;box-shadow:0 8px 16px #2e61554d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:10px;overflow:hidden;padding:14px 28px;position:relative;text-decoration:none;transition:all .3s ease}.add-new-template-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-new-template-button:hover:before{left:100%}.add-new-template-button:hover{box-shadow:0 12px 24px #2e615566;transform:translateY(-2px)}.add-new-template-button svg{font-size:20px}.templates-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2e6155,#34d399);border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 8px 16px #0000000d;flex:1 1;min-width:200px;padding:24px;text-align:center;transition:all .3s ease}.templates-stat-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.templates-stat-number{color:#fff;font-size:32px;font-weight:700;line-height:1;margin-bottom:8px}.templates-stat-label{color:#ffffffe6;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.template-list-table-container{background:#ffffffe6;border-radius:20px;max-height:600px;overflow-y:auto}.template-list-table{background:#0000;border-collapse:initial;border-spacing:0}.template-list-table thead th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e5e7eb99;font-weight:600;letter-spacing:.5px;padding:20px 16px;position:sticky;text-transform:uppercase;top:0}.template-list-table tbody td,.template-list-table thead th{color:#374151;font-family:Varela Round,sans-serif;font-size:14px}.template-list-table tbody td{word-wrap:break-word;background:#fffc;border-bottom:1px solid #e5e7eb4d;max-width:200px;overflow-wrap:break-word;padding:16px;transition:all .2s ease;vertical-align:middle;white-space:normal}.template-list-table tbody tr:hover td{background:#667eea0d;transform:translateY(-1px)}.template-list-table tbody tr:last-child td{border-bottom:none}.template-list-table-container::-webkit-scrollbar{width:8px}.template-list-table-container::-webkit-scrollbar-track{background:#e5e7eb4d;border-radius:4px}.template-list-table-container::-webkit-scrollbar-thumb{background:#2e615566;border-radius:4px}.template-list-table-container::-webkit-scrollbar-thumb:hover{background:#2e615599}.template-delete-button,.template-edit-button,.template-play-button,.template-result-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:16px;height:36px;justify-content:center;margin:0 4px;min-width:36px;padding:8px 12px;transition:all .3s ease}.template-edit-button{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.template-edit-button:hover{background:#3b82f633;box-shadow:0 4px 8px #3b82f64d;color:#2563eb;transform:translateY(-1px)}.template-edit-button.disabled{background:#9ca3af1a;border:1px solid #9ca3af33;color:#9ca3af;cursor:not-allowed;opacity:.6}.template-edit-button.disabled:hover{background:#9ca3af1a;box-shadow:none;color:#9ca3af;transform:none}.template-delete-button{background:#ef44441a;border:1px solid #ef444433}.template-delete-button:hover{background:#ef444433;box-shadow:0 4px 8px #ef44444d;color:#dc2626;transform:translateY(-1px)}.template-play-button{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.template-play-button:hover{background:#22c55e33;box-shadow:0 4px 8px #22c55e4d;color:#16a34a;transform:translateY(-1px)}.template-result-button{background:#667eea1a;border:1px solid #667eea33;color:#667eea}.template-result-button:hover{background:#667eea33;box-shadow:0 4px 8px #667eea4d;color:#5a67d8;transform:translateY(-1px)}.status-badge{font-family:Varela Round,sans-serif}.status-badge.approved{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 2px 4px #10b9814d;color:#fff}.status-badge.pending{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 2px 4px #f59e0b4d;color:#fff}.status-badge.rejected{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 2px 4px #ef44444d;color:#fff}.status-rejected-reason-tooltip{display:inline-block;margin-left:8px;position:relative}.status-rejected-tooltip-icon{align-items:center;background:#ffffffe6;border:2px solid #ef4444;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;transition:all .3s ease;width:20px}.status-rejected-tooltip-icon:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.status-rejected-tooltip-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ef444433;border-radius:12px;bottom:125%;box-shadow:0 8px 16px #00000026;color:#374151;font-size:13px;left:50%;line-height:1.4;margin-left:-125px;opacity:0;padding:12px 16px;position:absolute;text-align:left;transition:all .3s ease;visibility:hidden;width:250px;z-index:10}.status-rejected-tooltip-text:after{border:5px solid #0000;border-top-color:#fffffff2;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.status-rejected-reason-tooltip:hover .status-rejected-tooltip-text{opacity:1;transform:translateY(-4px);visibility:visible}@media (max-width:768px){.template-list-container{padding:16px}.templates-content-card{border-radius:16px;padding:24px}.templates-header-section{margin-bottom:24px;padding:24px}.template-list-header{font-size:32px}.templates-subtitle{font-size:16px}.templates-search-section{align-items:stretch;flex-direction:column;gap:16px}.templates-search-container{max-width:none}.templates-stats{flex-direction:column;gap:16px}.templates-stat-card{min-width:auto}.template-list-table thead{display:none}.template-list-table tbody tr{background:#ffffffe6;border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 4px 8px #0000000d;display:block;margin-bottom:16px;padding:16px}.template-list-table tbody tr:hover{transform:none}.template-list-table tbody tr:hover td{background:#ffffffe6;transform:none}.template-list-table td{align-items:center;background:#0000!important;border:none;border-bottom:1px solid #e5e7eb33;display:flex;font-size:14px;justify-content:space-between;max-width:none;padding:8px 0}.template-list-table td:last-child{border-bottom:none;gap:8px;justify-content:center}.template-list-table td:before{color:#6b7280;content:attr(data-label);font-size:12px;font-weight:600;letter-spacing:.5px;margin-right:12px;min-width:120px;text-transform:uppercase}.templates-action-buttons{justify-content:center}.add-new-template-button{justify-content:center;width:100%}.template-delete-button,.template-edit-button,.template-play-button,.template-result-button{font-size:14px;height:32px;margin:0 2px;min-width:32px}.status-rejected-tooltip-text{left:50%;margin-left:-45vw;width:90vw}}@media (max-width:480px){.template-list-container{padding:12px}.templates-content-card{padding:16px}.templates-header-section{padding:20px}.template-list-header{font-size:28px}.templates-search-input{font-size:14px;padding:12px 16px 12px 40px}.templates-search-container:before{font-size:14px;left:14px}.templates-stat-number{font-size:24px}.templates-stat-label{font-size:12px}.template-list-table td:before{font-size:11px;min-width:100px}}.new-message-template-container{background:linear-gradient(135deg,#2e6155,#34d399);font-family:Varela Round,sans-serif;min-height:100vh;padding:32px}.new-template-content-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;padding:40px}.new-template-header-section{align-items:center;background:linear-gradient(135deg,#2e61551a,#34d3991a);border-radius:20px;display:flex;gap:20px;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.new-template-header-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.new-template-back-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffffe6!important;border:1px solid #e5e7eb4d!important;border-radius:12px!important;color:#374151!important;height:48px!important;position:relative;transition:all .3s ease!important;width:48px!important;z-index:1}.new-template-back-button:hover{background:#fff!important;box-shadow:0 8px 16px #0000001a!important;transform:translateY(-2px)!important}.new-template-header-content{flex:1 1;position:relative;z-index:1}.new-template-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#34d399);-webkit-background-clip:text;background-clip:text;color:#2e6155;font-size:36px;font-weight:700;margin:0 0 8px}.new-template-header-subtitle{color:#6b7280;font-size:16px;font-weight:400;margin:0}.new-message-template-form{display:flex;flex-direction:column;gap:24px}.new-template-form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 8px 16px #0000000d;padding:24px;transition:all .3s ease}.new-template-form-section:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-2px)}.new-template-form-section.section-error{background:#fef2f299!important;border-color:#ef4444!important;box-shadow:0 8px 16px #ef44441a!important}.new-template-form-section-title{border-bottom:2px solid #2e61551a;color:#2e6155;font-family:Varela Round,sans-serif;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px;position:relative}.new-template-form-section-title:after{color:#ef4444;content:" *";font-size:20px;font-weight:700}.new-template-input-group{margin-bottom:20px}.new-template-input-label{color:#374151;display:block;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;margin-bottom:8px;position:relative}.new-template-input-label:after{color:#ef4444;content:" *";font-size:16px;font-weight:700}.template-name-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:2px solid #e5e7eb4d;border-radius:12px;box-sizing:border-box;color:#374151;font-family:Varela Round,sans-serif;font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.template-name-input:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.template-name-input.error{background:#fef2f2cc!important;border-color:#ef4444!important;box-shadow:0 0 0 4px #ef44441a!important}.template-name-input::placeholder{color:#9ca3af;font-weight:400}.category-selection{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:8px}.category-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:2px solid #e5e7eb4d;border-radius:12px;box-sizing:border-box;color:#374151;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:16px 20px;transition:all .3s ease}.category-button:hover{background:#ffffffe6;box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.category-button.active{background:linear-gradient(135deg,#2e6155,#34d399);border-color:#2e6155;box-shadow:0 8px 16px #2e61554d;color:#fff}.category-button.active:hover{box-shadow:0 12px 24px #2e615566;transform:translateY(-2px)}.language-selection{margin-bottom:8px}.language-selection-label{color:#374151;display:block;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;margin-bottom:8px;position:relative}.language-selection-label:after{color:#ef4444;content:" *";font-size:16px;font-weight:700}.LookUp__control{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#f8fafccc!important;border:2px solid #e5e7eb4d!important;border-radius:12px!important;box-shadow:none!important;font-family:Varela Round,sans-serif!important;min-height:52px!important;transition:all .3s ease!important}.LookUp__control:hover{border-color:#3b82f680!important}.LookUp__control--is-focused{background:#fffffff2!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a!important}.lookup-error .LookUp__control{background:#fef2f2cc!important;border-color:#ef4444!important;box-shadow:0 0 0 4px #ef44441a!important}.new-message-template-container-input-hint{color:#6b7280;font-family:Varela Round,sans-serif;font-size:13px;line-height:1.4;margin-bottom:0;margin-top:6px}.new-message-template-container-error-message{align-items:center;animation:shake .5s ease-in-out;background:#fef2f2cc;border-left:4px solid #ef4444;border-radius:8px;color:#ef4444;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:8px;margin-bottom:0;margin-top:8px;padding:8px 12px}.new-message-template-container-error-message:before{content:"❌";flex-shrink:0;font-size:16px}.new-message-template-action-buttons{border-top:1px solid #e5e7eb4d;display:flex;gap:16px;justify-content:space-between;margin-top:32px;padding-top:24px}.new-message-template-action-buttons-cancel,.new-message-template-action-buttons-continue{border:none;border-radius:12px;cursor:pointer;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;min-width:140px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.new-message-template-action-buttons-cancel{background:linear-gradient(135deg,#6b7280,#9ca3af);box-shadow:0 8px 16px #6b72804d;color:#fff}.new-message-template-action-buttons-cancel:hover{box-shadow:0 12px 24px #6b728066;transform:translateY(-2px)}.new-message-template-action-buttons-continue{background:linear-gradient(135deg,#2e6155,#34d399);box-shadow:0 8px 16px #2e61554d;color:#fff}.new-message-template-action-buttons-continue:hover{box-shadow:0 12px 24px #2e615566;transform:translateY(-2px)}.new-message-template-action-buttons-cancel:before,.new-message-template-action-buttons-continue:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.new-message-template-action-buttons-cancel:hover:before,.new-message-template-action-buttons-continue:hover:before{left:100%}.new-message-template-container-input-container{display:flex;flex-direction:column;margin-bottom:20px}@media (max-width:768px){.new-message-template-container{padding:16px}.new-template-content-card{border-radius:16px;padding:24px}.new-template-header-section{flex-direction:column;gap:16px;padding:24px;text-align:center}.new-template-header-title{font-size:28px}.new-template-header-subtitle{font-size:14px}.new-template-form-section{padding:20px}.category-selection{gap:12px;grid-template-columns:1fr}.new-message-template-action-buttons{flex-direction:column;gap:12px}.new-message-template-action-buttons-cancel,.new-message-template-action-buttons-continue{min-width:auto;width:100%}}@media (max-width:480px){.new-message-template-container{padding:12px}.new-template-content-card{padding:16px}.new-template-header-section{padding:20px}.new-template-header-title{font-size:24px}.new-template-form-section{padding:16px}.new-template-form-section-title{font-size:16px}.category-button,.template-name-input{font-size:14px;padding:12px 16px}.new-message-template-action-buttons-cancel,.new-message-template-action-buttons-continue{font-size:14px;padding:12px 24px}}.integration-list-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;padding:20px}.integration-list-header{color:var(--LogoColor);font-size:24px;margin-bottom:20px}.integration-list-table-container{max-height:400px;overflow-y:auto}.integration-list-table{border-collapse:collapse;width:100%}.integration-list-table td,.integration-list-table th{border-bottom:1px solid #ddd;padding:8px;text-align:left}.integration-list-table th{background-color:#f4f4f4}.integration-delete-button,.integration-edit-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;margin-right:5px;padding:5px 10px}.integration-edit-button{background-color:#0067ef}.integration-delete-button{background-color:#c82333}.add-new-integration-button{background-color:var(--LogoColor);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:10px;margin-top:10px;padding:10px 20px}.form-container{align-items:center;display:flex;justify-content:center;padding-top:20px}.integration-form{border:1px solid #ccc;border-radius:5px;padding:20px;width:400px}.integrations-form-header{align-items:center;display:flex;justify-content:center}.integrations-form-header h2{flex-grow:1;text-align:center}.integrations-form-header .MuiIconButton-root{margin-right:auto}.integrations-form-row{margin-bottom:15px}.integrations-form-row button{margin-right:10px}.integrations-form-row button:last-child{margin-right:0}.integrations-form-ping{background-color:var(--LogoColor)}.botomation-list-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1f2937;font-family:Varela Round,sans-serif;min-height:100vh;padding:32px}.botomations-content-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.botomations-header-section{background:linear-gradient(135deg,#2e6155,#1e3a32);color:#fff;overflow:hidden;padding:32px;position:relative}.botomations-header-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.botomation-list-header{color:#fff;font-size:42px;font-weight:700;margin:0 0 8px;position:relative;z-index:1}.botomations-header-subtitle{font-size:16px;font-weight:400;margin:0;opacity:.9;position:relative;z-index:1}.botomations-stats-dashboard{grid-gap:24px;background:#f8fafc80;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:32px}.botomations-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.botomations-stat-card:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.botomations-stat-card:hover{box-shadow:0 12px 48px #0000001f;transform:translateY(-4px)}.botomations-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#34d399);-webkit-background-clip:text;background-clip:text;color:#2e6155;font-size:32px;font-weight:700;margin:0 0 8px}.botomations-stat-label{color:#64748b;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.botomations-controls-section{background:#ffffff80;border-bottom:1px solid #e2e8f080;padding:32px}.botomations-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.botomation-action-buttons{display:flex;flex-wrap:wrap;gap:12px}.add-new-botomation-button{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:12px;box-shadow:0 4px 16px #2e61554d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-new-botomation-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-new-botomation-button:hover:before{left:100%}.add-new-botomation-button:hover{box-shadow:0 8px 24px #2e615566;transform:translateY(-2px)}.add-new-botomation-button:active{transform:translateY(0)}.set-all-active-button{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:12px;box-shadow:0 4px 16px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.set-all-active-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.set-all-active-button:hover:before{left:100%}.set-all-active-button:hover{box-shadow:0 8px 24px #f59e0b66;transform:translateY(-2px)}.set-all-active-button:active{transform:translateY(0)}.botomation-list-search-bar{flex:1 1;max-width:400px}.botomation-list-search-bar input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.botomation-list-search-bar input:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;outline:none}.botomation-list-search-bar input::placeholder{color:#94a3b8}.botomations-table-section{padding:0 32px 32px}.botomation-list-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;max-height:600px;overflow:hidden;overflow-y:auto}.botomation-list-table{border-collapse:collapse;table-layout:fixed;width:100%}.botomation-list-table thead th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2e61551a,#34d3991a);border-bottom:2px solid #2e61551a;color:#2e6155;font-size:14px;font-weight:700;letter-spacing:.5px;padding:20px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.botomation-list-table tbody tr{background:#ffffff80;border-bottom:1px solid #e2e8f04d;transition:all .2s cubic-bezier(.4,0,.2,1)}.botomation-list-table tbody tr:hover{background:#2e61550d;box-shadow:4px 0 0 #2e615533;transform:translateX(4px)}.botomation-list-table td{word-wrap:break-word;color:#374151;font-size:14px;font-weight:500;overflow-wrap:break-word;padding:16px;vertical-align:middle;white-space:normal}.botomation-status-badge{align-items:center;border-radius:14px;box-shadow:0 2px 8px #0000001a;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:28px;justify-content:center;letter-spacing:.5px;min-width:80px;padding:0 12px;text-align:center;text-transform:uppercase}.botomation-status-badge.active{background:linear-gradient(135deg,#10b981,#34d399)}.botomation-status-badge.inactive{background:linear-gradient(135deg,#6b7280,#9ca3af)}.botomation-status-badge.draft{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.botomation-status-badge.error{background:linear-gradient(135deg,#ef4444,#f87171)}.botomation-actions-cell{align-items:center;display:flex;gap:8px;justify-content:flex-start}.botomation-delete-button,.botomation-edit-button,.botomation-history-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;padding:8px;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.botomation-edit-button{color:#3b82f6}.botomation-edit-button:hover{background:#3b82f6;box-shadow:0 4px 16px #3b82f64d;color:#fff;transform:translateY(-2px)}.botomation-delete-button{color:#ef4444}.botomation-delete-button:hover{background:#ef4444;box-shadow:0 4px 16px #ef44444d;color:#fff;transform:translateY(-2px)}.botomation-history-button{color:#2e6155}.botomation-history-button:hover{background:#2e6155;box-shadow:0 4px 16px #2e61554d;color:#fff;transform:translateY(-2px)}.templates-column{cursor:pointer;max-width:200px;overflow:hidden;text-overflow:ellipsis;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.templates-column:hover{background:#2e61550d;border-radius:8px;box-shadow:0 4px 16px #0000001a;overflow:visible;padding:12px;position:relative;white-space:normal;word-break:break-word;z-index:5}.botomation-empty-state{color:#64748b;padding:60px 20px;text-align:center}.botomation-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.botomation-empty-text{font-size:18px;font-weight:600;margin:0}.botomation-list-table-container::-webkit-scrollbar{width:8px}.botomation-list-table-container::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:4px}.botomation-list-table-container::-webkit-scrollbar-thumb{background:#2e61554d;border-radius:4px}.botomation-list-table-container::-webkit-scrollbar-thumb:hover{background:#2e615580}@media (max-width:1024px){.botomation-list-container{padding:24px}.botomations-controls-row{align-items:stretch;flex-direction:column;gap:16px}.botomation-list-search-bar{max-width:none}}@media (max-width:768px){.botomation-list-container{padding:16px}.botomations-header-section{padding:24px}.botomation-list-header{font-size:32px}.botomations-stats-dashboard{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:24px}.botomations-controls-section{padding:24px}.botomations-table-section{padding:0 16px 24px}.botomation-list-table-container{overflow-x:auto}.botomation-list-table thead{display:none}.botomation-list-table tbody tr{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 4px 16px #00000014;display:block;margin-bottom:16px;padding:16px}.botomation-list-table tbody tr:hover{box-shadow:0 8px 24px #0000001f;transform:none}.botomation-list-table td{align-items:center;border:none;border-bottom:1px solid #e2e8f04d;display:flex;font-size:14px;justify-content:space-between;max-width:none;padding:8px 0}.botomation-list-table td:last-child{border-bottom:none}.botomation-list-table td:before{color:#2e6155;content:attr(data-label);flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.5px;margin-right:12px;text-transform:uppercase}.botomation-actions-cell{gap:6px;justify-content:center}.botomation-delete-button,.botomation-edit-button,.botomation-history-button{font-size:16px;height:32px;width:32px}.add-new-botomation-button,.set-all-active-button{font-size:13px;padding:10px 16px}}@media (max-width:480px){.botomation-list-container{padding:12px}.botomations-header-section{padding:20px}.botomation-list-header{font-size:28px}.botomations-stats-dashboard{gap:12px;grid-template-columns:1fr;padding:20px}.botomations-stat-card{padding:20px}.botomations-stat-number{font-size:28px}}.botomation-history-dialog{font-family:Varela Round,sans-serif}.botomation-history-paper{background:linear-gradient(135deg,#fff,#f8fafc)!important;border-radius:20px!important;box-shadow:0 20px 40px #00000026!important;max-height:90vh;overflow:hidden}.botomation-history-header{background:linear-gradient(135deg,#2e6155,#34d399)!important;border-radius:20px 20px 0 0!important;color:#fff!important;margin:0!important;padding:24px 32px!important}.header-content{width:100%}.title-text{color:#fff!important;font-size:28px!important;font-weight:700!important;margin-bottom:4px!important;text-shadow:0 2px 4px #0003}.subtitle-text{color:#fff!important;font-size:14px!important;font-weight:500!important;opacity:1!important}.close-button{background:#ffffff1a!important;border:1px solid #fff3!important;color:#fff!important;transition:all .3s ease!important}.close-button:hover{background:#fff3!important;transform:scale(1.05)}.botomation-history-content{background:#0000!important;padding:32px!important}.controls-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-field{flex:1 1;min-width:300px}.search-field .MuiOutlinedInput-root{background:#fff;border:1px solid #e2e8f0;border-radius:12px!important;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.search-field .MuiOutlinedInput-root:hover{border-color:#34d399;box-shadow:0 4px 12px #0000001f}.search-field .MuiOutlinedInput-root.Mui-focused{border-color:#34d399;box-shadow:0 4px 16px #34d39933}.refresh-button{background:linear-gradient(135deg,#2e6155,#34d399)!important;border-radius:12px!important;box-shadow:0 4px 12px #34d3994d!important;font-weight:600!important;padding:12px 24px!important;text-transform:none!important;transition:all .3s ease!important}.refresh-button:hover{box-shadow:0 6px 20px #34d39966!important;transform:translateY(-2px)}.stats-section{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.stat-card{border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000014;flex:1 1;min-width:120px}.stat-card:before{height:4px}.stat-card:hover{box-shadow:0 8px 24px #0000001f}.stat-card h6{color:#1e293b;font-size:28px!important;font-weight:700!important;margin-bottom:4px!important}.stat-card .MuiTypography-body2{color:#64748b;font-size:13px!important;font-weight:500}.botomation-history-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden}.botomation-history-runs-table{width:100%}.botomation-history-table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.botomation-history-header-cell{border-bottom:2px solid #e2e8f0!important;color:#1e293b!important;font-size:14px!important;font-weight:700!important;letter-spacing:.5px;padding:20px 16px!important;text-transform:uppercase}.botomation-history-table-row{border-bottom:1px solid #f1f5f9;height:60px!important;transition:all .3s ease}.botomation-history-table-row:hover{background:linear-gradient(135deg,#34d39905,#2e615505)}.botomation-history-table-row:last-child{border-bottom:none}.botomation-history-table-row .MuiTableCell-root{border-bottom:1px solid #f1f5f9!important;height:60px!important;max-height:60px!important;overflow:hidden!important;padding:12px 16px!important;vertical-align:middle!important;white-space:nowrap!important}.botomation-history-date-cell{max-height:60px!important;min-width:140px;overflow:hidden!important}.botomation-history-date-content{display:flex;flex-direction:column;gap:2px;justify-content:center;max-height:60px!important}.botomation-history-date-primary{color:#0f172a!important;font-size:14px!important;font-weight:700!important}.botomation-history-date-secondary{color:#334155!important;font-size:12px!important;font-weight:500!important}.botomation-history-status-cell{max-height:60px!important;min-width:120px;overflow:hidden!important}.botomation-history-status-chip{border-radius:8px!important;font-size:13px!important;font-weight:700!important;height:32px!important;max-height:32px!important;min-width:90px}.botomation-history-status-chip .MuiChip-label{color:#fff!important;font-weight:700!important;padding:0 12px!important}.botomation-history-status-icon{font-size:14px;margin-right:4px}.botomation-history-step-cell{max-height:60px!important;min-width:120px;overflow:hidden!important}.botomation-history-step-content{align-items:center;display:flex;gap:8px;max-height:60px!important}.botomation-history-step-id{background:#e2e8f0;border-radius:6px;color:#0f172a!important;font-size:13px!important;font-weight:600!important;padding:6px 10px}.botomation-history-phone-cell{max-height:60px!important;min-width:140px;overflow:hidden!important}.botomation-history-phone-number{color:#0f172a!important;font-family:Monaco,Menlo,monospace;font-size:14px!important;font-weight:600!important;white-space:nowrap!important}.botomation-history-error-cell{max-height:60px!important;min-width:100px;overflow:hidden!important}.botomation-history-error-chip{border-radius:8px!important;font-weight:600!important}.botomation-history-no-error{color:#059669!important;font-size:13px!important;font-weight:600!important}.botomation-history-action-cell{max-height:60px!important;min-width:80px;overflow:hidden!important;text-align:center}.botomation-history-view-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-radius:8px!important;color:#fff!important;max-height:40px!important;padding:8px!important;transition:all .3s ease!important}.botomation-history-view-button:hover{box-shadow:0 4px 12px #3b82f666;transform:scale(1.05)}.botomation-history-empty-state{padding:60px 20px!important;text-align:center!important}.botomation-history-empty-content{align-items:center;display:flex;flex-direction:column;gap:8px}.botomation-history-empty-title{color:#64748b!important;font-weight:600!important}.botomation-history-empty-subtitle{color:#94a3b8!important}@media (max-width:768px){.botomation-history-paper{border-radius:16px!important;margin:16px;max-height:calc(100vh - 32px)}.botomation-history-header{padding:20px!important}.title-text{font-size:24px!important}.botomation-history-content{padding:20px!important}.controls-section{flex-direction:column;gap:12px}.search-field{min-width:100%}.stats-section{grid-template-columns:repeat(2,1fr)}.stat-card{min-width:100px}.stat-card h6{font-size:24px!important}.botomation-history-header-cell{font-size:12px!important;padding:12px 8px!important}.botomation-history-table-row{height:56px!important}.botomation-history-table-row .MuiTableCell-root{height:56px!important;max-height:56px!important;padding:10px 8px!important}.botomation-history-table-container{overflow-x:auto}.botomation-history-runs-table{min-width:600px}}@media (max-width:480px){.stats-section{flex-direction:column}.stat-card{min-width:100%}}.loading-overlay{align-items:center;background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.botomation-history-table-row{animation:fadeIn .3s ease-out}.stat-card{animation:fadeIn .4s ease-out}.botomation-history-table-container::-webkit-scrollbar{height:8px}.botomation-history-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.botomation-history-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:4px}.botomation-history-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1e4d42,#10b981)}.workflow-designer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;direction:ltr;font-family:Varela Round,sans-serif;margin:0;overflow:visible;padding:32px;position:relative;text-align:left}.workflow-steps-container{display:flex;flex-direction:column;font-family:Varela Round,sans-serif;gap:20px;width:100%}.workflow-header{align-items:center;background:linear-gradient(135deg,#2e61551a,#34d3991a);border:1px solid #2e615533;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.workflow-title{color:#2e6155;font-size:20px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.workflow-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.workflow-filter-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;border-radius:8px;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;min-width:200px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.workflow-filter-input:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.workflow-filter-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;border-radius:8px;color:#1f2937;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;min-width:120px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.workflow-filter-select:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.workflow-step-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.workflow-step-card:hover{border-color:#2e61554d;box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.workflow-step-card.dragging{box-shadow:0 16px 64px #0003;transform:rotate(2deg);z-index:1000}.workflow-step-header{align-items:center;background:linear-gradient(135deg,#2e6155,#1e3a32);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:16px 20px;position:relative}.workflow-step-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.workflow-step-title{align-items:center;display:flex;font-size:16px;font-weight:700;gap:12px;margin:0;position:relative;z-index:1}.workflow-step-icon{align-items:center;background:#fff3;border-radius:6px;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.workflow-step-number{background:#fff3;border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:24px;padding:4px 8px;text-align:center}.workflow-step-controls{align-items:center;display:flex;gap:8px;position:relative;z-index:1}.workflow-step-toggle{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.workflow-step-toggle:hover{background:#fff3;transform:scale(1.1)}.workflow-step-delete{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:8px;transition:all .2s ease}.workflow-step-delete:hover{background:#ef4444;box-shadow:0 4px 16px #ef44444d;color:#fff;transform:scale(1.1)}.delete-action-button{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;font-size:14px;padding:6px}.delete-action-button:hover{background:#ef4444;box-shadow:0 4px 16px #ef44444d;color:#fff;transform:scale(1.1)}.workflow-step-content{background:#ffffff80;overflow:visible;padding:24px;position:relative;z-index:1}.workflow-step-content .react-datepicker-wrapper,.workflow-step-content .react-datepicker__input-container{position:relative;z-index:999}.workflow-step-content .react-datepicker,.workflow-step-content .react-datepicker-popper{z-index:9999!important}.workflow-step-content.collapsed{display:none}.add-trigger-button{align-items:center;background:#2e6155;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;margin:20px auto;padding:12px 20px}.add-trigger-button:hover{background:#34d399}.add-action-button{background:#2e6155;border-radius:6px;font-size:13px;margin:16px auto;max-width:150px;padding:8px 16px;width:auto}.add-action-button:hover{background:#34d399}.trigger-type-selector{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 8px 32px #00000026;margin:16px 0;padding:20px;position:relative;z-index:100}.trigger-type-selector h3{align-items:center;color:#2e6155;display:flex;font-size:18px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;margin:0 0 16px;text-align:center;text-transform:uppercase}.trigger-type-selector h3:before{content:"⚡";font-size:20px}.trigger-type-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.trigger-type-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;overflow:hidden;padding:16px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.trigger-type-button:before{background:linear-gradient(90deg,#0000,#2e61551a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.trigger-type-button:hover:before{left:100%}.trigger-type-button:hover{background:#2e61550d;border-color:#2e6155;box-shadow:0 4px 16px #2e615533;transform:translateY(-2px)}.trigger-type-button:active{transform:translateY(0)}.trigger-type-button.selected{background:#2e61551a;border-color:#2e6155;box-shadow:0 4px 16px #2e61554d;transform:translateY(-2px)}.trigger-type-button-icon{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border-radius:8px;box-shadow:0 2px 8px #2e61554d;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.trigger-type-button-content{flex:1 1}.trigger-type-button-title{color:#1f2937;font-weight:700;margin-bottom:4px}.trigger-type-button-description{color:#64748b;font-size:12px;line-height:1.4}.action-type-selector{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 8px 32px #00000026;margin:16px 0;padding:20px;position:relative;z-index:100}.action-type-selector h3{color:#2e6155;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-align:center;text-transform:uppercase}.action-type-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-type-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:16px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-type-button:hover{background:#2e61550d;border-color:#2e6155;box-shadow:0 4px 16px #2e615533;transform:translateY(-2px)}.action-type-button.selected{background:#2e61551a;border-color:#2e6155;box-shadow:0 4px 16px #2e61554d;transform:translateY(-2px)}.action-type-button-icon{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.action-type-button-content{flex:1 1}.action-type-button-title{color:#1f2937;font-weight:700;margin-bottom:4px}.action-type-button-description{color:#64748b;font-size:12px;line-height:1.4}.workflow-step-drag-handle{color:#ffffffb3;cursor:grab;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.workflow-step-drag-handle:hover{color:#fff;transform:scale(1.1)}.workflow-step-drag-handle:active{cursor:grabbing}.workflow-step-connector{display:flex;justify-content:center;margin:12px 0;position:relative}.workflow-step-connector:before{background:linear-gradient(180deg,#2e6155,#34d399);border-radius:1px;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.workflow-step-connector-arrow{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #2e6155;border-radius:50%;color:#2e6155;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;position:relative;width:32px;z-index:1}.workflow-empty-state{background:#ffffff80;border:2px dashed #2e61554d;border-radius:12px;color:#64748b;padding:60px 20px;text-align:center}.workflow-empty-icon{color:#2e6155;font-size:48px;margin-bottom:16px;opacity:.5}.workflow-empty-text{font-size:18px;font-weight:600;margin:0 0 8px}.workflow-empty-description{font-size:14px;margin:0;opacity:.8}.workflow-step-card.trigger{border-left:4px solid #3b82f6}.workflow-step-card.action{border-left:4px solid #2e6155}.workflow-step-card.condition{border-left:4px solid #f59e0b}.workflow-step-card.delay{border-left:4px solid #8b5cf6}@media (max-width:1024px){.workflow-designer{padding:24px}.workflow-header{align-items:stretch;flex-direction:column;gap:16px}.workflow-filters{justify-content:center}.action-type-grid,.trigger-type-grid{grid-template-columns:1fr}}@media (max-width:768px){.workflow-designer{padding:20px}.workflow-step-header{align-items:stretch;flex-direction:column;gap:12px;padding:12px 16px}.workflow-step-controls{justify-content:center}.workflow-step-content{padding:20px}.add-action-button,.add-trigger-button{font-size:14px;padding:12px 20px}.workflow-filter-input,.workflow-filter-select{min-width:150px}.action-type-selector,.trigger-type-selector{margin:12px 0;padding:16px}.action-type-selector h3,.trigger-type-selector h3{font-size:16px;margin-bottom:12px}.action-type-button,.trigger-type-button{font-size:13px;padding:12px}.action-type-button-icon,.trigger-type-button-icon{font-size:14px;height:28px;width:28px}.action-type-button-title,.trigger-type-button-title{font-size:13px}.action-type-button-description,.trigger-type-button-description{font-size:11px}}@media (max-width:480px){.workflow-designer{padding:16px}.workflow-step-header{padding:12px}.workflow-step-content{padding:16px}.add-action-button,.add-trigger-button{font-size:13px;padding:10px 16px}.action-type-selector,.trigger-type-selector{margin:8px 0;padding:12px}.action-type-selector h3,.trigger-type-selector h3{font-size:14px;margin-bottom:10px}.action-type-button,.trigger-type-button{font-size:12px;gap:8px;padding:10px}.action-type-button-icon,.trigger-type-button-icon{font-size:12px;height:24px;width:24px}.action-type-button-title,.trigger-type-button-title{font-size:12px}.action-type-button-description,.trigger-type-button-description{font-size:10px}.workflow-filters{align-items:stretch;flex-direction:column}.workflow-filter-input,.workflow-filter-select{min-width:auto}}.workflow-step-card.entering{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.workflow-step-card.exiting{animation:slideOut .3s cubic-bezier(.4,0,.2,1)}.workflow-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.workflow-loading-spinner{animation:spin 1s linear infinite;border:4px solid #2e61551a;border-left-color:#2e6155;border-radius:50%;height:40px;margin-bottom:16px;width:40px}.condition-row{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;flex-wrap:nowrap;font-family:Varela Round,sans-serif;gap:12px;margin-bottom:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.condition-row:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.condition-row:hover{background:#ffffffe6;border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.condition-row>:first-child{flex:0 0 auto;max-width:200px;min-width:150px}.condition-row select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:10px;color:#1f2937;cursor:pointer;flex-shrink:0;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;margin-right:0;outline:none;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.condition-row select:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.condition-row select:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.condition-row select:disabled{background:#f8fafccc;border-color:#e2e8f04d;color:#64748b;cursor:not-allowed;transform:none}.condition-row input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:10px;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;margin-right:0;outline:none;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.condition-row input:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.condition-row input:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.condition-row input::placeholder{color:#94a3b8;font-weight:400}.condition-row .action-input-wrapper{flex:1 1 auto;margin-right:0;max-width:350px;min-width:200px}.history-mode-field,.history-mode-value{align-items:center;background:#f8fafccc;border:2px solid #e2e8f04d;border-radius:10px;color:#64748b;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;min-height:20px;padding:10px 14px}.history-mode-field{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border-color:#3b82f633;color:#2563eb}.history-mode-value{background:linear-gradient(135deg,#2e61551a,#34d3991a);border-color:#2e615533;color:#2e6155}.condition-row .fa-trash{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;margin-left:auto;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.condition-row .fa-trash:hover{background:#ef4444;box-shadow:0 4px 16px #ef44444d;color:#fff;transform:scale(1.1)}.condition-row .fa-trash:active{transform:scale(1.05)}.condition-status-indicator{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;margin-left:8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.condition-status-indicator.met{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 16px #10b9814d;color:#fff}.condition-status-indicator.not-met{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 4px 16px #ef44444d;color:#fff}.operator-badge{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:20px;color:#6366f1;display:inline-flex;font-size:12px;justify-content:center;padding:6px 12px;white-space:nowrap}.field-type-indicator,.operator-badge{font-weight:700;letter-spacing:.5px;text-transform:uppercase}.field-type-indicator{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:10px;color:#fff;font-size:10px;left:8px;padding:2px 8px;position:absolute;top:-8px;z-index:1}.field-type-indicator.message{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.field-type-indicator.status{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.field-type-indicator.category{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.field-type-indicator.custom{background:linear-gradient(135deg,#ef4444,#f87171)}@media (max-width:1024px){.condition-row{gap:8px}.condition-row>:first-child{max-width:180px;min-width:140px}.condition-row .action-input-wrapper{max-width:280px;min-width:180px}}@media (max-width:768px){.condition-row{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.condition-row>:first-child{max-width:none;min-width:auto}.condition-row .action-input-wrapper{margin-right:0;max-width:none;min-width:auto}.condition-row input,.condition-row select{margin-right:0;width:100%}.condition-row .fa-trash{align-self:center;margin-left:0}.field-type-indicator{align-self:flex-start;margin-bottom:8px;position:static}}@media (max-width:480px){.condition-row{gap:10px;padding:12px}.condition-row input,.condition-row select{font-size:13px;padding:8px 12px}.condition-row .fa-trash{font-size:14px;height:28px;width:28px}.history-mode-field,.history-mode-value{font-size:13px;padding:8px 12px}}.condition-row.entering{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.condition-row.exiting{animation:slideOut .3s cubic-bezier(.4,0,.2,1)}.condition-row:focus-within{border-color:#2e615580;box-shadow:0 0 0 4px #2e61551a}.condition-row:focus-within:before{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 8px #2e61554d}.condition-group{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;font-family:Varela Round,sans-serif;margin-bottom:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.condition-group:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.condition-group:hover{border-color:#2e61554d;box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.condition-group-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.condition-group-title{align-items:center;color:#2e6155;display:flex;font-size:16px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.condition-group-title:before{content:"🔗";font-size:18px}.condition-group-header-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.condition-group label{align-items:center;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:12px;letter-spacing:.5px;margin:0;text-transform:uppercase}.condition-group label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;width:3px}.condition-group select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:10px;color:#1f2937;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;min-width:120px;outline:none;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.condition-group select:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.condition-group select:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.condition-group select:disabled{background:#f8fafccc;border-color:#e2e8f04d;color:#64748b;cursor:not-allowed;transform:none}.conditions-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.condition-group-actions{align-items:center;border-top:1px solid #e2e8f04d;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-top:20px;padding-top:16px}.condition-group-add-action,.condition-group-remove-action{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.condition-group-add-action{background:linear-gradient(135deg,#2e6155,#34d399);box-shadow:0 4px 16px #2e61554d;color:#fff}.condition-group-add-action:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.condition-group-add-action:hover:before{left:100%}.condition-group-add-action:hover{box-shadow:0 8px 24px #2e615566;transform:translateY(-2px)}.condition-group-add-action:active{transform:translateY(0)}.condition-group-add-action:after{content:"➕";font-size:12px}.condition-group-remove-action{align-items:center;background:#ef44441a;border:1.5px solid #ef44444d;border-radius:8px;box-shadow:0 2px 6px #ef44441a;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.condition-group-remove-action:before{background:linear-gradient(135deg,#ef4444,#dc2626);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.condition-group-remove-action:hover:before{opacity:1}.condition-group-remove-action:hover{border-color:#dc2626;box-shadow:0 4px 12px #ef444466;color:#fff;transform:scale(1.1) rotate(5deg)}.condition-group-remove-action:active{box-shadow:0 2px 6px #ef44444d;transform:scale(.95) rotate(0deg)}.condition-group-remove-action:after{display:none}.logic-operator-badge{align-items:center;background:linear-gradient(135deg,#2e61551a,#34d3991a);border:1px solid #2e615533;border-radius:20px;color:#2e6155;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.5px;margin-left:8px;padding:6px 12px;text-transform:uppercase}.condition-separator{align-items:center;display:flex;justify-content:center;margin:8px 0;position:relative}.condition-separator:before{background:linear-gradient(90deg,#0000,#2e61554d,#0000);content:"";height:1px;left:0;position:absolute;right:0}.condition-separator-text{background:#ffffffe6;border:1px solid #2e615533;border-radius:12px;color:#2e6155;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;position:relative;text-transform:uppercase;z-index:1}.condition-group-empty{background:#f8fafc80;border:2px dashed #2e61554d;border-radius:12px;color:#64748b;padding:40px 20px;text-align:center}.condition-group-empty-icon{font-size:32px;margin-bottom:12px;opacity:.5}.condition-group-empty-text{font-size:16px;font-weight:600;margin:0 0 8px}.condition-group-empty-description{font-size:14px;margin:0;opacity:.8}@media (max-width:768px){.condition-group{margin-bottom:16px;padding:20px}.condition-group-header{align-items:stretch;flex-direction:column;gap:12px}.condition-group-header-row{align-items:center;flex-direction:row;justify-content:space-between}.condition-group label{align-items:stretch;flex-direction:column;gap:8px}.condition-group select{width:100%}.condition-group-actions{align-items:stretch;flex-direction:column;gap:8px}.condition-group-add-action{justify-content:center;padding:12px 16px}.condition-group-remove-action{flex-shrink:0;height:40px;width:40px}}@media (max-width:480px){.condition-group{padding:16px}.condition-group-title{font-size:14px}.condition-group label{font-size:13px}.condition-group select{font-size:13px;padding:8px 12px}.condition-group-add-action,.condition-group-remove-action{font-size:12px;padding:10px 14px}}.condition-group.entering{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.condition-group.exiting{animation:slideOut .3s cubic-bezier(.4,0,.2,1)}.templates-button-clicked-handler{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;gap:24px;margin:0 auto;max-width:700px;overflow:visible;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.templates-button-clicked-handler:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.templates-button-clicked-handler:hover{border-color:#2e61554d;box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.templates-handler-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;gap:12px;margin-bottom:8px;padding-bottom:16px}.templates-handler-title{align-items:center;color:#2e6155;display:flex;font-size:18px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.templates-handler-title:before{content:"📋";font-size:20px}.templates-handler-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.template-selection-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.template-selection-section:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.template-selection-label{align-items:center;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.template-selection-label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;width:3px}.button-selection-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf61a,#a78bfa1a);border:1px solid #8b5cf633;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-selection-section:hover{border-color:#8b5cf64d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.button-selection-section h3{align-items:center;border-bottom:1px solid #8b5cf633;color:#7c3aed;display:flex;font-size:16px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 16px;padding-bottom:12px;text-transform:uppercase}.button-selection-section h3:before{content:"🔘";font-size:18px}.templates-button-clicked-handler .lookup-container{position:relative}.templates-button-clicked-handler .lookup-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.templates-button-clicked-handler .lookup-input:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.templates-button-clicked-handler .lookup-input:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.templates-button-clicked-handler .react-select-container{position:relative}.templates-button-clicked-handler .react-select__control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6!important;border:2px solid #e2e8f080!important;border-radius:12px!important;box-shadow:none!important;color:#1f2937;font-family:Varela Round,sans-serif!important;font-size:14px;font-weight:500;min-height:48px;outline:none!important;padding:4px 8px;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.templates-button-clicked-handler .react-select__control:hover{border-color:#2e61554d!important;box-shadow:0 2px 8px #00000014!important;transform:translateY(-1px)}.templates-button-clicked-handler .react-select__control--is-focused{background:#fffffff2!important;border-color:#2e6155!important;box-shadow:0 0 0 4px #2e61551a!important;transform:translateY(-1px)}.templates-button-clicked-handler .react-select__value-container{padding:2px 8px}.templates-button-clicked-handler .react-select__placeholder{color:#94a3b8;font-weight:500}.templates-button-clicked-handler .react-select__single-value{color:#1f2937;font-weight:500}.templates-button-clicked-handler .react-select__multi-value{background:linear-gradient(135deg,#2e61551a,#34d3991a);border:1px solid #2e615533;border-radius:8px;margin:2px}.templates-button-clicked-handler .react-select__multi-value__label{color:#2e6155;font-size:12px;font-weight:600;padding:4px 6px}.templates-button-clicked-handler .react-select__multi-value__remove{border-radius:0 8px 8px 0;color:#2e6155;cursor:pointer;padding:4px 6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.templates-button-clicked-handler .react-select__multi-value__remove:hover{background:#ef44441a;color:#ef4444}.templates-button-clicked-handler .react-select__dropdown-indicator{color:#2e6155;cursor:pointer;padding:8px}.templates-button-clicked-handler .react-select__dropdown-indicator:hover{color:#34d399}.templates-button-clicked-handler .react-select__clear-indicator{color:#ef4444;cursor:pointer;padding:8px}.templates-button-clicked-handler .react-select__clear-indicator:hover{color:#dc2626}.templates-button-clicked-handler .react-select__menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 20px 40px #00000026;margin-top:8px;overflow:hidden}.templates-button-clicked-handler .react-select__menu-list{max-height:200px;padding:8px 0}.templates-button-clicked-handler .react-select__option{border-left:3px solid #0000;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.templates-button-clicked-handler .react-select__option:hover{background:#2e61550d;border-left-color:#2e6155;color:#2e6155}.templates-button-clicked-handler .react-select__option--is-selected{background:#2e61551a;border-left-color:#2e6155;color:#2e6155;font-weight:600}.templates-button-clicked-handler .react-select__option--is-focused{background:#2e61550d;border-left-color:#2e6155;color:#2e6155}.button-selection-section .react-select__control{border-color:#8b5cf64d!important}.button-selection-section .react-select__control:hover{border-color:#8b5cf680!important}.button-selection-section .react-select__control--is-focused{border-color:#7c3aed!important;box-shadow:0 0 0 4px #8b5cf61a!important}.button-selection-section .react-select__multi-value{background:linear-gradient(135deg,#8b5cf61a,#a78bfa1a);border-color:#8b5cf633}.button-selection-section .react-select__dropdown-indicator,.button-selection-section .react-select__multi-value__label,.button-selection-section .react-select__multi-value__remove{color:#7c3aed}.button-selection-section .react-select__dropdown-indicator:hover{color:#a78bfa}.button-selection-section .react-select__option--is-focused,.button-selection-section .react-select__option--is-selected,.button-selection-section .react-select__option:hover{background:#8b5cf60d;border-left-color:#7c3aed;color:#7c3aed}.templates-empty-state{color:#64748b;font-style:italic;padding:40px 20px;text-align:center}.templates-empty-state:before{content:"📋";display:block;font-size:48px;margin-bottom:16px;opacity:.5}.buttons-empty-state{background:#8b5cf60d;border:1px dashed #8b5cf633;border-radius:8px;color:#64748b;font-style:italic;padding:20px;text-align:center}.buttons-empty-state:before{content:"🔘";display:block;font-size:24px;margin-bottom:8px;opacity:.5}.templates-loading{align-items:center;color:#64748b;display:flex;gap:12px;justify-content:center;padding:40px}.templates-loading:before{animation:spin 1s linear infinite;border:2px solid #2e615533;border-left-color:#2e6155;border-radius:50%;content:"";height:20px;width:20px}.templates-button-clicked-handler.history-mode{background:#f8fafce6;border-color:#3b82f64d}.templates-button-clicked-handler.history-mode:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.templates-button-clicked-handler.history-mode .template-selection-label,.templates-button-clicked-handler.history-mode .templates-handler-title{color:#2563eb}.templates-button-clicked-handler.history-mode .template-selection-label:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}@media (max-width:768px){.templates-button-clicked-handler{gap:20px;margin:0;max-width:none;padding:20px}.button-selection-section,.template-selection-section{padding:16px}.templates-handler-title{font-size:16px}.templates-button-clicked-handler .react-select__control{min-height:44px}}@media (max-width:480px){.templates-button-clicked-handler{gap:16px;padding:16px}.button-selection-section,.template-selection-section{padding:12px}.templates-handler-title{font-size:14px}.templates-button-clicked-handler .react-select__control{min-height:40px}.templates-button-clicked-handler .react-select__option{font-size:13px;padding:10px 14px}}.templates-button-clicked-handler.entering{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.templates-button-clicked-handler:focus-within{border-color:#2e615580;box-shadow:0 0 0 4px #2e61551a}.templates-button-clicked-handler:focus-within:before{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 8px #2e61554d}.incoming-message-trigger{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;gap:24px;overflow:visible;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.incoming-message-trigger:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.incoming-message-trigger:hover{border-color:#2e61554d;box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.incoming-message-trigger-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;gap:12px;margin-bottom:8px;padding-bottom:16px}.incoming-message-trigger-title{align-items:center;color:#2e6155;display:flex;font-size:18px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.incoming-message-trigger-title:before{content:"📨";font-size:20px}.incoming-message-trigger-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.MessageTypeIncomingMessageTrigger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.MessageTypeIncomingMessageTrigger:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.pMessageType{align-items:center;border-bottom:1px solid #2e615533;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 12px;padding-bottom:12px;text-align:left;text-transform:uppercase;width:100%}.pMessageType:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;width:3px}.MessageTypeIncomingMessageTrigger select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;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='%232e6155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;margin-top:0;outline:none;padding:12px 40px 12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.MessageTypeIncomingMessageTrigger select:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.MessageTypeIncomingMessageTrigger select:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.condition-action-add-group-wrapper{width:auto}.incoming-message-trigger-history-mode{background:#f8fafce6;border:1px solid #3b82f64d;border-radius:12px;display:flex;flex-direction:column;gap:20px;padding:20px}.incoming-message-trigger-history-mode label{align-items:center;color:#2563eb;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.incoming-message-trigger-history-mode label:before{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:2px;content:"";height:16px;width:3px}.incoming-message-trigger.history-mode{background:#f8fafce6;border-color:#3b82f64d}.incoming-message-trigger.history-mode:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.incoming-message-trigger.history-mode .incoming-message-trigger-title{color:#2563eb}.incoming-message-trigger.history-mode .pMessageType{border-bottom-color:#3b82f633;color:#2563eb}.incoming-message-trigger.history-mode .pMessageType:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.incoming-message-trigger label{align-items:center;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.incoming-message-trigger label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:14px;width:3px}@media (max-width:768px){.incoming-message-trigger{gap:20px;padding:20px}.MessageTypeIncomingMessageTrigger{padding:16px}.incoming-message-trigger-title{font-size:16px}.add-group-wrapper{align-items:stretch;flex-direction:column;gap:12px}.condition-action-add-group-wrapper,.group-relation-select{min-width:auto;width:100%}}@media (max-width:480px){.incoming-message-trigger{gap:16px;padding:16px}.MessageTypeIncomingMessageTrigger{padding:12px}.incoming-message-trigger-title{font-size:14px}.pMessageType{font-size:12px}.MessageTypeIncomingMessageTrigger select,.group-relation-select{font-size:13px;padding:10px 14px}.condition-action-add-group-wrapper{font-size:12px;padding:10px 16px}}.incoming-message-trigger.entering{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.incoming-message-trigger:focus-within{border-color:#2e615580;box-shadow:0 0 0 4px #2e61551a}.incoming-message-trigger:focus-within:before{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 8px #2e61554d}.ai-trigger-wrapper{margin-bottom:20px}.ai-trigger-section{background:linear-gradient(135deg,#8b5cf608,#3b82f608);border:2px solid #8b5cf626;border-radius:12px;padding:20px;transition:all .3s ease}.ai-trigger-section:hover{border-color:#8b5cf640;box-shadow:0 2px 8px #8b5cf614}.ai-trigger-header{margin-bottom:16px}.ai-trigger-toggle{align-items:center;color:#6366f1;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;-webkit-user-select:none;user-select:none}.ai-trigger-toggle input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:20px;width:20px}.ai-trigger-toggle:hover{color:#4f46e5}.ai-trigger-config{animation:slideIn .3s ease;display:flex;flex-direction:column;gap:20px;margin-top:16px}.ai-trigger-config label{color:#1e293b;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:8px}.ai-prompt-row{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr auto}.ai-prompt-container{display:flex;flex:1 1;flex-direction:column;gap:8px}.ai-prompt-container label{color:#1e293b;font-size:14px;font-weight:600}.ai-prompt-textarea{border:2px solid #e2e8f0;border-radius:10px;font-family:Varela Round,sans-serif;font-size:15px;line-height:1.5;min-height:120px;padding:14px;resize:vertical;transition:all .3s ease}.ai-prompt-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.ai-prompt-textarea::placeholder{color:#94a3b8;font-style:italic}.ai-result-container{display:flex;flex-direction:column;gap:8px;min-width:200px}.ai-result-container label{color:#1e293b;font-size:14px;font-weight:600}.ai-result-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236366f1' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;font-family:Varela Round,sans-serif;font-size:15px;font-weight:600;padding:12px 40px 12px 14px;transition:all .3s ease}.ai-result-select:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.ai-result-select:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.ai-result-select option{background:#fff;color:#1e293b;padding:10px}.ai-trigger-config select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;padding:12px 14px;transition:all .3s ease}.ai-trigger-config select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.ai-trigger-config select:hover{border-color:#6366f1}.ai-trigger-info{background:#3b82f60d;border:2px solid #3b82f633;border-radius:10px;margin-top:16px;overflow:hidden}.ai-info-header{align-items:center;color:#1e40af;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:14px 16px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.ai-info-header:hover{background:#3b82f614}.ai-info-arrow{color:#6366f1;font-size:10px;transition:transform .3s ease}.ai-info-arrow.open{transform:rotate(180deg)}.ai-info-content{animation:slideDown .3s ease;color:#475569;font-size:13px;line-height:1.6;margin:0 0 0 20px;padding:0 16px 16px}.ai-info-content li{margin-bottom:8px}@media (max-width:768px){.ai-trigger-section{padding:16px}.ai-trigger-toggle{font-size:14px}.ai-trigger-toggle input[type=checkbox]{height:18px;width:18px}.ai-prompt-row{gap:16px;grid-template-columns:1fr}.ai-result-container{min-width:100%}.ai-result-select{font-size:14px;width:100%}.ai-prompt-textarea{font-size:14px;min-height:90px}.ai-trigger-info{padding:12px}.ai-trigger-info ul{font-size:12px}}.social-media-filters{background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid #e2e8f099;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:20px}.social-filter-row{align-items:center;display:flex;gap:24px}.social-filter-item{align-items:center;background:#fff;border:1px solid #e2e8f080;border-radius:10px;display:flex;flex:1 1;gap:12px;padding:12px;transition:all .2s ease}.social-filter-item:hover{border-color:#2e61554d;box-shadow:0 2px 12px #00000014;transform:translateY(-1px)}.social-filter-toggle{align-items:center;color:#334155;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:10px}.social-filter-toggle input[type=checkbox]{accent-color:#2e6155;cursor:pointer;height:18px;width:18px}.social-icon{align-items:center;display:flex;gap:8px}.social-icon svg{flex-shrink:0}.facebook-icon{color:#1877f2}.instagram-icon{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fed373,#f15245,#d92e7f,#9b36b7,#515ecf);-webkit-background-clip:text;background-clip:text}.social-filter-value{background:#fff;border:1px solid #e2e8f099;border-radius:8px;color:#334155;cursor:pointer;font-size:14px;font-weight:600;min-width:90px;padding:8px 12px;transition:all .2s ease}.social-filter-value:hover{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a}.social-filter-value:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e615526;outline:none}.social-filter-toggle input[type=checkbox]:disabled,.social-filter-value:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.social-filter-row{flex-direction:column;gap:12px}.social-filter-item{width:100%}}.outbound-message-trigger{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;gap:24px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.outbound-message-trigger:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.outbound-message-trigger:hover{border-color:#2e61554d;box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.outbound-message-trigger-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;gap:12px;margin-bottom:8px;padding-bottom:16px}.outbound-message-trigger-title{align-items:center;color:#2e6155;display:flex;font-size:18px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.outbound-message-trigger-title:before{content:"📤";font-size:20px}.outbound-message-trigger-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.outbound-message-type-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.outbound-message-type-section:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.outbound-message-trigger label{align-items:center;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.outbound-message-trigger label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;width:3px}.outbound-message-trigger select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;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='%232e6155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;outline:none;padding:12px 40px 12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.outbound-message-trigger select:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.outbound-message-trigger select:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.outbound-message-trigger select:disabled{background:#f8fafccc;border-color:#e2e8f04d;color:#64748b;cursor:not-allowed;transform:none}.condition-groups{display:flex;flex-direction:column;gap:20px;margin-top:0}.condition-group-wrapper{position:relative}.add-group-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;gap:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-group-wrapper:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.condition-action-add-group-wrapper{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:10px;box-shadow:0 2px 8px #2e615533;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;min-width:140px;overflow:hidden;padding:12px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.condition-action-add-group-wrapper:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.condition-action-add-group-wrapper:hover:before{left:100%}.condition-action-add-group-wrapper:hover{box-shadow:0 4px 16px #2e61554d;transform:translateY(-2px)}.condition-action-add-group-wrapper:active{transform:translateY(0)}.condition-action-add-group-wrapper:after{content:"➕";font-size:12px}.group-relation-select{-webkit-appearance:none;appearance:none;background:#ffffffe6;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='%232e6155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border-radius:12px;font-weight:600;min-width:100px;outline:none;padding:12px 40px 12px 16px}.group-relation-select:focus{background:#fffffff2;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.group-relation-select:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.message-content-history{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;margin-top:16px;padding:20px}.message-content-history label{align-items:center;color:#2563eb;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.message-content-history label:before{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:2px;content:"";height:16px;width:3px}.history-message-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #3b82f64d;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;min-height:120px;outline:none;padding:12px 16px;resize:vertical;width:100%}.history-message-content:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.outbound-message-trigger.history-mode{background:#f8fafce6;border-color:#3b82f64d}.outbound-message-trigger.history-mode:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.outbound-message-trigger.history-mode .outbound-message-trigger-title,.outbound-message-trigger.history-mode label{color:#2563eb}.outbound-message-trigger.history-mode label:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.outbound-message-trigger .inline-field{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.outbound-message-trigger .inline-field:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.outbound-message-trigger .inline-field label{flex-shrink:0;font-weight:700;margin:0;min-width:120px}.outbound-message-trigger .inline-field input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;color:#1f2937;flex:1 1;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;max-width:none;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.outbound-message-trigger .inline-field input:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.outbound-message-trigger textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;min-height:120px;outline:none;padding:12px 16px;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.outbound-message-trigger textarea:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.outbound-message-trigger textarea:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}@media (max-width:768px){.outbound-message-trigger{gap:20px;padding:20px}.outbound-message-type-section{padding:16px}.outbound-message-trigger-title{font-size:16px}.add-group-wrapper{align-items:stretch;flex-direction:column;gap:12px}.condition-action-add-group-wrapper,.group-relation-select{min-width:auto;width:100%}.outbound-message-trigger .inline-field{align-items:stretch;flex-direction:column;gap:8px}.outbound-message-trigger .inline-field label{min-width:auto}}@media (max-width:480px){.outbound-message-trigger{gap:16px;padding:16px}.outbound-message-type-section{padding:12px}.outbound-message-trigger-title{font-size:14px}.group-relation-select,.outbound-message-trigger select{font-size:13px;padding:10px 14px}.condition-action-add-group-wrapper{font-size:12px;padding:10px 16px}.history-message-content,.outbound-message-trigger textarea{font-size:13px;min-height:100px;padding:10px 14px}}.outbound-message-trigger.entering{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.outbound-message-trigger:focus-within{border-color:#2e615580;box-shadow:0 0 0 4px #2e61551a}.outbound-message-trigger:focus-within:before{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 8px #2e61554d}.email-received-trigger{background:#fff;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .2s ease}.email-received-trigger:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.email-received-trigger-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;gap:.75rem;padding:1rem 1.5rem}.section-icon,.trigger-icon{font-size:1.3rem}.email-received-trigger-header h3{font-size:1.1rem;font-weight:600;margin:0}.email-received-trigger-body{padding:1.5rem}.trigger-description{background:#f0f9ff;border-left:4px solid #0ea5e9;border-radius:4px;color:#0c4a6e;font-weight:500;margin-bottom:1.5rem;padding:1rem}.radio-group{background:#f8f9fa;border-radius:8px;padding:.75rem}.radio-label:has(input:checked){color:#10b981}.filter-rules-section{background:#fafafa;border:2px solid #e0e0e0;margin-top:1.5rem}.filter-rules-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.filter-rules-header h4{color:#333;flex:1 1;font-size:1.05rem;margin:0}.btn-add-filter{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.btn-add-filter:hover{box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}.empty-filters{color:#6b7280;font-style:italic;padding:2rem;text-align:center}.filter-rules-list{gap:1rem}.filter-rule{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:1rem;transition:all .2s ease}.filter-rule:hover{border-color:#10b981}.filter-rule-row{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1.5fr auto}.filter-field,.filter-operator,.filter-value{display:flex;flex-direction:column}.filter-field label,.filter-operator label,.filter-value label{color:#555;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.filter-input,.filter-select{border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;padding:.75rem;transition:all .2s ease}.filter-input:focus,.filter-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.btn-remove-filter{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-remove-filter:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.filter-hint{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;color:#78350f;font-size:.9rem;margin-top:1rem;padding:.75rem}.available-variables{background:#f0f9ff;border:2px solid #bae6fd;border-radius:8px;margin-top:2rem;padding:1rem}.available-variables h4{color:#0c4a6e;font-size:1rem;margin:0 0 1rem}.variables-list{margin-bottom:1rem}.variable-badge{background:linear-gradient(135deg,#0ea5e9,#06b6d4);font-weight:600;padding:.35rem .75rem}.variables-hint{color:#0c4a6e;font-size:.85rem;font-style:italic;margin:0}.email-received-trigger.history-mode{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1rem}.history-field{padding:.75rem}.history-field strong{margin-bottom:.5rem}.history-field ul{color:#555;font-size:.9rem;margin:.5rem 0 0;padding-left:1.5rem}@media (max-width:768px){.filter-rule-row{gap:.75rem;grid-template-columns:1fr}.btn-remove-filter{justify-self:flex-end}.radio-group{flex-direction:column;gap:1rem}}.calendar-event-trigger{background:#fff;border-radius:12px;direction:ltr;overflow:hidden;text-align:left}.calendar-event-trigger-header{align-items:flex-start;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;text-align:left}.calendar-event-trigger-header .trigger-icon{font-size:2rem;margin-bottom:.5rem}.calendar-event-trigger-header h3{font-size:1.3rem;font-weight:600;margin:0}.calendar-event-trigger-header p{font-size:.9rem;margin:0;opacity:.95}.calendar-event-trigger-body{padding:1.5rem;text-align:left}.form-group label{margin-bottom:.75rem}.trigger-types-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr;margin-top:.75rem}.trigger-type-card{align-items:flex-start;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.trigger-type-card:hover{background:#f0fdf4;border-color:#10b981}.trigger-type-card.selected{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;box-shadow:0 2px 8px #10b98133}.trigger-type-card input[type=radio]{accent-color:#10b981;cursor:pointer;height:18px;margin-top:.25rem;width:18px}.trigger-type-content{flex:1 1}.trigger-type-label{color:#333;font-size:1rem;font-weight:600;margin-bottom:.25rem;text-align:left}.trigger-type-card.selected .trigger-type-label{color:#059669}.trigger-type-description{color:#6b7280;font-size:.85rem;text-align:left}.reminder-time-section .time-input-group{align-items:center;display:flex;gap:.75rem}.form-input-small{border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:.75rem;transition:all .2s ease;width:120px}.form-input-small:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.time-label{color:#374151;font-size:.95rem;font-weight:500}.filter-type-options{display:flex;gap:1rem;margin-top:.75rem}.radio-option{border:2px solid #e0e0e0;border-radius:8px;justify-content:flex-start;padding:1rem;transition:all .2s ease}.radio-option:hover{background:#f0fdf4;border-color:#10b981}.radio-option input[type=radio]{accent-color:#10b981;height:18px;width:18px}.radio-option input[type=radio]:checked+span{color:#059669;font-weight:600}.radio-option span{color:#374151;font-size:.95rem;text-align:left}.filter-rules-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;padding:1.5rem}.filter-rules-section h4{color:#374151;font-size:1rem;margin:0 0 1rem}.filter-rule{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:1.5fr 1fr 1.5fr auto;margin-bottom:.75rem}.filter-field,.filter-operator,.filter-value{border:2px solid #e0e0e0;border-radius:6px;font-size:.9rem;padding:.75rem;transition:all .2s ease}.filter-field:focus,.filter-operator:focus,.filter-value:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.btn-remove-rule{background:#fee2e2;border:2px solid #fca5a5;border-radius:6px;cursor:pointer;font-size:1rem;padding:.75rem;transition:all .2s ease}.btn-remove-rule:hover{background:#fecaca;border-color:#f87171}.btn-add-rule{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-add-rule:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.info-box{border-radius:6px;margin-top:1.5rem}.info-box strong{color:#1e40af;display:block;font-size:.95rem;margin-bottom:.5rem}.info-box p{color:#374151;font-size:.9rem;line-height:1.5;margin:0}.calendar-event-trigger.history-mode{background:#f0fdf4;border:1px solid #d1fae5;border-radius:8px;padding:1rem}.history-field ul{margin:.5rem 0 0 1.5rem;padding:0}.history-field li{color:#374151;font-size:.9rem;margin-bottom:.25rem}.calendar-event-trigger .whatsapp-reminder-section{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #25d366;border-radius:12px;padding:1.5rem}.calendar-event-trigger .whatsapp-reminder-toggle{align-items:center;cursor:pointer;display:flex;gap:.75rem;justify-content:flex-start;-webkit-user-select:none;user-select:none}.calendar-event-trigger .whatsapp-reminder-toggle input[type=checkbox]{accent-color:#25d366;cursor:pointer;height:20px;width:20px}.calendar-event-trigger .whatsapp-reminder-toggle span{color:#065f46;font-size:1rem;font-weight:600;text-align:left}.calendar-event-trigger .whatsapp-reminder-config{background:#fff;border:1px solid #d1fae5;border-radius:8px;margin-top:1rem;padding:1.5rem}.calendar-event-trigger .reminder-message-config,.calendar-event-trigger .reminder-phone-config,.calendar-event-trigger .reminder-template-config,.calendar-event-trigger .reminder-time-config{margin-bottom:1.5rem}.calendar-event-trigger .reminder-message-config:last-child,.calendar-event-trigger .reminder-phone-config:last-child,.calendar-event-trigger .reminder-template-config:last-child,.calendar-event-trigger .reminder-time-config:last-child{margin-bottom:0}.calendar-event-trigger .reminder-message-config label,.calendar-event-trigger .reminder-phone-config label,.calendar-event-trigger .reminder-template-config label,.calendar-event-trigger .reminder-time-config label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem;text-align:left}.calendar-event-trigger .time-input-group{display:flex;gap:.75rem;margin-bottom:.5rem;margin-top:.5rem}.calendar-event-trigger .form-input-small{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:.95rem;padding:.75rem;transition:all .2s ease}.calendar-event-trigger .form-input-small:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;outline:none}.calendar-event-trigger .form-select-small{border:2px solid #e0e0e0;border-radius:8px;flex:2 1;font-size:.95rem;padding:.75rem;transition:all .2s ease}.calendar-event-trigger .form-select-small:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;outline:none}.calendar-event-trigger .calendar-reminder-message-type{margin-bottom:1.5rem}.calendar-event-trigger .calendar-reminder-message-type>label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem;text-align:left}.calendar-event-trigger .calendar-message-toggle-switch{background:#e5e7eb;border-radius:8px;display:inline-flex;max-width:100%;padding:3px;position:relative;width:auto}.calendar-event-trigger .calendar-message-toggle-switch input[type=radio]{display:none}.calendar-event-trigger .calendar-toggle-option{border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;min-width:150px;padding:.6rem 1.25rem;text-align:center!important;transition:all .25s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}.calendar-event-trigger .calendar-message-toggle-switch input[type=radio]:checked+.calendar-toggle-option{background:linear-gradient(135deg,#25d366,#20ba5a);box-shadow:0 2px 6px #25d3664d;color:#fff;font-weight:600;transform:scale(1.02)}.calendar-event-trigger .calendar-toggle-option:hover{color:#374151}.calendar-event-trigger .calendar-message-toggle-switch input[type=radio]:checked+.calendar-toggle-option:hover{color:#fff;transform:scale(1.02)}@media (max-width:768px){.calendar-event-trigger-body{padding:1rem}.trigger-types-grid{grid-template-columns:1fr}.filter-type-options{flex-direction:column}.filter-rule{grid-template-columns:1fr}.reminder-time-section .time-input-group{align-items:flex-start;flex-direction:column}.form-input-small{width:100%}.calendar-event-trigger .time-input-group{flex-direction:column}.calendar-event-trigger .calendar-message-toggle-switch{max-width:100%;width:100%}.calendar-event-trigger .calendar-toggle-option{flex:1 1;font-size:.8rem;min-width:0;min-width:auto;padding:.6rem .75rem}}.gambot-trigger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #2e61551a;border-radius:16px;box-shadow:0 4px 6px #0000000d;direction:ltr;padding:0;text-align:left}.gambot-trigger-header{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:14px 14px 0 0;color:#fff;padding:24px;text-align:center}.gambot-trigger-icon{font-size:32px;margin-bottom:12px}.gambot-trigger-header h3{font-size:20px;font-weight:600;margin:0 0 8px}.gambot-trigger-header p{font-size:14px;margin:0;opacity:.9}.gambot-trigger-body{padding:24px}.gambot-trigger .form-group{margin-bottom:24px}.gambot-trigger .form-group label{align-items:center;color:#1f2937;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:flex-start;margin-bottom:12px;text-align:left}.record-type-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.record-type-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:block;padding:20px;position:relative;transition:all .3s ease}.record-type-card input[type=radio]{opacity:0;position:absolute}.record-type-card:hover{border-color:#2e6155;box-shadow:0 4px 8px #2e615526;transform:translateY(-2px)}.record-type-card.selected{background:#2e61550d;border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a}.record-type-content{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.record-type-icon{color:#2e6155;font-size:32px;margin-bottom:8px}.record-type-label{color:#1f2937;font-size:16px;font-weight:600}.record-type-card small{color:#6b7280;font-size:13px}.gambot-trigger .form-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.gambot-trigger .form-select:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.operation-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.operation-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:block;padding:16px;position:relative;transition:all .3s ease}.operation-card input[type=radio]{opacity:0;position:absolute}.operation-card:hover{border-color:#2e6155;box-shadow:0 4px 8px #2e615526;transform:translateY(-2px)}.operation-card.selected{background:#2e61550d;border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a}.operation-content{align-items:center;display:flex;flex-direction:column;gap:6px;text-align:center}.operation-icon{color:#2e6155;font-size:24px}.operation-label{color:#1f2937;font-size:14px;font-weight:600}.operation-description{color:#6b7280;font-size:12px}.update-conditions{display:flex;flex-direction:column;gap:12px}.update-condition-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:block;padding:16px 20px;position:relative;transition:all .3s ease}.update-condition-card input[type=radio]{opacity:0;position:absolute}.update-condition-card:hover{border-color:#2e6155;box-shadow:0 2px 4px #2e61551a}.update-condition-card.selected{background:#2e61550d;border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a}.update-condition-content{display:flex;flex-direction:column;gap:4px}.update-condition-label{color:#1f2937;font-size:15px;font-weight:600}.update-condition-card small{color:#6b7280;font-size:13px}.gambot-trigger .form-input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:Varela Round,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.gambot-trigger .form-input:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.field-hint{font-size:13px;margin-top:8px}.no-tables-warning{background:#fef3c7;border:2px solid #fbbf24;border-radius:8px;color:#92400e;font-size:14px;padding:16px;text-align:center}.gambot-trigger-info{background:linear-gradient(135deg,#3b82f60d,#60a5fa0d);border:2px solid #3b82f633;border-radius:12px;margin-top:24px;padding:16px}.gambot-trigger-info strong{color:#1e40af;display:block;font-size:14px;margin-bottom:8px;text-align:left}.gambot-trigger-info p{color:#374151;font-size:13px;line-height:1.6;margin:0;text-align:left}.gambot-trigger--history{background:#f9fafb;border:2px solid #e5e7eb;padding:20px}.gambot-trigger__history-content{display:flex;flex-direction:column;gap:12px}.gambot-trigger__history-row{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px}.gambot-trigger__history-row strong{color:#374151;font-size:14px;min-width:150px}.gambot-trigger__history-row span{color:#6b7280;font-size:14px}.date-range-input{display:flex;flex-direction:column;gap:8px}.date-range-input .form-input{width:100%}.date-range-input .field-hint{color:#6b7280;font-size:12px;margin:0;padding:0}.field-mode-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.field-mode-card{align-items:flex-start;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.field-mode-card:hover{background:#f8fff8;border-color:#4caf50}.field-mode-card.selected{background:#e8f5e9;border-color:#4caf50;box-shadow:0 2px 8px #4caf5033}.field-mode-card input[type=radio]{margin-top:2px}.field-mode-content{display:flex;flex-direction:column;gap:4px}.field-mode-label{color:#333;font-size:14px;font-weight:600}.field-mode-card small{color:#666;font-size:12px;line-height:1.3}.field-mode-info{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin-top:8px;padding:12px}.field-mode-info .info-text{color:#1976d2;display:block;font-size:13px;line-height:1.5}.field-mode-info strong{color:#0d47a1;font-weight:600}.query-builder-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:15px;padding:20px}.query-builder-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.query-builder-header label{align-items:center;color:#2c3e50;display:flex;font-size:16px;font-weight:600;gap:8px}.logic-selector{align-items:center;display:flex;gap:10px}.logic-selector span{color:#666;font-weight:500}.form-select-inline{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 12px}.filter-rules-list{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.no-rules-message{background:#fff;border:2px dashed #ddd;border-radius:8px;color:#999;padding:30px;text-align:center}.no-rules-message p{font-size:14px;margin:0}.filter-rule-row{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:10px;padding:12px;transition:all .2s}.filter-rule-row:hover{border-color:#4caf50;box-shadow:0 2px 4px #4caf501a}.rule-number{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.rule-field{flex:2 1;min-width:150px}.rule-operator{flex:1.5 1;min-width:120px}.rule-value{flex:2 1;min-width:150px}.remove-rule-btn{align-items:center;background:#ff5252;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px 12px;transition:all .2s}.remove-rule-btn:hover{background:#ff1744;transform:scale(1.05)}.add-rule-btn{align-items:center;background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.add-rule-btn:hover{background:#45a049;box-shadow:0 2px 8px #4caf504d;transform:translateY(-1px)}.query-builder-info{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin-top:15px;padding:12px}.query-builder-info small{color:#1976d2;display:block;font-size:13px;line-height:1.5}.query-builder-info strong{font-weight:600}@media (max-width:768px){.operation-grid,.record-type-options{grid-template-columns:1fr}.filter-rule-row{flex-wrap:wrap}.rule-field,.rule-operator,.rule-value{flex:1 1 100%;min-width:0;min-width:auto}}.scheduled-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;gap:24px;margin:0 auto;max-width:500px;overflow:visible;padding:32px;position:relative}.scheduled-container:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.schedule-type-selector,.scheduled-end-condition,.scheduled-end-date,.scheduled-max-instances,.scheduled-repeat,.scheduled-starting,.scheduled-timezone{background:#ffffffb3;border:1px solid #e2e8f080;border-radius:12px;padding:20px;position:relative;transition:all .3s ease;width:100%}.schedule-type-selector:hover,.scheduled-end-condition:hover,.scheduled-end-date:hover,.scheduled-max-instances:hover,.scheduled-repeat:hover,.scheduled-starting:hover,.scheduled-timezone:hover{border-color:#34d3994d;box-shadow:0 4px 16px #34d3991a;transform:translateY(-1px)}.scheduled-container label{color:#374151;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;position:relative;text-transform:uppercase}.scheduled-container label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.schedule-type-selector select,.scheduled-end-condition select,.scheduled-input input[type=number],.scheduled-interval select,.scheduled-max-instances input,.scheduled-starting .react-datepicker-wrapper,.scheduled-starting input[type=time],.scheduled-timezone select{background:#fff;border:2px solid #e2e8f099;border-radius:10px;box-sizing:border-box;color:#374151;font-family:Varela Round,sans-serif;font-size:15px;font-weight:500;margin-top:8px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.schedule-type-selector select:focus,.scheduled-end-condition select:focus,.scheduled-input input[type=number]:focus,.scheduled-interval select:focus,.scheduled-max-instances input:focus,.scheduled-starting input[type=time]:focus,.scheduled-timezone select:focus{background:#fefefe;border-color:#34d399;box-shadow:0 0 0 3px #34d3991a;outline:none;transform:translateY(-1px)}.schedule-type-selector select:hover,.scheduled-end-condition select:hover,.scheduled-input input[type=number]:hover,.scheduled-interval select:hover,.scheduled-max-instances input:hover,.scheduled-starting input[type=time]:hover,.scheduled-timezone select:hover{border-color:#34d39966}.scheduled-end-date .react-datepicker-wrapper,.scheduled-starting .react-datepicker-wrapper{width:100%}.scheduled-end-date .react-datepicker__input-container input,.scheduled-starting .react-datepicker__input-container input{background:#fff;border:2px solid #e2e8f099;border-radius:10px;box-sizing:border-box;color:#374151;font-family:Varela Round,sans-serif;font-size:15px;font-weight:500;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.scheduled-end-date .react-datepicker__input-container input:focus,.scheduled-starting .react-datepicker__input-container input:focus{background:#fefefe;border-color:#34d399;box-shadow:0 0 0 3px #34d3991a;outline:none;transform:translateY(-1px)}.scheduled-end-date .react-datepicker__input-container input:hover,.scheduled-starting .react-datepicker__input-container input:hover{border-color:#34d39966}.scheduled-repeat{display:flex;flex-direction:column;gap:16px}.scheduled-input-Repeat{align-items:center;display:flex;gap:12px;margin-top:8px}.scheduled-input-Repeat input[type=number]{background:#fff;border:2px solid #e2e8f099;border-radius:10px;color:#374151;font-family:Varela Round,sans-serif;font-size:15px;font-weight:500;padding:14px 16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:80px}.scheduled-input-Repeat input[type=number]:focus{background:#fefefe;border-color:#34d399;box-shadow:0 0 0 3px #34d3991a;outline:none;transform:translateY(-1px)}.scheduled-input-Repeat input[type=number]:hover{border-color:#34d39966}.scheduled-interval{flex:1 1}.scheduled-interval label{margin-bottom:8px}.scheduled-interval select{background:#fff;border:2px solid #e2e8f099;border-radius:10px;color:#374151;font-family:Varela Round,sans-serif;font-size:15px;font-weight:500;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.scheduled-interval select:focus{background:#fefefe;border-color:#34d399;box-shadow:0 0 0 3px #34d3991a;outline:none;transform:translateY(-1px)}.scheduled-interval select:hover{border-color:#34d39966}@media (max-width:768px){.scheduled-container{margin:16px;max-width:calc(100vw - 32px);padding:24px}.schedule-type-selector,.scheduled-end-condition,.scheduled-end-date,.scheduled-max-instances,.scheduled-repeat,.scheduled-starting,.scheduled-timezone{padding:16px}.scheduled-input-Repeat{align-items:stretch;flex-direction:column;gap:8px}.scheduled-input-Repeat input[type=number]{text-align:left;width:100%}}.scheduled-end-date,.scheduled-max-instances{animation:slideIn .3s ease-out}.scheduled-timezone .react-select__control{border:2px solid #e2e8f099!important;border-radius:10px!important;box-shadow:none!important;font-family:Varela Round,sans-serif!important;font-weight:500!important;padding:6px 8px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.scheduled-timezone .react-select__control:hover{border-color:#34d39966!important}.scheduled-timezone .react-select__control--is-focused{border-color:#34d399!important;box-shadow:0 0 0 3px #34d3991a!important}.scheduled-timezone .react-select__value-container{padding:2px 8px!important}.scheduled-timezone .react-select__single-value{color:#374151!important;font-weight:500!important}.scheduled-timezone{overflow:visible!important;position:relative;z-index:2147483647!important}.scheduled-timezone .react-select__menu{background:#fff!important;border:1px solid #e2e8f099!important;border-radius:12px!important;box-shadow:0 20px 60px #0000004d!important;margin-top:4px!important;max-height:300px!important;overflow:hidden!important;position:fixed!important;width:300px!important;z-index:2147483647!important}.scheduled-timezone .react-select__menu-list{max-height:280px!important;overflow-y:auto!important}.scheduled-timezone .react-select__control{z-index:2147483646!important}.scheduled-timezone .react-select__menu-portal{z-index:2147483647!important}.scheduled-timezone .react-select__dropdown-indicator,.scheduled-timezone .react-select__indicators,.scheduled-timezone .react-select__value-container{z-index:2147483646!important}div[class*=react-select] .react-select__menu[class*=timezone],div[class*=react-select][class*=timezone] .react-select__menu{position:fixed!important;z-index:2147483647!important}.campaign-form .scheduled-timezone,.campaign-form-section .scheduled-timezone{position:relative!important;z-index:2147483647!important}.campaign-form .scheduled-timezone .react-select__menu,.campaign-form-section .scheduled-timezone .react-select__menu{position:fixed!important;z-index:2147483647!important}.scheduled-timezone .react-select__option{cursor:pointer!important;font-family:Varela Round,sans-serif!important;font-size:14px!important;padding:12px 16px!important}.scheduled-timezone .react-select__option:hover{background:#2e61551a!important;color:#2e6155!important}.scheduled-timezone .react-select__option--is-selected{background:#2e6155!important;color:#fff!important}.scheduled-timezone .react-select__option--is-focused{background:#2e61551a!important;color:#2e6155!important}.condition-action{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;font-family:Varela Round,sans-serif;margin:0;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.condition-action:hover{border-color:#2e61554d;box-shadow:0 12px 48px #0000001f}.condition-header{background:linear-gradient(135deg,#2e61551a,#34d3991a);border:1px solid #2e615533;border-radius:12px;margin-bottom:24px;padding:20px}.condition-title{color:#2e6155;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.condition-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.group-relation-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;border-radius:8px;color:#1f2937;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;margin-left:12px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.group-relation-select:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.add-group-wrapper{align-items:center;display:flex;gap:12px;margin-top:16px}.add-group-button{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:8px;box-shadow:0 2px 8px #2e615533;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-group-button:hover{box-shadow:0 4px 16px #2e61554d;transform:translateY(-2px)}.condition-scopes{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px}.scope{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 4px 16px #0000000d;display:flex;flex-direction:column;height:100%;min-height:200px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.scope:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.scope h4{align-items:center;color:#2e6155;display:flex;flex-shrink:0;font-family:Varela Round,sans-serif;font-size:16px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.scope h4:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";flex-shrink:0;height:20px;width:4px}.scope-action{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.scope-action:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.scope-action:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.action-header{border-bottom:1px solid #e2e8f04d;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.action-title{color:#374151;font-size:14px;font-weight:700;gap:8px;margin:0}.action-icon,.action-title{align-items:center;display:flex}.action-icon{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:4px;color:#fff;font-size:12px;height:20px;justify-content:center;width:20px}.action-controls{align-items:center;display:flex;gap:8px}.delete-action-button{align-items:center;background:#ef444414;border:1.5px solid #ef444440;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:16px;font-weight:400;height:32px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.delete-action-button:before{content:"🗑️";filter:grayscale(0);position:relative;transition:all .3s ease;z-index:1}.delete-action-button:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;box-shadow:0 4px 12px #ef444466;transform:scale(1.1) rotate(5deg)}.delete-action-button:hover:before{filter:brightness(1.2);transform:scale(1.1)}.delete-action-button:active{box-shadow:0 2px 6px #ef44444d;transform:scale(.95) rotate(0deg)}.action-delete-button{align-items:center;background:#ef444414;border:1.5px solid #ef444440;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:16px;font-weight:400;height:32px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.action-delete-button:before{content:"🗑️";position:relative;transition:all .3s ease;z-index:1}.action-delete-button:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;box-shadow:0 4px 12px #ef444466;transform:scale(1.1) rotate(5deg)}.action-delete-button:hover:before{transform:scale(1.1)}.action-delete-button:active{box-shadow:0 2px 6px #ef44444d;transform:scale(.95) rotate(0deg)}.condition-action-add-action{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:8px;box-shadow:0 2px 8px #2e615533;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;margin-top:auto;padding:12px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.condition-action-add-action:hover{box-shadow:0 4px 16px #2e61554d;transform:translateY(-2px)}.condition-action-add-action:active{transform:translateY(0)}.scope-action h3{background:#f8fafccc;border:1px dashed #e2e8f0cc;border-radius:6px;color:#64748b;font-size:14px;letter-spacing:.5px;margin:0 0 12px;padding:8px;text-align:center;text-transform:uppercase}.scope-action h3,.scope-action select{font-family:Varela Round,sans-serif;font-weight:600}.scope-action select{appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);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='%232e6155' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:2px solid #2e615533;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#1f2937;cursor:pointer;font-size:15px;margin-bottom:16px;padding:14px 40px 14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.scope-action select:hover{border-color:#2e615566;box-shadow:0 4px 16px #2e61551a;transform:translateY(-1px)}.scope-action select:focus{border-color:#2e6155;box-shadow:0 0 0 4px #2e615526,0 4px 16px #2e615533;outline:none;transform:translateY(-1px)}.scope-action select option{background:#fff;color:#1f2937;font-size:14px;padding:12px}.scope-action select option:first-child{color:#94a3b8;font-style:italic}.scope-action select option:not(:first-child){font-weight:600}.scope-action select:not([value=""]){background:linear-gradient(135deg,#2e61550d,#34d3990d);border-color:#2e61554d;color:#2e6155}.general-toggle-container{align-items:center;background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.general-toggle-label{color:#374151;cursor:pointer;font-size:14px;font-weight:600;-webkit-user-select:none;user-select:none}.general-toggle-switch{background:#9ca3af4d;border-radius:12px;cursor:pointer;height:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.general-toggle-switch.active{background:linear-gradient(135deg,#2e6155,#34d399)}.general-toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.general-toggle-switch.active:after{transform:translateX(20px)}@media (max-width:1024px){.condition-scopes{gap:20px;grid-template-columns:1fr}}@media (max-width:768px){.condition-action{padding:20px}.condition-header,.scope{padding:16px}.scope-action{padding:12px}.condition-action-add-action{font-size:13px;padding:10px 16px}}@media (max-width:480px){.condition-action{padding:16px}.condition-header{padding:12px}.condition-title{font-size:16px}.scope{padding:12px}.scope h4{font-size:14px}.scope-action{padding:10px}.action-header{align-items:stretch;flex-direction:column;gap:8px}.action-controls{justify-content:center}}.outbound-message-action{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;gap:24px;margin:0;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.outbound-message-action:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.outbound-message-action:hover{border-color:#2e61554d;box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.outbound-message-action-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;gap:12px;margin-bottom:8px;padding-bottom:16px}.outbound-message-action-title{align-items:center;color:#2e6155;display:flex;font-size:18px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.outbound-message-action-title:before{content:"📤";font-size:20px}.outbound-message-action-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.outbound-message-action-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.outbound-message-action-section:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.outbound-message-action label{align-items:center;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.outbound-message-action label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;width:3px}.message-type-vertical label{align-items:flex-start;flex-direction:column;gap:12px}.message-type-vertical .message-type-indicator,.message-type-vertical label:before{align-self:flex-start}.message-type-vertical select{margin-top:0;width:100%}.outbound-message-action select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;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='%232e6155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;margin-top:0;outline:none;padding:12px 40px 12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.outbound-message-action select:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.outbound-message-action select:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.outbound-message-action select:disabled{background:#f8fafccc;border-color:#e2e8f04d;color:#64748b;cursor:not-allowed;transform:none}.outbound-message-action textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;margin-top:0;min-height:120px;outline:none;padding:12px 16px;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.outbound-message-action textarea:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.outbound-message-action textarea:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.outbound-message-action textarea:disabled{background:#f8fafccc;border-color:#e2e8f04d;color:#64748b;cursor:not-allowed;resize:none;transform:none}.outbound-message-action .templates-handler{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;margin-top:0;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.outbound-message-action .templates-handler:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.outbound-message-action .action-input-field{margin-top:0;width:100%}.outbound-message-action button{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:10px;box-shadow:0 2px 8px #2e615533;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:12px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.outbound-message-action button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.outbound-message-action button:hover:before{left:100%}.outbound-message-action button:hover{box-shadow:0 4px 16px #2e61554d;transform:translateY(-2px)}.outbound-message-action button:active{transform:translateY(0)}.outbound-message-action button:disabled{background:#9ca3af80;box-shadow:none;color:#ffffffb3;cursor:not-allowed;transform:none}.outbound-message-action button:disabled:before{display:none}.outbound-message-action .delete-icon{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;font-size:18px;margin-left:12px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.outbound-message-action .delete-icon:hover{background:#ef444433;border-color:#ef44444d;color:#dc2626;transform:scale(1.1)}.outbound-message-action .delete-icon:active{transform:scale(.95)}.outbound-message-field-group{display:flex;flex-direction:column;gap:12px}.outbound-message-inline-group{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:1fr 1fr}.message-type-indicator{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.5px;margin-left:8px;padding:4px 8px;text-transform:uppercase}.message-type-indicator.regular{background:linear-gradient(135deg,#10b9811a,#34d3991a);border:1px solid #10b98133;color:#10b981}.message-type-indicator.template{background:linear-gradient(135deg,#8b5cf61a,#a78bfa1a);border:1px solid #8b5cf633;color:#8b5cf6}.outbound-message-action.history-mode{background:#f8fafce6;border-color:#3b82f64d}.outbound-message-action.history-mode:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.outbound-message-action.history-mode .outbound-message-action-title,.outbound-message-action.history-mode label{color:#2563eb}.outbound-message-action.history-mode label:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}@media (max-width:1024px){.outbound-message-inline-group{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.outbound-message-action{gap:20px;padding:20px}.outbound-message-action-section{padding:16px}.outbound-message-action-title{font-size:16px}.outbound-message-action select,.outbound-message-action textarea{font-size:13px;padding:10px 14px}.outbound-message-action button{font-size:12px;padding:10px 16px}}@media (max-width:480px){.outbound-message-action{gap:16px;padding:16px}.outbound-message-action-section{padding:12px}.outbound-message-action-title{font-size:14px}.outbound-message-action select,.outbound-message-action textarea{font-size:12px;padding:8px 12px}.outbound-message-action textarea{min-height:100px}.outbound-message-action button{font-size:11px;padding:8px 14px}.delete-icon{font-size:16px;padding:6px}}.outbound-message-action.entering{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.outbound-message-action:focus-within{border-color:#2e615580;box-shadow:0 0 0 4px #2e61551a}.outbound-message-action:focus-within:before{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 8px #2e61554d}.outbound-message-action.loading{opacity:.7;pointer-events:none}.outbound-message-action.loading:after{animation:spin 1s linear infinite;border:2px solid #2e615533;border-left-color:#2e6155;border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.send-http-request-action{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;gap:24px;margin:0 auto;max-width:800px;overflow:visible;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.send-http-request-action:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.send-http-request-action:hover{border-color:#2e61554d;box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.send-http-request-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;gap:12px;margin-bottom:8px;padding-bottom:16px}.send-http-request-title{align-items:center;color:#2e6155;display:flex;font-size:18px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.send-http-request-title:before{content:"🌐";font-size:20px}.send-http-request-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.send-http-request-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;flex-direction:column;gap:12px;overflow:visible!important;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.send-http-request-section:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.headers-section-wrapper{display:flex;flex-direction:column;gap:16px;overflow:visible!important;position:relative;width:100%;z-index:1}.headers-section-label{align-items:center;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.headers-section-label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;width:3px}.headers-list{display:flex;flex-direction:column;gap:12px;overflow:visible!important;position:relative;z-index:1}.send-http-request-action-header-row{align-items:flex-end;background:#ffffff80;border-radius:8px;display:flex!important;flex-direction:row!important;gap:16px;margin-bottom:16px;padding:16px;position:relative}.send-http-request-action .send-http-request-action-header-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important}.header-input-group{min-width:0}.header-input-group,.send-http-request-action .header-input-group{display:flex!important;flex:1 1!important;flex-direction:column!important}.header-input-group .enhanced-input-field,.header-input-group>*{width:100%!important}.send-http-request-action-remove{align-items:center;background:#ef44441a;border:1.5px solid #ef44444d;border-radius:8px;box-shadow:0 2px 6px #ef44441a;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.send-http-request-action-remove:before{background:linear-gradient(135deg,#ef4444,#dc2626);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.send-http-request-action-remove:hover:before{opacity:1}.send-http-request-action-remove:hover{border-color:#dc2626;box-shadow:0 4px 12px #ef444466;color:#fff;transform:scale(1.1) rotate(5deg)}.send-http-request-action-remove:active{box-shadow:0 2px 6px #ef44444d;transform:scale(.95) rotate(0deg)}.send-http-request-action-remove .button-icon{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.add-header-button{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:12px;box-shadow:0 4px 16px #2e615533;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-header-button:before{content:"+";font-size:16px;font-weight:700}.add-header-button:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 20px #2e61554d;transform:translateY(-2px)}.add-header-button:active{transform:translateY(0)}.send-http-request-action label{align-items:center;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.send-http-request-action label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;width:3px}.send-http-request-action input,.send-http-request-action select,.send-http-request-action textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;margin-top:0;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.send-http-request-action input:focus,.send-http-request-action select:focus,.send-http-request-action textarea:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.send-http-request-action input:hover,.send-http-request-action select:hover,.send-http-request-action textarea:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.send-http-request-action input:disabled,.send-http-request-action select:disabled,.send-http-request-action textarea:disabled{background:#f8fafccc;border-color:#e2e8f04d;color:#64748b;cursor:not-allowed;transform:none}.send-http-request-action select{-webkit-appearance:none;appearance:none;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='%232e6155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.send-http-request-action-header-row{grid-gap:12px;align-items:center;background:#fffc;border:1px solid #e2e8f04d;border-radius:10px;display:grid;gap:12px;grid-template-columns:1fr 1fr auto;margin-top:8px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.send-http-request-action-header-row:hover{background:#fffffff2;border-color:#2e61554d;transform:translateX(4px)}.send-http-request-action-header-row input{flex:1 1;margin:0}.send-http-request-action button{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:10px;box-shadow:0 2px 8px #2e615533;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:12px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.send-http-request-action button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.send-http-request-action button:hover:before{left:100%}.send-http-request-action button:hover{box-shadow:0 4px 16px #2e61554d;transform:translateY(-2px)}.send-http-request-action button:active{transform:translateY(0)}.send-http-request-action button:disabled{background:#9ca3af80;box-shadow:none;color:#ffffffb3;cursor:not-allowed;transform:none}.send-http-request-action button:disabled:before{display:none}.add-header-button{align-self:flex-start;background:linear-gradient(135deg,#2e6155,#34d399)!important;margin-top:12px;min-width:140px}.add-header-button:after{content:"➕";font-size:12px}.send-http-request-action-remove{background:linear-gradient(135deg,#ef4444,#f87171)!important;font-size:12px!important;min-width:80px;padding:8px 14px!important}.send-http-request-action-remove:hover{background:linear-gradient(135deg,#dc2626,#ef4444)!important}.json-schema-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;color:#1f2937;direction:ltr;font-family:Courier New,monospace;font-size:13px;line-height:1.5;margin-top:0;min-height:150px;padding:12px 16px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.json-schema-textarea:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.json-schema-textarea:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.json-schema-textarea.invalid{background:#fef2f2e6;border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.send-http-request-action-error-text,.webhook-trigger-error-text{align-items:center;background:#fef2f2cc;border:1px solid #ef444433;border-radius:8px;color:#ef4444;display:flex;font-size:12px;font-weight:600;gap:6px;margin-top:8px;padding:8px 12px}.send-http-request-action-error-text:before,.webhook-trigger-error-text:before{content:"⚠️";font-size:14px}.method-indicator{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.5px;margin-left:8px;padding:4px 8px;text-transform:uppercase}.method-indicator.get{background:linear-gradient(135deg,#10b9811a,#34d3991a);border:1px solid #10b98133;color:#10b981}.method-indicator.post{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border:1px solid #3b82f633;color:#3b82f6}.method-indicator.put{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);border:1px solid #f59e0b33;color:#f59e0b}.method-indicator.delete{background:linear-gradient(135deg,#ef44441a,#f871711a);border:1px solid #ef444433;color:#ef4444}.send-http-request-switch-container{align-items:center;background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.send-http-request-switch-container:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.send-http-request-switch-label{align-items:center;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.send-http-request-switch-label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;width:3px}.send-http-request-action.history-mode{background:#f8fafce6;border-color:#3b82f64d}.send-http-request-action.history-mode:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.send-http-request-action.history-mode .send-http-request-title,.send-http-request-action.history-mode label{color:#2563eb}.send-http-request-action.history-mode label:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.inline-form-group{align-items:center;gap:16px;margin-bottom:0;padding:16px}.inline-form-group label{flex-shrink:0;margin:0;min-width:150px}.inline-form-group input{flex:1 1;margin:0}@media (max-width:768px){.send-http-request-action{gap:20px;margin:0;max-width:none;padding:20px}.send-http-request-section{padding:16px}.send-http-request-title{font-size:16px}.send-http-request-action-header-row{gap:8px;grid-template-columns:1fr}.send-http-request-action input,.send-http-request-action select,.send-http-request-action textarea{font-size:13px;padding:10px 14px}.send-http-request-action button{font-size:12px;padding:10px 16px}.inline-form-group{align-items:stretch;flex-direction:column;gap:8px}.inline-form-group label{min-width:auto}}@media (max-width:480px){.send-http-request-action{gap:16px;padding:16px}.send-http-request-section{padding:12px}.send-http-request-title{font-size:14px}.send-http-request-action input,.send-http-request-action select,.send-http-request-action textarea{font-size:12px;padding:8px 12px}.json-schema-textarea{font-size:12px;min-height:120px}.send-http-request-action button{font-size:11px;padding:8px 14px}}.send-http-request-action.entering{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.send-http-request-action:focus-within{border-color:#2e615580;box-shadow:0 0 0 4px #2e61551a}.send-http-request-action:focus-within:before{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 8px #2e61554d}.send-http-request-action.loading{opacity:.7;pointer-events:none}.send-http-request-action.loading:after{animation:spin 1s linear infinite;border:2px solid #2e615533;border-left-color:#2e6155;border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.variable-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2e6155,#34d399);border:1px solid #fff3;border-radius:20px;box-shadow:0 2px 8px #2e615533;color:#fff;cursor:default;display:inline-flex;font-family:Varela Round,sans-serif;font-size:13px;font-weight:600;gap:6px;margin:2px;padding:6px 12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.variable-chip:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 12px #2e61554d;transform:translateY(-1px)}.variable-chip-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:16px;justify-content:center;width:16px}.variable-chip-text{font-weight:600;letter-spacing:.3px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variable-chip-remove{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:18px;justify-content:center;line-height:1;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:18px}.variable-chip-remove:hover{background:#ef4444e6;box-shadow:0 2px 6px #ef44444d;transform:scale(1.1)}.variable-chip-remove:active{transform:scale(.95)}.variable-chip.read-only{background:linear-gradient(135deg,#64748b,#94a3b8);cursor:default}.variable-chip.read-only:hover{background:linear-gradient(135deg,#64748b,#94a3b8);box-shadow:0 2px 8px #64748b33;transform:none}@keyframes chipSlideIn{0%{opacity:0;transform:translateX(-10px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.variable-chip{animation:chipSlideIn .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.variable-chip{font-size:12px;gap:4px;padding:5px 10px}.variable-chip-text{max-width:100px}.variable-chip-remove{font-size:12px;height:16px;width:16px}}.enhanced-input-field{display:flex;flex-direction:column;font-family:Varela Round,sans-serif;gap:8px;position:relative;z-index:1}.enhanced-input-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:4px}.enhanced-input-label:before{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#34d399);background-clip:text;-webkit-background-clip:text;content:"⚙️";font-size:16px}.enhanced-input-container{position:relative;width:100%}.enhanced-input-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;cursor:text;display:flex;flex-wrap:wrap;font-size:14px;gap:6px;line-height:1.5;min-height:44px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-input-display:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.enhanced-input-display:focus-within{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.enhanced-input-placeholder{color:#94a3b8;font-style:italic;font-weight:400;-webkit-user-select:none;user-select:none}.enhanced-input-text{color:#1f2937;font-weight:500;white-space:pre-wrap;word-break:break-word}.enhanced-input-hidden{background:#0000;border:none;box-sizing:border-box;font-family:Varela Round,sans-serif;font-size:14px;height:100%;left:0;opacity:0;outline:none;padding:12px 16px;pointer-events:none;position:absolute;resize:none;top:0;width:100%}.enhanced-input-container:focus-within .enhanced-input-hidden{opacity:.01;pointer-events:all}.enhanced-input-container:focus-within .enhanced-input-display{opacity:.7}.enhanced-input-field.read-only .enhanced-input-display{background:#f8fafccc;border-color:#e2e8f04d;cursor:default}.enhanced-input-field.read-only .enhanced-input-display:hover{border-color:#e2e8f04d;box-shadow:none;transform:none}.enhanced-input-display.textarea{align-content:flex-start;align-items:flex-start;min-height:100px}.enhanced-input-hidden.textarea{min-height:100px;resize:vertical}.picker-dropdown{animation:slideInRight .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #2e61554d;border-radius:16px;box-shadow:0 20px 60px #00000040,0 0 0 1px #2e61551a;max-height:400px;overflow:hidden;pointer-events:all!important;position:fixed!important;width:320px;will-change:transform,opacity;z-index:99999!important}.picker-dropdown:before{background:linear-gradient(135deg,#2e6155,#34d399);color:#fff;content:"🔍 Dynamic Content";display:block;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0;padding:12px 16px;text-transform:uppercase}.picker-search{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:none;border-bottom:1px solid #e2e8f080;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.picker-search:focus{background:#fffc;border-bottom-color:#2e6155;box-shadow:0 2px 0 #2e61551a}.picker-search::placeholder{color:#94a3b8;font-weight:400}.picker-content{max-height:280px;overflow-y:auto;padding:8px 0}.picker-item{align-items:center;border-left:3px solid #0000;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.picker-item:before{background:#2e61551a;border-radius:4px;color:#2e6155;content:"{{}}";flex-shrink:0;font-size:12px;font-weight:600;padding:2px 6px}.picker-item:hover{background:#2e61550d;border-left-color:#2e6155;color:#2e6155;transform:translateX(4px)}.picker-item:active{background:#2e61551a;transform:translateX(2px)}.picker-no-results{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px;margin:0;padding:24px 16px;text-align:center}.no-results-icon{margin-bottom:8px;opacity:.5}.no-results-text{color:#374151;font-size:16px;font-weight:600;margin:0}.no-results-hint{color:#6b7280;font-size:13px;line-height:1.4;margin:0;max-width:250px}.picker-no-results:before{content:"🔍";font-size:24px;opacity:.5}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@media (max-width:1024px){.picker-dropdown{width:300px}}@media (max-width:768px){.enhanced-input-field{gap:6px}.enhanced-input-display{min-height:40px}.enhanced-input-display,.enhanced-input-hidden{font-size:13px;padding:10px 12px}.picker-dropdown{width:280px}}.gambot-action{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;gap:24px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.gambot-action:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.gambot-action:hover{border-color:#2e61554d;box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.gambot-action-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;gap:12px;margin-bottom:8px;padding-bottom:16px}.gambot-action-title{align-items:center;color:#2e6155;display:flex;font-size:18px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.gambot-action-title:before{content:"🤖";font-size:20px}.gambot-action-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.gambot-action-form-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.gambot-action-form-group:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.gambot-action-form-group h3{align-items:center;border-bottom:1px solid #e2e8f04d;color:#2e6155;display:flex;font-size:16px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 16px;padding-bottom:12px;text-transform:uppercase}.gambot-action-form-group h3:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;width:3px}.gambot-action-form-group label{align-items:center;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.gambot-action-form-group label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:14px;width:3px}.gambot-action-form-group input,.gambot-action-form-group select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;min-width:200px;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.gambot-action-form-group input:focus,.gambot-action-form-group select:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.gambot-action-form-group input:hover,.gambot-action-form-group select:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.gambot-action-form-group input:disabled,.gambot-action-form-group select:disabled{background:#f8fafccc;border-color:#e2e8f04d;color:#64748b;cursor:not-allowed;transform:none}.gambot-action-form-group input::placeholder{color:#94a3b8;font-weight:400}.gambot-action-form-group select{-webkit-appearance:none;appearance:none;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='%232e6155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.gambot-action-inline-group{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:1fr 1fr}.gambot-action-inline-group .gambot-action-form-group{margin:0}.gambot-action-form-group.table-field{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border-color:#3b82f633}.gambot-action-form-group.table-field label{color:#2563eb}.gambot-action-form-group.table-field label:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.gambot-action-form-group.action-type-field{background:linear-gradient(135deg,#8b5cf61a,#a78bfa1a);border-color:#8b5cf633}.gambot-action-form-group.action-type-field label{color:#7c3aed}.gambot-action-form-group.action-type-field label:before{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.gambot-action-dynamic-fields{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding:4px}.gambot-action-dynamic-fields::-webkit-scrollbar{width:6px}.gambot-action-dynamic-fields::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:3px}.gambot-action-dynamic-fields::-webkit-scrollbar-thumb{background:#2e61554d;border-radius:3px}.gambot-action-dynamic-fields::-webkit-scrollbar-thumb:hover{background:#2e615580}.gambot-action-field-row{background:#fffc;border:1px solid #e2e8f04d;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.gambot-action-field-row:hover{background:#fffffff2;border-color:#2e61554d;transform:translateX(4px)}.action-type-indicator{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.5px;margin-left:8px;padding:4px 8px;text-transform:uppercase}.action-type-indicator.create{background:linear-gradient(135deg,#10b9811a,#34d3991a);border:1px solid #10b98133;color:#10b981}.action-type-indicator.update{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border:1px solid #3b82f633;color:#3b82f6}.action-type-indicator.spam{background:linear-gradient(135deg,#ef44441a,#f871711a);border:1px solid #ef444433;color:#ef4444}.action-type-indicator.keys{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);border:1px solid #f59e0b33;color:#f59e0b}.gambot-action.history-mode{background:#f8fafce6;border-color:#3b82f64d}.gambot-action.history-mode:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.gambot-action.history-mode .gambot-action-title,.gambot-action.history-mode label{color:#2563eb}.gambot-action.history-mode label:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}@media (max-width:1024px){.gambot-action-inline-group{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.gambot-action{gap:20px;padding:20px}.gambot-action-form-group{padding:16px}.gambot-action-title{font-size:16px}.gambot-action-form-group h3{font-size:14px}.gambot-action-form-group input,.gambot-action-form-group select{min-width:auto;width:100%}.gambot-action-dynamic-fields{max-height:300px}}@media (max-width:480px){.gambot-action{gap:16px;padding:16px}.gambot-action-form-group{padding:12px}.gambot-action-title{font-size:14px}.gambot-action-form-group input,.gambot-action-form-group select{font-size:13px;padding:10px 14px}.gambot-action-field-row{padding:12px}}.gambot-action.entering{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.gambot-action:focus-within{border-color:#2e615580;box-shadow:0 0 0 4px #2e61551a}.gambot-action:focus-within:before{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 8px #2e61554d}.field-type-badge{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#a78bfa1a);border:1px solid #8b5cf633;border-radius:10px;color:#7c3aed;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.action-type-indicator.delete{background:linear-gradient(135deg,#ef44441a,#f871711a);border:1px solid #ef444433;color:#ef4444}.reminder-action{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;gap:24px;margin:0 auto;max-width:800px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.reminder-action:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.reminder-action:hover{border-color:#2e61554d;box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.reminder-title{align-items:center;border-bottom:1px solid #e2e8f04d;color:#2e6155;display:flex;font-size:20px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 8px;padding-bottom:16px;text-transform:uppercase}.reminder-title:before{content:"🕒";font-size:24px}.reminder-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0 0 16px}.reminder-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:0;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.reminder-row:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.reminder-row label{align-items:center;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.reminder-row label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;width:3px}.reminder-row input,.reminder-row select,.reminder-row textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.reminder-row input:focus,.reminder-row select:focus,.reminder-row textarea:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.reminder-row input:hover,.reminder-row select:hover,.reminder-row textarea:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.reminder-row input:disabled,.reminder-row select:disabled,.reminder-row textarea:disabled{background:#f8fafccc;border-color:#e2e8f04d;color:#64748b;cursor:not-allowed;transform:none}.reminder-row select{-webkit-appearance:none;appearance:none;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='%232e6155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.wait-settings{background:linear-gradient(135deg,#2e61551a,#34d3991a);border-color:#2e615533}.wait-settings label{color:#2e6155}.wait-settings label:before{background:linear-gradient(135deg,#2e6155,#34d399)}.wait-container{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:120px 1fr}.wait-container input{font-size:16px;font-weight:700;text-align:center;width:100%}.wait-container select{width:100%}.wait-display{background:#2e61551a;border:1px solid #2e615533;border-radius:12px;margin-top:12px;padding:16px;text-align:center}.wait-display-text{color:#2e6155;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.wait-display-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#34d399);-webkit-background-clip:text;background-clip:text;color:#2e6155;font-size:24px;font-weight:700;margin:8px 0 0}.message-type-section{background:linear-gradient(135deg,#8b5cf61a,#a78bfa1a);border-color:#8b5cf633}.message-type-section label{color:#7c3aed}.message-type-section label:before{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.message-content-section{background:#f8fafccc}.message-content-section textarea{min-height:120px;resize:vertical}.template-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.template-section:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.template-section h3{align-items:center;border-bottom:1px solid #e2e8f04d;color:#2e6155;display:flex;font-size:16px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 16px;padding-bottom:12px;text-transform:uppercase}.template-section h3:before{content:"📋";font-size:18px}.previous-step-section{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border-color:#3b82f633}.previous-step-section label{color:#2563eb}.previous-step-section label:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.reminder-action.history-mode{background:#f8fafce6;border-color:#3b82f64d}.reminder-action.history-mode:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.reminder-action.history-mode .reminder-title,.reminder-action.history-mode label{color:#2563eb}.reminder-action.history-mode label:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}@media (max-width:768px){.reminder-action{gap:20px;margin:0;max-width:none;padding:20px}.reminder-row{padding:16px}.reminder-title{font-size:18px}.wait-container{gap:12px;grid-template-columns:1fr}.wait-container input{text-align:left}.reminder-row input,.reminder-row select,.reminder-row textarea{font-size:13px;padding:10px 14px}.template-section{padding:16px}}@media (max-width:480px){.reminder-action{gap:16px;padding:16px}.reminder-row{padding:12px}.reminder-title{font-size:16px}.reminder-row input,.reminder-row select,.reminder-row textarea{font-size:12px;padding:8px 12px}.wait-display-text{font-size:14px}.wait-display-value{font-size:20px}.template-section{padding:12px}}.reminder-action.entering{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.reminder-action:focus-within{border-color:#2e615580;box-shadow:0 0 0 4px #2e61551a}.reminder-action:focus-within:before{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 8px #2e61554d}.reminder-action.loading{opacity:.7;pointer-events:none}.reminder-action.loading:after{animation:spin 1s linear infinite;border:2px solid #2e615533;border-left-color:#2e6155;border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.gambot-ai-action{animation:fadeIn .3s ease-in-out;background:linear-gradient(135deg,#fdfdff,#f2f7fc);border-radius:16px;box-shadow:0 8px 18px #0000000d;direction:ltr;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:1.5rem;margin:1rem auto;max-width:900px;padding:2rem;text-align:left}.gambot-ai-action .ai-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:1.5rem;transition:all .2s ease}.gambot-ai-action .ai-section:hover{box-shadow:0 4px 12px #00000014}.gambot-ai-action label{color:#2a3b4d;display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:.5rem}.gambot-ai-action .label-description{color:#6b7280;font-size:13px;font-style:italic;font-weight:400}.gambot-ai-action input,.gambot-ai-action select,.gambot-ai-action textarea{border:1px solid #ccd9e4;border-radius:8px;font-family:inherit;font-size:14px;margin-top:8px;padding:10px;transition:all .2s ease}.gambot-ai-action input:focus,.gambot-ai-action select:focus,.gambot-ai-action textarea:focus{border-color:#5d9eff;box-shadow:0 0 0 3px #5d9eff1a;outline:none}.completion-settings{background:#fafbfc;border:2px solid #e5e7eb}.completion-settings .section-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:-.5rem;padding:.5rem;transition:background .2s;-webkit-user-select:none;user-select:none}.completion-settings .section-header:hover{background:#5d9eff0d}.completion-settings .section-header h4{color:#374151;font-size:16px;margin:0}.completion-settings .toggle-icon{color:#6b7280;font-size:14px;transition:transform .2s}.completion-settings-content{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.completion-types-section .section-label{margin-bottom:1rem}.completion-types-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.completion-type-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:1rem;transition:all .2s ease}.completion-type-card.enabled{background:linear-gradient(135deg,#f0f7ff,#fff);border-color:#5d9eff;box-shadow:0 2px 8px #5d9eff26}.completion-type-card.disabled{opacity:.6}.completion-type-card:not(.readonly):hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.completion-type-card.readonly{cursor:not-allowed}.completion-type-card .type-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.completion-type-card .type-header input[type=checkbox]{cursor:pointer;height:18px;margin:0;width:18px}.completion-type-card .type-label{color:#1f2937;font-size:14px;font-weight:600}.completion-type-card .type-description{color:#6b7280;font-size:12px;line-height:1.5;margin:0;padding-left:26px}.limits-section{grid-gap:1rem;border-top:1px solid #e5e7eb;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-top:1rem}.limit-field label{font-size:14px}.limit-field input{width:100%}.dynamic-output-preview{background:linear-gradient(135deg,#fef3c7,#fef9e7);border:2px dashed #f59e0b}.dynamic-output-preview h4{color:#92400e;font-size:15px;margin:0 0 1rem}.dynamic-content-list{display:flex;flex-direction:column;gap:.75rem}.dynamic-item{align-items:center;background:#fff;border-left:3px solid #f59e0b;border-radius:8px;display:flex;gap:1rem;padding:.75rem}.dynamic-item code{background:#fef3c7;border-radius:4px;color:#92400e;font-family:Courier New,monospace;font-size:13px;font-weight:600;padding:.25rem .5rem;white-space:nowrap}.dynamic-item span{color:#6b7280;font-size:13px}.history-display{background:#f9fafb;border:2px solid #e5e7eb}.history-display h4{color:#374151;font-size:15px;margin:0 0 1rem}.history-item{border-bottom:1px solid #e5e7eb;padding:.75rem 0}.history-item:last-child{border-bottom:none}.history-item strong{color:#374151;display:block;font-size:14px;margin-bottom:.5rem}.enabled-types-list{display:flex;flex-wrap:wrap;gap:.5rem}.type-badge{background:linear-gradient(135deg,#5d9eff,#4a90e2);border-radius:20px;color:#fff;font-size:12px;padding:.25rem .75rem}.output-fields-section{background:linear-gradient(135deg,#f0fdf4,#fff);border:2px solid #10b981}.output-fields-section .section-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin:-.5rem;padding:.5rem;transition:background .2s}.output-fields-section .section-header.clickable:hover{background:#10b98114}.output-fields-section .section-header h4{color:#065f46;font-size:16px;margin:0}.output-fields-section .section-description{color:#6b7280;flex:1 1;font-size:13px;text-align:center}.output-fields-content{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.output-fields-group{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.output-fields-group h5{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;margin:0 0 1rem;padding-bottom:.5rem}.output-fields-group.system-fields{background:#f9fafb;border-color:#d1d5db}.output-fields-group.system-fields h5{color:#6b7280}.output-fields-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.output-fields-grid.compact{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.output-field-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:.75rem;position:relative;transition:all .2s ease}.output-field-card:hover{border-color:#10b981;box-shadow:0 2px 8px #10b98126;transform:translateY(-1px)}.output-field-card.required{border-left:3px solid #f59e0b}.output-field-card.system{align-items:center;background:#f9fafb;display:flex;gap:.5rem;padding:.5rem .75rem}.output-field-card .field-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.output-field-card .field-icon{font-size:16px}.output-field-card .field-label{color:#1f2937;flex:1 1;font-size:13px;font-weight:600}.output-field-card .required-badge{background:#fef3c7;border-radius:4px;color:#92400e;font-size:10px;font-weight:600;padding:2px 6px}.output-field-card .copied-badge{align-items:center;background:#d1fae5;border-radius:4px;color:#065f46;display:flex;font-size:10px;font-weight:600;gap:3px;padding:2px 6px}.output-field-card .field-placeholder{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.output-field-card .field-placeholder code{background:#ecfdf5;border-radius:4px;color:#065f46;flex:1 1;font-family:Courier New,monospace;font-size:11px;overflow:hidden;padding:3px 6px;text-overflow:ellipsis}.output-field-card .copy-icon{color:#9ca3af;font-size:12px}.output-field-card .field-type{color:#6b7280;font-size:11px;margin-bottom:.25rem}.output-field-card .field-hint{color:#9ca3af;font-size:11px;font-style:italic}.copied-icon{color:#10b981;font-size:12px}.custom-fields-group .group-header{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin:-.5rem -.5rem .5rem;padding:.5rem;transition:background .2s}.custom-fields-group .group-header:hover{background:#00000008}.custom-field-row{align-items:center;background:#f9fafb;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;padding:.75rem}.custom-field-inputs{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;min-width:300px}.custom-field-inputs .field-label-input{flex:1 1;font-size:13px;min-width:120px;padding:8px}.custom-field-inputs .field-type-select{font-size:13px;min-width:130px;padding:8px}.custom-field-inputs .field-hint-input{flex:2 1;font-size:13px;min-width:180px;padding:8px}.custom-field-inputs .required-checkbox{align-items:center;display:flex;flex-direction:row;font-size:12px;gap:.25rem;white-space:nowrap}.custom-field-inputs .required-checkbox input{height:14px;margin:0;width:14px}.custom-field-preview code{background:#ecfdf5;border-radius:4px;color:#065f46;cursor:pointer;font-family:Courier New,monospace;font-size:11px;padding:4px 8px;transition:all .2s}.custom-field-preview code:hover{background:#d1fae5}.remove-field-btn{background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;padding:8px;transition:all .2s}.remove-field-btn:hover{background:#fecaca}.add-custom-field-btn{align-items:center;background:#fff;border:2px dashed #10b981;border-radius:8px;color:#10b981;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s}.add-custom-field-btn:hover{background:#ecfdf5}.file-generation-section{background:linear-gradient(135deg,#f5f3ff,#fff);border:2px solid #8b5cf6}.file-generation-section .section-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin:-.5rem;padding:.5rem;transition:background .2s}.file-generation-section .section-header.clickable:hover{background:#8b5cf614}.file-generation-section .section-header h4{align-items:center;color:#5b21b6;display:flex;font-size:16px;gap:.5rem;margin:0}.file-generation-content{margin-top:1rem}.file-generation-select{background:#fff;border:1px solid #c4b5fd;border-radius:8px;font-size:14px;padding:12px;width:100%}.file-generation-info{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.file-generation-info .file-icon{color:#8b5cf6;font-size:32px}.file-generation-info .file-info-text{flex:1 1}.file-generation-info .file-info-text strong{color:#5b21b6;font-size:14px}.file-generation-info .file-info-text p{color:#6b7280;font-size:13px;margin:.25rem 0}.file-generation-info .file-output-info{border-top:1px solid #e5e7eb;margin-top:.75rem;padding-top:.75rem}.file-generation-info .file-output-info code{background:#f5f3ff;border-radius:4px;color:#5b21b6;cursor:pointer;font-family:Courier New,monospace;font-size:11px;padding:3px 6px}.file-generation-info .file-output-info code:hover{background:#ede9fe}.custom-template-config{margin-top:1rem}.custom-template-config input{font-size:14px;padding:10px;width:100%}.history-data-section{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:2px solid #f59e0b}.history-data-section h4{color:#92400e;font-size:16px;margin:0 0 1rem}.extracted-data-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.extracted-data-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem}.extracted-data-item.has-value{border-left:3px solid #10b981}.extracted-data-item.no-value{border-left:3px solid #d1d5db;opacity:.6}.extracted-data-item.system-data{background:#f9fafb;border-left-color:#6b7280}.extracted-data-item .data-item-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.extracted-data-item .data-item-value{color:#1f2937;font-size:14px;margin-bottom:.5rem;word-break:break-word}.extracted-data-item .data-item-value pre{background:#f9fafb;border-radius:4px;font-size:11px;margin:0;overflow-x:auto;padding:.5rem}.extracted-data-item .data-item-value .boolean-value{border-radius:4px;font-size:12px;font-weight:600;padding:2px 8px}.extracted-data-item .data-item-value .boolean-value.true{background:#d1fae5;color:#065f46}.extracted-data-item .data-item-value .boolean-value.false{background:#fee2e2;color:#dc2626}.extracted-data-item .data-item-value a{color:#2563eb;text-decoration:none}.extracted-data-item .data-item-value a:hover{text-decoration:underline}.extracted-data-item .data-item-value .no-value-text{color:#9ca3af;font-size:12px;font-style:italic}.extracted-data-item .data-item-placeholder code{background:#fef3c7;border-radius:3px;color:#92400e;font-family:Courier New,monospace;font-size:10px;padding:2px 4px}.bot-type-info{background:#f0f7ff;border-left:3px solid #5d9eff;border-radius:8px;margin-top:8px;padding:12px}.bot-type-info strong{color:#1e40af;font-size:14px}.bot-type-info p{color:#6b7280;font-size:13px;margin:4px 0 0}.connection-warning{align-items:center;background:#fff3e0;border:2px dashed #ff9800;border-radius:8px;color:#e65100;display:flex;gap:.5rem;justify-content:center;padding:16px;text-align:center}.toggle-icon{font-size:12px}.section-header.clickable{cursor:pointer}.questionnaire-section{background:linear-gradient(135deg,#fffbeb,#fff);border:2px solid #f59e0b}.questionnaire-section .section-header h4{color:#92400e}.questionnaire-content{margin-top:1rem}.questionnaire-toggle{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1rem}.questionnaire-toggle .toggle-label{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:.75rem}.questionnaire-toggle .toggle-label input{height:18px;width:18px}.questionnaire-toggle .toggle-text{font-size:14px;font-weight:600}.questionnaire-toggle .toggle-description{color:#6b7280;font-size:12px;margin:.5rem 0 0}.questions-list{display:flex;flex-direction:column;gap:1rem}.no-questions{background:#fff;border:2px dashed #e5e7eb;border-radius:8px;color:#6b7280;padding:2rem;text-align:center}.question-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.question-header{align-items:center;background:#fef3c7;border-bottom:1px solid #fde68a;display:flex;justify-content:space-between;padding:.75rem 1rem}.question-number{background:#fde68a;border-radius:20px;color:#92400e;font-size:14px;font-weight:700;padding:4px 10px}.question-actions{display:flex;gap:.5rem}.question-actions button{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.question-actions button:hover:not(:disabled){background:#f3f4f6}.question-actions button:disabled{cursor:not-allowed;opacity:.4}.question-actions .remove-btn{border-color:#fecaca;color:#dc2626}.question-actions .remove-btn:hover:not(:disabled){background:#fee2e2}.question-body{gap:.75rem;padding:1rem}.question-body,.question-field{display:flex;flex-direction:column}.question-field{gap:.25rem}.question-field label{color:#374151;font-size:12px;font-weight:600}.question-field input,.question-field select{border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:8px 10px}.question-field-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.question-field-row .question-field{flex:1 1;min-width:150px}.question-field-row .required-checkbox{align-items:center;display:flex;flex-direction:row;font-size:12px;gap:.25rem;padding-bottom:8px}.question-output-preview{align-items:center;background:#ecfdf5;border-radius:6px;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem}.question-output-preview .output-label{color:#065f46;font-size:12px;font-weight:500}.question-output-preview code{background:#d1fae5;border-radius:4px;color:#065f46;cursor:pointer;font-family:Courier New,monospace;font-size:12px;padding:4px 8px;transition:all .2s}.question-output-preview code:hover{background:#a7f3d0}.add-question-btn{align-items:center;background:#fff;border:2px dashed #f59e0b;border-radius:8px;color:#f59e0b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem;transition:all .2s;width:100%}.add-question-btn:hover{background:#fffbeb}.questionnaire-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;padding:1rem}.questionnaire-preview h5{color:#374151;font-size:13px;margin:0 0 .5rem}.questionnaire-preview pre{background:#1f2937;border-radius:6px;color:#10b981;font-size:11px;margin:0;overflow-x:auto;padding:.75rem;white-space:pre-wrap}.questionnaire-outputs-summary{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin-top:1rem;padding:1rem}.questionnaire-outputs-summary h5{color:#065f46;font-size:13px;margin:0 0 .75rem}.outputs-grid{display:flex;flex-wrap:wrap;gap:.5rem}.output-chip{align-items:center;background:#fff;border:1px solid #d1fae5;border-radius:20px;cursor:pointer;display:flex;gap:.5rem;padding:6px 10px;transition:all .2s}.output-chip:hover{background:#d1fae5}.output-chip .chip-icon{font-size:14px}.output-chip .chip-name{color:#065f46;font-size:12px;font-weight:600}.output-chip .chip-type{background:#f3f4f6;border-radius:10px;color:#6b7280;font-size:10px;padding:2px 6px}.triggered-actions-section{background:linear-gradient(135deg,#fef2f2,#fff);border:2px solid #ef4444}.triggered-actions-section .section-header h4{color:#b91c1c}.triggered-actions-content{margin-top:1rem}.actions-list{display:flex;flex-direction:column;gap:1rem}.no-actions{background:#fff;border:2px dashed #e5e7eb;border-radius:8px;color:#6b7280;padding:2rem;text-align:center}.action-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.action-header{align-items:center;background:#fef2f2;border-bottom:1px solid #fecaca;display:flex;gap:.75rem;padding:.75rem 1rem}.action-header .action-icon{font-size:18px}.action-header .action-type-select{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:13px;padding:8px 10px}.action-header .remove-action-btn{background:#fff;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;padding:6px 10px;transition:all .2s}.action-header .remove-action-btn:hover{background:#fee2e2}.action-body{gap:.75rem;padding:1rem}.action-body,.action-field{display:flex;flex-direction:column}.action-field{gap:.25rem}.action-field label{color:#374151;font-size:12px;font-weight:600}.action-field input,.action-field select{border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:8px 10px}.add-action-btn{align-items:center;background:#fff;border:2px dashed #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;width:100%}.input-files-section{background:linear-gradient(135deg,#f5f3ff,#fff);border:2px solid #8b5cf6}.input-files-section .section-header h4{color:#5b21b6}.input-files-content{margin-top:1rem}.files-list{display:flex;flex-direction:column;gap:1rem}.no-files{background:#fff;border:2px dashed #e5e7eb;border-radius:8px;color:#6b7280;padding:2rem;text-align:center}.file-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.file-header{align-items:center;background:#f5f3ff;border-bottom:1px solid #ddd6fe;display:flex;gap:.75rem;padding:.75rem 1rem}.file-header .file-type-select{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:13px;padding:8px 10px}.file-header .remove-file-btn{background:#fff;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;padding:6px 10px;transition:all .2s}.file-header .remove-file-btn:hover{background:#fee2e2}.file-body{gap:.75rem;padding:1rem}.file-body,.file-field{display:flex;flex-direction:column}.file-field{gap:.25rem}.file-field label{color:#374151;font-size:12px;font-weight:600}.file-field input,.file-field textarea{border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:8px 10px}.file-field textarea{min-height:50px;resize:vertical}.file-field .field-hint{color:#6b7280;font-size:11px;font-style:italic}.add-file-btn{align-items:center;background:#fff;border:2px dashed #8b5cf6;border-radius:8px;color:#8b5cf6;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem;transition:all .2s;width:100%}.add-file-btn:hover{background:#f5f3ff}.db-access-section{background:linear-gradient(135deg,#ecfeff,#fff);border:2px solid #06b6d4}.db-access-section .section-header h4{color:#0e7490}.db-access-content{margin-top:1rem}.db-access-toggle{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1rem}.db-access-toggle .toggle-label{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:.75rem}.db-access-toggle .toggle-label input{height:18px;width:18px}.db-access-toggle .toggle-text{font-size:14px;font-weight:600}.db-access-toggle .toggle-description{color:#6b7280;font-size:12px;margin:.5rem 0 0}.db-tables-section{margin-bottom:1rem}.db-tables-section>label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:.5rem}.no-tables{background:#fff;border:2px dashed #e5e7eb;border-radius:8px;color:#6b7280;padding:1.5rem;text-align:center}.tables-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.table-card{align-items:flex-start;border:2px solid #e5e7eb;border-radius:8px;gap:.5rem;padding:.75rem;transition:all .2s}.table-card:hover{background:#ecfeff;border-color:#06b6d4}.table-card.selected{background:#cffafe;border-color:#06b6d4}.table-card input{margin-top:2px}.table-card .table-name{color:#0e7490;font-size:13px;font-weight:600}.table-card .table-desc{color:#6b7280;display:block;font-size:11px;margin-top:2px}.db-instructions-section{margin-bottom:1rem}.db-instructions-section>label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:.5rem}.db-instructions-section textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:13px;min-height:100px;padding:10px;resize:vertical;width:100%}.db-instructions-section .field-hint{color:#6b7280;font-size:11px;font-style:italic;margin-top:4px}.db-preview{background:#f0fdfa;border:1px solid #a7f3d0;border-radius:8px;margin-bottom:1rem;padding:1rem}.db-preview h5{color:#0e7490;font-size:13px;margin:0 0 .75rem}.db-preview-tables{display:flex;flex-direction:column;gap:.5rem}.db-preview-table{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:.5rem;padding:.5rem .75rem}.db-preview-table .table-icon{font-size:16px}.db-preview-table .table-name{color:#0e7490;font-size:13px;font-weight:600}.db-preview-table .table-fields{color:#6b7280;font-size:11px;margin-left:auto}.db-examples{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.db-examples h5{color:#374151;font-size:13px;margin:0 0 .75rem}.db-examples ul{list-style-type:disc;margin:0;padding-left:1.25rem}.db-examples li{color:#6b7280;font-size:12px;margin-bottom:.25rem}.db-examples li strong{color:#374151;font-size:14px;margin-top:1rem;transition:all .2s}.add-action-btn:hover{background:#fef2f2}@media (max-width:768px){.gambot-ai-action{padding:1.5rem}.completion-types-grid,.limits-section{grid-template-columns:1fr}.dynamic-item{align-items:flex-start;flex-direction:column;gap:.5rem}.output-fields-grid{grid-template-columns:1fr}.custom-field-inputs{min-width:100%}.extracted-data-grid{grid-template-columns:1fr}}.delay-action-config{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.delay-action-config:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.delay-action-config:hover{border-color:#2e61554d;box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.delay-action-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;gap:12px;margin-bottom:8px;padding-bottom:16px}.delay-action-title{align-items:center;color:#2e6155;display:flex;font-size:18px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.delay-action-title:before{content:"⏰";font-size:20px}.delay-action-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.delay-action-config label{align-items:center;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.delay-action-config label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;width:3px}.delay-action-config input[type=number]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:16px;font-size:18px;font-weight:600;font-weight:700;outline:none;padding:12px 16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.delay-action-config input[type=number]:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.delay-action-config input[type=number]:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.delay-action-config input[type=number]:disabled{background:#f8fafccc;border-color:#e2e8f04d;color:#64748b;cursor:not-allowed;transform:none}.delay-action-config select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;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='%232e6155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;cursor:pointer;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;outline:none;padding:12px 40px 12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.delay-action-config select:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.delay-action-config select:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.delay-action-config select:disabled{background:#f8fafccc;border-color:#e2e8f04d;color:#64748b;cursor:not-allowed;transform:none}.delay-form-row{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:1fr 1fr}.delay-form-field{display:flex;flex-direction:column;gap:8px}.delay-duration-display{background:linear-gradient(135deg,#2e61551a,#34d3991a);border:1px solid #2e615533;border-radius:12px;margin-top:16px;padding:16px;text-align:center}.delay-duration-text{color:#2e6155;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.delay-duration-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#34d399);-webkit-background-clip:text;background-clip:text;color:#2e6155;font-size:24px;font-weight:700;margin:8px 0 0}.delay-action-config.history-mode{background:#f8fafce6;border-color:#3b82f64d}.delay-action-config.history-mode:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.delay-action-config.history-mode .delay-action-title,.delay-action-config.history-mode label{color:#2563eb}.delay-action-config.history-mode label:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.delay-form-field.error input,.delay-form-field.error select{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.delay-form-field.error label{color:#ef4444}.delay-form-field.error label:before{background:linear-gradient(135deg,#ef4444,#f87171)}.delay-error-message{color:#ef4444;font-size:12px;font-weight:600;margin-top:4px}.delay-form-field.success input,.delay-form-field.success select{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.delay-form-field.success label{color:#10b981}.delay-form-field.success label:before{background:linear-gradient(135deg,#10b981,#34d399)}@media (max-width:768px){.delay-action-config{gap:16px;padding:20px}.delay-form-row{gap:16px;grid-template-columns:1fr}.delay-action-title{font-size:16px}.delay-action-config input[type=number],.delay-action-config select{font-size:15px;padding:10px 14px}.delay-duration-value{font-size:20px}}@media (max-width:480px){.delay-action-config{gap:14px;padding:16px}.delay-action-title{font-size:14px}.delay-action-config input[type=number],.delay-action-config select{font-size:14px;padding:8px 12px}.delay-duration-text{font-size:14px}.delay-duration-value{font-size:18px}}.delay-action-config.entering{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.delay-duration-display.active{animation:pulse 2s infinite}.delay-action-config:focus-within{border-color:#2e615580;box-shadow:0 0 0 4px #2e61551a}.delay-action-config:focus-within:before{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 8px #2e61554d}.send-email-action{background:#fff;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .2s ease}.send-email-action:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.send-email-action-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:.75rem;padding:1rem 1.5rem}.send-email-action-header h3{font-size:1.1rem;font-weight:600;margin:0}.send-email-action-body{padding:1.5rem}.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.radio-group{display:flex;gap:1.5rem;padding:.5rem 0}.radio-label{align-items:center;color:#555;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.radio-label input[type=radio]{cursor:pointer;height:16px;width:16px}.radio-label:has(input:checked){color:#667eea;font-weight:600}.variables-info{background:#f8f9fa;border:1px solid #e0e0e0}.variables-info strong{color:#333}.variable-badge{background:linear-gradient(135deg,#667eea,#764ba2)}.template-variables{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:1rem}.template-variables label{color:#667eea;font-weight:700;justify-content:flex-start;margin-bottom:1rem;text-align:left}.variables-mapping{display:flex;flex-direction:column;gap:1rem}.variable-mapping-row{grid-gap:.75rem;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:grid;gap:.75rem;grid-template-columns:150px 30px 1fr;padding:.75rem}.variable-name{color:#667eea;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.mapping-arrow{color:#667eea;font-size:1.2rem;font-weight:700;text-align:center}.send-email-action.history-mode{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1rem}.history-field strong{color:#667eea}.history-body-preview{background:#fafafa;border-left:3px solid #667eea;color:#555;font-family:Courier New,monospace;font-size:.85rem;margin-top:.5rem;max-height:100px;overflow-y:auto;padding:.75rem}.email-type-toggle{display:flex;gap:10px;margin-bottom:.5rem}.email-type-toggle .toggle-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.email-type-toggle .toggle-option:hover{background:#f8f9ff;border-color:#667eea}.email-type-toggle .toggle-option.active{background:#667eea;border-color:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff;font-weight:600}.attachments-section{border-top:2px solid #e0e0e0;margin-top:1.5rem;padding-top:1.5rem}.attachments-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.attachment-item{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.attachment-item:hover{background:#f0f3ff;border-color:#667eea}.attachment-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.attachment-icon{color:#667eea;font-size:1.2rem}.attachment-name{color:#333;font-weight:600}.attachment-meta{color:#6b7280;font-size:.85rem;font-style:italic}.remove-attachment-btn{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.remove-attachment-btn:hover{background:#dc2626;transform:scale(1.1)}.add-attachment-btn{align-items:center;background:#fff;border:2px dashed #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.add-attachment-btn:hover{background:#f0f3ff;border-style:solid}.attachment-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.attachment-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{border-bottom:2px solid #e0e0e0;border-radius:12px 12px 0 0;padding:1.5rem}.modal-header h3{font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.25rem;transition:transform .2s ease}.modal-close-btn:hover{transform:scale(1.2)}.modal-body{padding:1.5rem;text-align:left}.modal-footer{border-top:2px solid #e0e0e0;padding:1.5rem}.attachment-type-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}@media (max-width:768px){.attachment-type-selector{grid-template-columns:repeat(2,1fr)}}.type-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:.5rem;padding:1rem;transition:all .2s ease}.type-option:hover{background:#f8f9ff;border-color:#667eea}.type-option.active{background:#667eea;border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;font-weight:600}.type-option svg{font-size:1.5rem}.attachment-config{margin-top:1rem}.form-input{border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.file-upload-label{cursor:pointer}.file-upload-area{align-items:center;background:#f8f9ff;border:3px dashed #667eea;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;transition:all .2s ease}.file-upload-area:hover{background:#f0f3ff;border-color:#764ba2}.file-upload-area svg{color:#667eea;margin-bottom:1rem}.file-upload-area p{color:#333;font-weight:600;margin:.5rem 0}.file-upload-area small{color:#6b7280}.file-selected{align-items:center;display:flex;gap:1rem}.file-selected svg{color:#10b981}.file-selected div strong{color:#333;display:block;margin-bottom:.25rem}.file-selected div p{color:#6b7280;font-size:.85rem;margin:0}.info-box{background:#eff6ff;border:2px solid #3b82f6;color:#1e40af;font-size:.9rem;margin-top:1rem;padding:1rem;text-align:left}.btn-email-primary,.btn-email-secondary{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-email-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-email-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-email-secondary{background:#e5e7eb;color:#374151}.btn-email-secondary:hover{background:#d1d5db}.examples-box{background:#fef3c7;border:2px solid #f59e0b;border-radius:8px;color:#92400e;font-size:.9rem;margin-top:1rem;padding:1rem;text-align:left}.examples-box strong{color:#78350f;display:block;font-weight:700;margin-bottom:.5rem}.examples-box ul{margin:.5rem 0 0;padding-left:1.5rem}.examples-box li{line-height:1.6;margin-bottom:.5rem}.examples-box code{background:#fde68a;border-radius:4px;color:#78350f;font-family:Courier New,monospace;font-weight:600;padding:.2rem .5rem}.create-calendar-event-action{background:#fff;border:2px solid #e0e0e0;border-radius:12px;direction:ltr;overflow:hidden;text-align:left;transition:all .2s ease}.create-calendar-event-action:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.create-calendar-event-action-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;gap:.75rem;justify-content:flex-start;padding:1rem 1.5rem;text-align:left}.action-icon{font-size:1.3rem}.create-calendar-event-action-header h3{font-size:1.1rem;font-weight:600;margin:0}.create-calendar-event-action-body{padding:1.5rem;text-align:left}.form-group{text-align:left}.form-group label{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;text-align:left}.form-select{border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}.form-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.checkbox-label{align-items:center;color:#555;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:flex-start;text-align:left}.checkbox-label input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:18px;width:18px}.field-hint{color:#6b7280;display:block;font-size:.85rem;margin-top:.5rem;text-align:left}.no-connections-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;color:#92400e;font-weight:600;padding:1rem}.variables-info{background:#f0fdf4;border:1px solid #d1fae5;border-radius:8px;margin-top:1rem;padding:1rem}.variables-info strong{color:#065f46;display:block;font-size:.9rem;margin-bottom:.75rem;text-align:left}.variables-list{display:flex;flex-wrap:wrap;gap:.5rem}.variable-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:inline-block;font-family:Courier New,monospace;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.create-calendar-event-action.history-mode{background:#f0fdf4;border:1px solid #d1fae5;border-radius:8px;padding:1rem}.history-field{background:#fff;border-radius:6px;margin-bottom:.75rem;padding:.5rem}.history-field strong{color:#10b981;display:block;font-size:.9rem;margin-bottom:.25rem}.scheduling-mode-section .scheduling-mode-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:.75rem}.scheduling-mode-section .radio-option{align-items:flex-start;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:1rem;transition:all .2s ease}.scheduling-mode-section .radio-option:hover{background:#f0fdf4;border-color:#10b981}.scheduling-mode-section .radio-option input[type=radio]{margin-right:.5rem}.scheduling-mode-section .radio-option input[type=radio]:checked~span{color:#10b981;font-weight:600}.scheduling-mode-section .radio-option span{font-size:1rem;font-weight:500;margin-bottom:.25rem;text-align:left}.scheduling-mode-section .radio-option small{color:#6b7280;font-size:.85rem;margin-left:1.5rem;text-align:left}.ai-scheduling-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:12px;padding:1.5rem}.ai-info-box{background:#fff;border-left:4px solid #10b981;border-radius:6px;margin-top:1rem;padding:1rem}.ai-info-box strong{color:#10b981;display:block;font-size:.95rem;margin-bottom:.5rem;text-align:left}.ai-info-box p{color:#374151;font-size:.9rem;line-height:1.5;margin:0;text-align:left}.create-calendar-event-action .whatsapp-reminder-section{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #25d366;border-radius:12px;padding:1.5rem}.create-calendar-event-action .whatsapp-reminder-toggle{align-items:center;cursor:pointer;display:flex;gap:.75rem;justify-content:flex-start;-webkit-user-select:none;user-select:none}.create-calendar-event-action .whatsapp-reminder-toggle input[type=checkbox]{accent-color:#25d366;cursor:pointer;height:20px;width:20px}.create-calendar-event-action .whatsapp-reminder-toggle span{color:#065f46;font-size:1rem;font-weight:600;text-align:left}.create-calendar-event-action .whatsapp-reminder-config{background:#fff;border:1px solid #d1fae5;border-radius:8px;margin-top:1rem;padding:1.5rem}.create-calendar-event-action .reminder-message-config,.create-calendar-event-action .reminder-phone-config,.create-calendar-event-action .reminder-template-config,.create-calendar-event-action .reminder-time-config{margin-bottom:1.5rem}.create-calendar-event-action .reminder-message-config:last-child,.create-calendar-event-action .reminder-phone-config:last-child,.create-calendar-event-action .reminder-template-config:last-child,.create-calendar-event-action .reminder-time-config:last-child{margin-bottom:0}.create-calendar-event-action .reminder-message-config label,.create-calendar-event-action .reminder-phone-config label,.create-calendar-event-action .reminder-template-config label,.create-calendar-event-action .reminder-time-config label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem;text-align:left}.create-calendar-event-action .time-input-group{display:flex;gap:.75rem;margin-bottom:.5rem;margin-top:.5rem}.create-calendar-event-action .form-input-small{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:.95rem;padding:.75rem;transition:all .2s ease}.create-calendar-event-action .form-input-small:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;outline:none}.create-calendar-event-action .form-select-small{border:2px solid #e0e0e0;border-radius:8px;flex:2 1;font-size:.95rem;padding:.75rem;transition:all .2s ease}.create-calendar-event-action .form-select-small:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;outline:none}.selected-connection-badge{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #10b981;border-radius:8px;display:flex;gap:.75rem;justify-content:flex-start;margin-top:.75rem;padding:.75rem 1rem}.connection-icon{font-size:1.5rem}.connection-name{color:#065f46;font-size:.9rem;text-align:left}.create-calendar-event-action .calendar-reminder-message-type{margin-bottom:1.5rem}.create-calendar-event-action .calendar-reminder-message-type>label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem;text-align:left}.create-calendar-event-action .calendar-message-toggle-switch{background:#e5e7eb;border-radius:8px;display:inline-flex;max-width:100%;padding:3px;position:relative;width:auto}.create-calendar-event-action .calendar-message-toggle-switch input[type=radio]{display:none}.create-calendar-event-action .calendar-toggle-option{border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;min-width:150px;padding:.6rem 1.25rem;text-align:center!important;transition:all .25s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}.create-calendar-event-action .calendar-message-toggle-switch input[type=radio]:checked+.calendar-toggle-option{background:linear-gradient(135deg,#25d366,#20ba5a);box-shadow:0 2px 6px #25d3664d;color:#fff;font-weight:600;transform:scale(1.02)}.create-calendar-event-action .calendar-toggle-option:hover{color:#374151}.create-calendar-event-action .calendar-message-toggle-switch input[type=radio]:checked+.calendar-toggle-option:hover{color:#fff;transform:scale(1.02)}@media (max-width:768px){.create-calendar-event-action-body{padding:1rem}.form-group{margin-bottom:1rem}.create-calendar-event-action .scheduling-mode-section .scheduling-mode-options{grid-template-columns:1fr}.create-calendar-event-action .time-input-group{flex-direction:column}.create-calendar-event-action .calendar-message-toggle-switch{max-width:100%;width:100%}.create-calendar-event-action .calendar-toggle-option{flex:1 1;font-size:.8rem;min-width:0;min-width:auto;padding:.6rem .75rem}}.add-row-spreadsheet-action{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.spreadsheet-action-header{border-bottom:2px solid #e0e0e0;margin-bottom:25px;padding-bottom:15px}.spreadsheet-action-header h3{align-items:center;color:#333;display:flex;font-size:20px;gap:8px;margin:0 0 8px}.spreadsheet-action-subtitle{color:#666;font-size:14px;margin:0}.spreadsheet-section{margin-bottom:20px}.spreadsheet-label{color:#444;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.spreadsheet-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}.spreadsheet-select:hover{border-color:#2e6155}.spreadsheet-select:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.spreadsheet-select:disabled{background:#f5f5f5;cursor:not-allowed}.loading-indicator{background:#f0f8ff;border:1px solid #b3d9ff;border-radius:6px;color:#06c;font-size:14px;padding:12px;text-align:center}.no-connections-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;padding:15px}.no-connections-warning small{color:#6c5400;display:block;font-size:12px;margin-top:5px}.load-columns-button{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.load-columns-button:hover:not(:disabled){box-shadow:0 4px 12px #2e61554d;transform:translateY(-2px)}.load-columns-button:active:not(:disabled){transform:translateY(0)}.load-columns-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.columns-header{border-bottom:1px solid #e0e0e0;margin-bottom:15px;padding-bottom:10px}.columns-header h4{color:#333;font-size:16px;margin:0 0 5px}.column-mappings-list{display:flex;flex-direction:column;gap:15px}.column-mapping-row{grid-gap:15px;align-items:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;display:grid;gap:15px;grid-template-columns:200px 1fr;padding:12px;transition:all .2s ease}.column-mapping-row:hover{background:#f0f8ff;border-color:#2e6155}.column-name{font-size:14px;gap:8px}.column-icon{font-size:16px}.column-value{flex:1 1}.info-box{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px solid #2e6155;border-radius:12px;gap:15px;margin-top:20px;padding:20px}.info-icon{font-size:32px}.info-content{flex:1 1}.info-content strong{color:#333;font-size:15px}.info-content ol{color:#555;line-height:1.6}@media (max-width:768px){.column-mapping-row{gap:10px;grid-template-columns:1fr}.column-name{border-bottom:1px solid #e0e0e0;padding-bottom:8px}}.add-row-spreadsheet-action.history-mode{opacity:.8;pointer-events:none}.query-contacts-action{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;font-family:Varela Round,sans-serif;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.query-contacts-action:before{background:linear-gradient(135deg,#3b82f6,#60a5fa);content:"";height:4px;left:0;position:absolute;right:0;top:0}.query-contacts-action:hover{box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.query-contacts-header{border-bottom:1px solid #e2e8f04d;margin-bottom:24px;padding-bottom:16px}.query-contacts-title{color:#3b82f6;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-align:left;text-transform:uppercase}.query-contacts-subtitle{color:#64748b;font-size:14px;margin:0;text-align:left}.query-contacts-body{display:flex;flex-direction:column;gap:24px}.query-contacts-filter-section{background:#f8fafc80;border:1px solid #e2e8f04d;border-radius:12px;padding:20px}.query-contacts-options{background:linear-gradient(135deg,#3b82f60d,#60a5fa0d);border:1px solid #3b82f633;border-radius:12px;padding:20px}.query-contacts-options-title{color:#3b82f6;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-align:left;text-transform:uppercase}.query-contacts-option{margin-bottom:16px}.query-contacts-checkbox-label{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px}.query-contacts-checkbox-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.query-contacts-limit-input{align-items:center;display:flex;gap:12px;margin-top:12px;padding-left:28px}.query-contacts-limit-input label{color:#64748b;font-size:14px;font-weight:600}.query-contacts-input-small{background:#fff;border:2px solid #e2e8f080;border-radius:8px;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;padding:8px 12px;transition:all .3s ease;width:100px}.query-contacts-input-small:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.query-contacts-sort-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.query-contacts-sort-field label,.query-contacts-sort-order label{color:#64748b;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:left}.query-contacts-select{background:#fff;border:2px solid #e2e8f080;border-radius:8px;color:#1f2937;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;padding:10px 12px;transition:all .3s ease;width:100%}.query-contacts-select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.query-contacts-dynamic-info{background:linear-gradient(135deg,#10b9810d,#34d3990d);border:1px solid #10b98133;border-radius:12px;padding:20px}.query-contacts-dynamic-info h4{color:#10b981;font-size:14px;font-weight:700;margin:0 0 12px;text-align:left}.query-contacts-info-section{background:#fff;border:1px solid #10b98133;border-radius:8px;margin-bottom:20px;padding:16px}.query-contacts-info-section .query-contacts-tip{margin:0}.query-contacts-dynamic-info ul{list-style:none;margin:0 0 12px;padding:0}.query-contacts-dynamic-info li{border-bottom:1px solid #e2e8f04d;color:#1f2937;font-size:13px;padding:8px 0;text-align:left}.query-contacts-dynamic-info li:last-child{border-bottom:none}.query-contacts-dynamic-info code{background:#10b9811a;border-radius:4px;color:#10b981;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:2px 6px}.query-contacts-tip{background:#fff;border-radius:8px;color:#1f2937;font-size:13px;margin:12px 0 0;padding:12px;text-align:left}.query-contacts-tip strong{color:#10b981}.output-highlight{background:linear-gradient(135deg,#10b981,#34d399);border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.query-contacts-usage-example{background:linear-gradient(135deg,#3b82f60d,#60a5fa0d);border:1px solid #3b82f633;border-radius:8px;margin-top:16px;padding:16px}.query-contacts-usage-example strong{color:#3b82f6;display:block;font-size:13px;margin-bottom:12px}.usage-flow{display:flex;flex-direction:column;gap:8px}.usage-step{align-items:center;background:#fff;border-radius:6px;color:#1f2937;display:flex;font-size:13px;gap:12px;padding:10px}.step-number{background:linear-gradient(135deg,#3b82f6,#60a5fa);font-size:12px;height:24px;width:24px}.usage-arrow{color:#3b82f6;font-size:18px;font-weight:700;text-align:center}.query-contacts-history-mode{background:#f8fafccc;border-radius:12px;padding:20px}.query-contacts-history-info{margin-bottom:16px}.query-contacts-status-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.status-badge{font-size:13px}.status-badge.success{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.status-badge.error{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.error-message{background:#ef44441a;border-radius:6px;color:#ef4444;font-size:13px;font-weight:600;padding:4px 8px}.query-contacts-history-info p{color:#1f2937;font-size:14px;margin:8px 0;text-align:left}.query-contacts-history-info strong{color:#3b82f6}.query-contacts-results{background:#fff;border:1px solid #e2e8f080;border-radius:8px;margin-top:16px;padding:16px}.query-contacts-results h4{color:#1f2937;font-size:14px;font-weight:700;margin:0 0 12px;text-align:left}.contact-phones-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:12px}.contact-phone-item{align-items:center;background:linear-gradient(135deg,#3b82f60d,#60a5fa0d);border:1px solid #3b82f633;border-radius:8px;color:#1f2937;display:flex;font-size:13px;gap:8px;padding:10px 12px;transition:all .2s ease}.contact-phone-item:hover{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);box-shadow:0 2px 8px #3b82f633;transform:translateY(-2px)}.phone-icon{flex-shrink:0;font-size:16px}.phone-number{color:#3b82f6}.query-contacts-full-details{background:#fff;border:1px solid #e2e8f080;border-radius:8px;margin-top:16px;padding:16px}.query-contacts-full-details h4{color:#1f2937;font-size:14px;font-weight:700;margin:0 0 12px;text-align:left}.contacts-table-wrapper{border-radius:8px;overflow-x:auto}.contacts-details-table{border-collapse:collapse;font-size:13px;width:100%}.contacts-details-table thead{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.contacts-details-table thead th{color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.contacts-details-table tbody tr{border-bottom:1px solid #e2e8f04d;transition:background .2s ease}.contacts-details-table tbody tr:hover{background:#3b82f60d}.contacts-details-table tbody td{color:#1f2937;padding:12px}.contacts-details-table tbody td:first-child{color:#3b82f6;font-weight:700}.more-results-note{color:#64748b;font-size:13px;font-style:italic;margin-top:12px;text-align:center}.query-contacts-results .more-results{background:#3b82f60d;border:1px dashed #3b82f64d;border-radius:6px;color:#3b82f6;font-weight:600;padding:12px;text-align:center}.query-contacts-empty{padding:40px 20px;text-align:center}.query-contacts-empty .empty-icon{font-size:48px;margin-bottom:16px}.query-contacts-empty p{color:#64748b;font-size:14px;margin:0 0 8px}.query-contacts-empty .empty-hint{color:#94a3b8;font-size:12px;font-style:italic}.query-contacts-status-cards{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.status-card{align-items:center;background:#fff;border:1px solid #e2e8f080;border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;flex:1 1;gap:12px;min-width:130px;padding:14px 18px}.status-card.success{background:linear-gradient(135deg,#10b9810d,#34d3990d);border-color:#10b98133}.status-card.error{background:linear-gradient(135deg,#ef44440d,#f871710d);border-color:#ef444433}.status-card-icon{font-size:22px}.status-card-content{text-align:left}.status-card-value{color:#1f2937;font-size:18px;font-weight:700;line-height:1.2}.status-card-label{color:#64748b;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.query-contacts-error-box{align-items:flex-start;background:linear-gradient(135deg,#ef44440d,#f871710d);border:1px solid #ef444433;border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:14px 18px}.query-contacts-error-box .error-icon{font-size:20px}.query-contacts-error-box .error-content{color:#b91c1c;font-size:13px;line-height:1.5}.query-contacts-summary{background:#fff;border:1px solid #e2e8f080;border-radius:10px;margin-bottom:20px;padding:16px}.query-contacts-summary h4{color:#3b82f6;font-size:14px;font-weight:700;margin:0 0 12px}.summary-row{display:flex;font-size:13px;gap:12px;padding:8px 0}.summary-label{color:#64748b;font-weight:600;min-width:140px}.summary-value{color:#1f2937;font-weight:700}.contacts-details-table.enhanced{font-size:12px}.contacts-details-table.enhanced thead th{font-size:11px;padding:10px 12px;white-space:nowrap}.contacts-details-table.enhanced tbody tr.even{background:#f8fafc80}.contacts-details-table.enhanced tbody tr.odd{background:#fff}.contacts-details-table.enhanced tbody td{padding:10px 12px;vertical-align:middle}.contacts-details-table .row-number{color:#3b82f6;font-weight:700;text-align:center}.row-status-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:4px 10px;text-transform:uppercase}.row-status-badge.success{background:linear-gradient(135deg,#10b9811a,#34d3991a);border:1px solid #10b98133;color:#10b981}.row-status-badge.error{background:linear-gradient(135deg,#ef44441a,#f871711a);border:1px solid #ef444433;color:#ef4444}.contacts-details-table .phone-cell{align-items:center;display:flex;gap:6px}.contacts-details-table .phone-cell .phone-icon{font-size:14px}.contacts-details-table .name-cell{color:#1f2937;font-weight:600}.contacts-details-table .email-cell{color:#3b82f6}.contact-status-badge{background:#e2e8f080;border-radius:12px;color:#64748b;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.contact-status-badge.open{background:#10b9811a;color:#10b981}.contact-status-badge.closed{background:#9ca3af33;color:#6b7280}.contact-details-expand{cursor:pointer;margin-top:16px}.contact-details-expand summary{background:#3b82f60d;border-radius:8px;color:#3b82f6;font-size:13px;font-weight:600;padding:10px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.contact-details-expand summary:hover{background:#3b82f61a}.full-contact-data{display:flex;flex-direction:column;gap:12px;margin-top:12px;max-height:400px;overflow-y:auto;padding-right:8px}.contact-full-card{background:#f8fafccc;border:1px solid #e2e8f080;border-radius:8px;padding:14px}.contact-full-header{align-items:center;border-bottom:1px solid #e2e8f080;display:flex;gap:10px;margin-bottom:12px;padding-bottom:10px}.contact-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50%;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.contact-name{color:#1f2937;font-size:14px;font-weight:700}.contact-full-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.contact-field{background:#fff;border-radius:6px;display:flex;font-size:12px;gap:8px;padding:6px 10px}.contact-field .field-key{color:#64748b;flex-shrink:0;font-weight:700;min-width:80px}.contact-field .field-value{color:#1f2937;word-break:break-all}.contact-phones-grid.enhanced{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.contact-phone-card{align-items:center;background:#fff;border:1px solid #e2e8f080;border-radius:10px;display:flex;gap:10px;padding:12px 14px;transition:all .2s ease}.contact-phone-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.contact-phone-card .card-number{color:#64748b;font-size:11px;font-weight:700}.contact-phone-card .card-status{align-items:center;border-radius:50%;display:flex;font-size:10px;height:20px;justify-content:center;width:20px}.contact-phone-card .card-status.success{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.contact-phone-card .card-phone{align-items:center;color:#1f2937;display:flex;font-size:13px;font-weight:600;gap:6px}.item-number{color:#64748b;font-size:11px;font-weight:700;margin-right:4px}@media (max-width:768px){.query-contacts-action{padding:20px}.query-contacts-sort-row{gap:12px;grid-template-columns:1fr}.query-contacts-status-cards{flex-direction:column}.status-card{min-width:100%}.contact-full-grid{grid-template-columns:1fr}}.webhook-trigger{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;gap:24px;margin:0 auto;max-width:800px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.webhook-trigger:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.webhook-trigger:hover{border-color:#2e61554d;box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.webhook-trigger-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;gap:12px;margin-bottom:8px;padding-bottom:16px}.webhook-trigger-title{align-items:center;color:#2e6155;display:flex;font-size:18px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.webhook-trigger-title:before{content:"🔗";font-size:20px}.webhook-trigger-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.form-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.inline-form-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.inline-form-group:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.formGroupWebhook,.inline-form-group label{align-items:center;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.formGroupWebhook:before,.inline-form-group label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;width:3px}.inline-form-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.inline-form-group input:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.inline-form-group input:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.inline-form-group input:disabled{background:#f8fafccc;border-color:#e2e8f04d;color:#64748b;cursor:not-allowed;transform:none}.inline-form-group input:read-only{background:#f8fafce6;border-color:#e2e8f04d;color:#64748b;cursor:default}.webhook-trigger textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Courier New,monospace;font-size:13px;font-weight:500;line-height:1.5;min-height:300px;outline:none;padding:12px 16px;resize:vertical;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.webhook-trigger textarea:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.webhook-trigger textarea:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.webhook-trigger textarea:disabled,.webhook-trigger textarea:read-only{background:#f8fafccc;border-color:#e2e8f04d;color:#64748b;cursor:not-allowed;resize:none;transform:none}.json-schema-textarea{word-wrap:normal;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:8px!important;box-sizing:border-box;color:#2d3748!important;direction:ltr!important;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace!important;font-size:14px!important;line-height:1.6!important;min-height:300px;outline:none;overflow-wrap:normal;overflow-x:auto;padding:16px 20px!important;position:relative;resize:vertical;tab-size:2;-moz-tab-size:2;text-align:left!important;transition:all .2s ease-in-out;white-space:pre;width:100%;word-break:normal}.json-schema-textarea:focus{background:#fff!important;border-color:#3182ce!important;box-shadow:0 0 0 3px #3182ce1a!important}.json-schema-textarea:hover{border-color:#4a5568!important}.json-schema-textarea.invalid{background:#fef2f280!important;border-color:#e53e3e!important;box-shadow:0 0 0 3px #e53e3e1a!important}.json-schema-textarea::placeholder{color:#a0aec0;direction:ltr;font-style:italic;text-align:left}.json-editor-toolbar{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-bottom:none;border-radius:8px 8px 0 0;color:#4a5568;display:flex;font-size:12px;justify-content:space-between;margin-bottom:0;padding:8px 12px}.json-editor-toolbar+.json-schema-textarea{border-radius:0 0 8px 8px;border-top:none}.json-editor-actions{display:flex;gap:6px}.json-format-btn{align-items:center;background:#3182ce;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:2px;padding:4px 10px;transition:all .2s ease}.json-format-btn:hover:not(:disabled){background:#2c5282;transform:translateY(-1px)}.json-format-btn:disabled{background:#cbd5e0;color:#a0aec0;cursor:not-allowed;transform:none}.json-validate-indicator{align-items:center;display:flex;font-size:11px;font-weight:600;gap:4px}.json-validate-indicator.valid{color:#38a169}.json-validate-indicator.invalid{color:#e53e3e}.json-validate-indicator.neutral{color:#718096}.webhook-trigger-error-text{align-items:center;background:#fef2f2cc;border:1px solid #ef444433;border-radius:8px;color:#ef4444;display:flex;font-size:12px;font-weight:600;gap:6px;margin-top:8px;padding:8px 12px}.webhook-trigger-error-text:before{content:"⚠️";font-size:14px}.webhook-url-section{background:linear-gradient(135deg,#2e61551a,#34d3991a);border-color:#2e615533}.webhook-url-section label{color:#2e6155}.webhook-url-section label:before{background:linear-gradient(135deg,#2e6155,#34d399)}.webhook-url-section input{font-family:Courier New,monospace;font-size:12px;word-break:break-all}.webhook-name-section{background:#f8fafccc}.webhook-name-section label:after{color:#64748b;content:" (English letters, numbers, underscores only)";font-size:11px;font-weight:400;letter-spacing:normal;text-transform:none}.json-schema-section{background:#f8fafccc}.json-schema-section.history-mode{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border-color:#3b82f633}.json-schema-section.history-mode .formGroupWebhook{color:#2563eb}.json-schema-section.history-mode .formGroupWebhook:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.copy-url-button{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:10px;box-shadow:0 2px 8px #2e615533;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;margin-top:8px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.copy-url-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.copy-url-button:hover:before{left:100%}.copy-url-button:hover{box-shadow:0 4px 16px #2e61554d;transform:translateY(-2px)}.copy-url-button:active{transform:translateY(0)}.copy-url-button:after{content:"📋";font-size:11px}.copy-url-button.copied{background:linear-gradient(135deg,#10b981,#34d399)}.copy-url-button.copied:after{content:"✅"}.webhook-trigger.history-mode{background:#f8fafce6;border-color:#3b82f64d}.webhook-trigger.history-mode:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.webhook-trigger.history-mode .webhook-trigger-title,.webhook-trigger.history-mode label{color:#2563eb}.webhook-trigger.history-mode label:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.webhook-status{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.5px;margin-left:8px;padding:4px 8px;text-transform:uppercase}.webhook-status.active{background:linear-gradient(135deg,#10b9811a,#34d3991a);border:1px solid #10b98133;color:#10b981}.webhook-status.inactive{background:linear-gradient(135deg,#9ca3af1a,#d1d5db1a);border:1px solid #9ca3af33;color:#6b7280}@media (max-width:768px){.webhook-trigger{gap:20px;margin:0;max-width:none;padding:20px}.form-group,.inline-form-group{padding:16px}.webhook-trigger-title{font-size:16px}.inline-form-group input,.webhook-trigger textarea{font-size:13px;padding:10px 14px}.webhook-trigger textarea{min-height:250px}.copy-url-button{font-size:11px;padding:6px 12px}}@media (max-width:480px){.webhook-trigger{gap:16px;padding:16px}.form-group,.inline-form-group{padding:12px}.webhook-trigger-title{font-size:14px}.inline-form-group input,.webhook-trigger textarea{font-size:12px;padding:8px 12px}.webhook-trigger textarea{min-height:200px}.copy-url-button{font-size:10px;padding:5px 10px}}.webhook-trigger.entering{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.webhook-trigger:focus-within{border-color:#2e615580;box-shadow:0 0 0 4px #2e61551a}.webhook-trigger:focus-within:before{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 8px #2e61554d}.webhook-trigger.loading{opacity:.7;pointer-events:none}.webhook-trigger.loading:after{animation:spin 1s linear infinite;border:2px solid #2e615533;border-left-color:#2e6155;border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.switch-case-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;gap:24px;margin:0 auto;max-width:900px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.switch-case-container:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.switch-case-container:hover{border-color:#2e61554d;box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.switch-case-header-section{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;gap:12px;margin-bottom:8px;padding-bottom:16px}.switch-case-title{align-items:center;color:#2e6155;display:flex;font-size:18px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.switch-case-title:before{content:"🔀";font-size:20px}.switch-case-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.switch-field-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.switch-field-section:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.switch-case-label{align-items:center;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.switch-case-label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;width:3px}.switch-case-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.switch-case-input:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.switch-case-input:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.switch-case-block{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #e2e8f080;border-left:4px solid #2e6155;border-radius:12px;box-shadow:0 4px 16px #00000014;margin-bottom:0;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.switch-case-block:hover{border-left-color:#34d399;box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.switch-case-block:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:4px}.switch-case-block:hover:before{background:linear-gradient(135deg,#34d399,#10b981);width:6px}.switch-case-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.switch-case-header-left{align-items:center;display:flex;gap:12px}.expand-collapse-btn{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:8px;box-shadow:0 2px 8px #2e615533;color:#fff;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.expand-collapse-btn:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 12px #2e61554d;transform:translateY(-2px) scale(1.05)}.expand-collapse-btn:active{transform:translateY(0) scale(.95)}.switch-case-content{overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.switch-case-content.expanded{max-height:none;opacity:1}.switch-case-content.collapsed{margin:0;max-height:0;opacity:0;padding:0}.switch-case-match-input{flex:1 1;font-weight:600}.switch-case-label-tag{align-items:center;color:#2e6155;display:flex;flex-shrink:0;font-size:16px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0;min-width:120px;text-transform:uppercase}.switch-case-label-tag:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:16px;width:3px}.switch-case-block:last-of-type{background:linear-gradient(135deg,#8b5cf60d,#a78bfa0d);border-left-color:#8b5cf6}.switch-case-block:last-of-type:before{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.switch-case-block:last-of-type .switch-case-label-tag{color:#7c3aed}.switch-case-block:last-of-type .switch-case-label-tag:before{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.switch-case-remove{align-items:center;background:linear-gradient(135deg,#ef4444,#f87171);border:none;border-radius:8px;box-shadow:0 2px 8px #ef444433;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:12px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.5px;min-width:80px;overflow:hidden;padding:8px 12px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.switch-case-remove:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.switch-case-remove:hover:before{left:100%}.switch-case-remove:hover{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 16px #ef44444d;transform:translateY(-2px)}.switch-case-remove:active{transform:translateY(0)}.switch-case-action-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;margin-bottom:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.switch-case-action-block:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.switch-case-action-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.switch-case-action-header-left{align-items:center;display:flex;gap:8px}.action-expand-btn{background:linear-gradient(135deg,#3b82f6,#60a5fa);font-size:10px;height:24px;width:24px}.action-expand-btn:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.switch-case-action-content{overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.switch-case-action-content.expanded{max-height:none;opacity:1}.switch-case-action-content.collapsed{margin:0;max-height:0;opacity:0;padding:0}.switch-case-action-label{align-items:center;color:#2e6155;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.switch-case-action-label:before{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:2px;content:"";height:14px;width:3px}.switch-case-delete-action-button{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;cursor:pointer;font-size:30px;padding:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.switch-case-delete-action-button:hover{background:#ef444433;border-color:#ef44444d;color:#dc2626;transform:scale(1.1)}.switch-case-delete-action-button:active{transform:scale(.95)}.switch-case-select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;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='%232e6155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f080;border-radius:12px;color:#1f2937;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;margin-bottom:16px;outline:none;padding:12px 40px 12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.switch-case-select:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;transform:translateY(-1px)}.switch-case-select:hover{border-color:#2e61554d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.switch-case-select:disabled{background:#f8fafccc;border-color:#e2e8f04d;color:#64748b;cursor:not-allowed;transform:none}.switch-case-add-button,.switch-case-button{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:10px;box-shadow:0 2px 8px #2e615533;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;margin-top:12px;overflow:hidden;padding:12px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.switch-case-add-button:before,.switch-case-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.switch-case-add-button:hover:before,.switch-case-button:hover:before{left:100%}.switch-case-add-button:hover,.switch-case-button:hover{box-shadow:0 4px 16px #2e61554d;transform:translateY(-2px)}.switch-case-add-button:active,.switch-case-button:active{transform:translateY(0)}.switch-case-button:after{content:"➕";font-size:12px}.switch-case-add-button:after{content:"📋";font-size:12px}.match-status-indicator{align-items:center;border-radius:50%;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-left:8px;width:20px}.match-status-indicator.matched{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 2px 8px #10b9814d;color:#fff}.match-status-indicator.not-matched{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 2px 8px #ef44444d;color:#fff}.switch-case-container.history-mode{background:#f8fafce6;border-color:#3b82f64d}.switch-case-container.history-mode:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.switch-case-container.history-mode .switch-case-action-label,.switch-case-container.history-mode .switch-case-label,.switch-case-container.history-mode .switch-case-label-tag,.switch-case-container.history-mode .switch-case-title{color:#2563eb}.switch-case-container.history-mode .switch-case-action-label:before,.switch-case-container.history-mode .switch-case-label-tag:before,.switch-case-container.history-mode .switch-case-label:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}@media (max-width:768px){.switch-case-container{gap:20px;margin:0;max-width:none;padding:20px}.switch-case-block{padding:16px}.switch-case-title{font-size:16px}.switch-case-header{align-items:stretch;flex-direction:column;gap:12px}.switch-case-header-left{justify-content:flex-start}.switch-case-label-tag{min-width:auto}.expand-collapse-btn{font-size:10px;height:28px;width:28px}.switch-case-remove{font-size:11px;min-width:70px;padding:6px 10px}.action-expand-btn{font-size:8px;height:20px;width:20px}.switch-case-action-header{align-items:stretch;flex-direction:column;gap:8px}.switch-case-action-header-left{justify-content:flex-start}.switch-case-input,.switch-case-select{font-size:13px;padding:10px 14px}.switch-case-add-button,.switch-case-button{align-self:stretch;font-size:12px;padding:10px 16px}}@media (max-width:480px){.switch-case-container{gap:16px;padding:16px}.switch-case-block{padding:12px}.switch-case-title{font-size:14px}.switch-case-input,.switch-case-select{font-size:12px;padding:8px 12px}.switch-case-add-button,.switch-case-button{font-size:11px;padding:8px 14px}.switch-case-remove{font-size:11px;min-width:60px;padding:6px 12px}.expand-collapse-btn{font-size:9px;height:24px;width:24px}.action-expand-btn{font-size:7px;height:18px;width:18px}}.switch-case-container.entering{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.switch-case-container:focus-within{border-color:#2e615580;box-shadow:0 0 0 4px #2e61551a}.switch-case-container:focus-within:before{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 8px #2e61554d}.scheduler-trigger{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;font-family:Varela Round,sans-serif;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.scheduler-trigger:before{background:linear-gradient(135deg,#8b5cf6,#a78bfa);content:"";height:4px;left:0;position:absolute;right:0;top:0}.scheduler-trigger:hover{box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.scheduler-trigger-header{border-bottom:1px solid #e2e8f04d;margin-bottom:24px;padding-bottom:16px}.scheduler-trigger-title{color:#8b5cf6;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.scheduler-trigger-subtitle{color:#64748b;font-size:14px;margin:0}.scheduler-form-group{margin-bottom:20px}.scheduler-form-group label{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:8px;text-align:left}.scheduler-label-icon{font-size:16px}.scheduler-input,.scheduler-select{background:#ffffffe6;border:2px solid #e2e8f080;border-radius:10px;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.scheduler-input:focus,.scheduler-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.scheduler-input:hover,.scheduler-select:hover{border-color:#8b5cf64d}.scheduler-hint{color:#64748b;display:block;font-size:12px;margin-top:6px;text-align:left}.scheduler-days-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.scheduler-day-btn{background:#fff;border:2px solid #e2e8f080;border-radius:8px;color:#64748b;cursor:pointer;font-family:Varela Round,sans-serif;font-size:13px;font-weight:600;padding:10px;transition:all .2s ease}.scheduler-day-btn:hover{border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-2px)}.scheduler-day-btn.active{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d;color:#fff}.scheduler-summary{background:linear-gradient(135deg,#8b5cf61a,#a78bfa1a);border:1px solid #8b5cf633;border-radius:12px;margin-top:24px;padding:20px}.scheduler-summary h4{color:#8b5cf6;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-align:left;text-transform:uppercase}.scheduler-summary-text{color:#1f2937;font-size:15px;font-weight:600;line-height:1.6;margin:0;text-align:left}.scheduler-history-mode{background:#f8fafccc;border-radius:12px;padding:20px}.scheduler-history-info p{color:#1f2937;font-size:14px;margin:8px 0;text-align:left}.scheduler-history-info strong{color:#8b5cf6}@media (max-width:768px){.scheduler-trigger{padding:20px}.scheduler-days-grid{gap:6px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.scheduler-day-btn{font-size:12px;padding:8px}}.advanced-filter-row-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:12px;padding:16px 20px;transition:all .3s ease}.advanced-filter-row-container:hover{border-color:#25d366;box-shadow:0 4px 12px #00000014}.filter-row-content{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;scrollbar-color:#25d366 #f0f0f0;scrollbar-width:thin}.filter-row-content::-webkit-scrollbar{height:6px}.filter-row-content::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.filter-row-content::-webkit-scrollbar-thumb{background:#25d366;border-radius:3px}.filter-row-content::-webkit-scrollbar-thumb:hover{background:#20b358}.filter-number-badge{align-items:center;background:linear-gradient(135deg,#25d366,#20b358);border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;min-width:36px}.filter-number{color:#fff;font-size:.9rem;font-weight:700}.filter-section{display:flex;flex:0 1 auto;flex-direction:column;min-width:140px}.filter-type-section{flex:0 1 auto;min-width:160px}.field-section{flex:1 1 200px;min-width:150px}.operator-section{flex:0 1 auto;min-width:140px}.value-section{flex:1 1 200px;min-width:150px}.table-section{flex:1 1 180px;min-width:150px}.lookup-field-section,.related-field-section{flex:0 1 auto;min-width:140px}.group-select-section{flex:1 1 200px;min-width:150px}.filter-section .MuiSelect-select,.filter-type-select .MuiSelect-select{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;font-size:.875rem;padding:8px 12px;transition:all .2s ease}.filter-section .MuiSelect-select:hover,.filter-type-select .MuiSelect-select:hover{background:#fff;border-color:#25d366}.filter-type-option{align-items:center;display:flex;gap:8px}.filter-type-icon{font-size:1.1rem}.lookup-wrapper{width:100%}.value-input{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:.875rem;padding:8px 12px;transition:all .2s ease;width:100%}.value-input:focus,.value-input:hover{background:#fff;border-color:#25d366}.value-input:focus{box-shadow:0 0 0 3px #25d3661a;outline:none}.filter-actions{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-left:auto}.delete-button{background:#fff5f5!important;border:1px solid #fdd!important;flex-shrink:0!important;height:36px!important;padding:0!important;transition:all .2s ease!important;width:36px!important}.delete-button:hover{background:#ffe5e5!important;border-color:red!important;transform:scale(1.1)}@media (max-width:768px){.filter-row-content{flex-direction:column;overflow-x:visible}.filter-section{min-width:100%}}.filter-section .MuiFormControl-root{width:100%}.filter-section .Mui-focused .MuiOutlinedInput-notchedOutline,.filter-section .MuiOutlinedInput-notchedOutline{border:none}.value-input-dynamic{width:100%!important}.value-section .action-input-field-container{width:100%}.value-section .action-input-field-container input{font-size:.875rem;padding:8px 12px;width:100%}.value-section .action-input-field-container .dynamic-content-button{background:#25d3661a;border-color:#25d3664d}.value-section .action-input-field-container .dynamic-content-button:hover{background:#25d36633;border-color:#25d366}.advanced-contact-filter-container{background:#fff;border-radius:16px;margin-bottom:24px;overflow:hidden}.filter-header-section{background:linear-gradient(135deg,#25d366,#20b358);color:#fff;padding:20px 24px}.header-content{align-items:center;display:flex;justify-content:space-between}.header-icon-title{align-items:center;display:flex;gap:16px}.header-icon{color:#fff;font-size:2rem;opacity:.9}.filter-title{color:#fff;font-weight:700;margin-bottom:4px}.filter-subtitle{color:#ffffffe6;font-size:.875rem}.header-divider{background-color:#e0e0e0}.filter-content{padding:24px}.empty-state{background:#f8f9fa;border:2px dashed #e0e0e0;padding:60px 20px}.empty-icon{color:#ccc;font-size:4rem}.empty-title{color:#666;font-weight:600;margin-bottom:8px}.empty-subtitle{color:#999}.filters-list{display:flex;flex-direction:column;gap:0}.filter-headers{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e0e0e0;border-radius:10px;display:flex;gap:12px;margin-bottom:12px;padding:12px 20px}.filter-headers>div{color:#4a5568;font-size:.7rem;font-weight:700;letter-spacing:.5px}.header-number{flex-shrink:0;min-width:36px;text-align:center}.header-filter-type{flex:0 1 auto;min-width:160px}.header-field-name{flex:1 1 200px;min-width:150px}.header-condition{flex:0 1 auto;min-width:140px}.header-value{flex:1 1 200px;min-width:150px}.header-actions{flex-shrink:0;margin-left:auto;width:36px}.logic-toggle-section{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border:2px solid #e0e7ee;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px;margin-bottom:20px;padding:16px 20px}.logic-label{color:#4a5568!important;font-size:13px!important;font-weight:600!important;white-space:nowrap}.logic-toggle-group{background:#fff!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important}.logic-toggle-button{border:none!important;color:#4a5568!important;font-size:13px!important;font-weight:600!important;padding:6px 24px!important;transition:all .2s ease!important}.logic-toggle-button.Mui-selected{background:linear-gradient(135deg,#25d366,#20b358)!important;color:#fff!important}.logic-toggle-button:hover{background:#f5f7fa!important}.logic-toggle-button.Mui-selected:hover{background:linear-gradient(135deg,#20b358,#1a9647)!important}.logic-description{color:#718096!important;font-size:12px!important;font-style:italic;margin-left:auto;white-space:nowrap}.filter-wrapper{position:relative}.filter-connector{align-items:center;display:flex;justify-content:center;margin:0 auto;padding:8px 0;width:60px}.connector-text{background:#25d366;border-radius:12px;box-shadow:0 2px 8px #25d3664d;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:1px;padding:4px 12px}.add-filter-section{align-items:center;border-top:2px dashed #e0e0e0;display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:20px}.add-filter-btn{background:linear-gradient(135deg,#25d366,#20b358);border-radius:8px;box-shadow:0 4px 12px #25d3664d;color:#fff;font-weight:600;padding:12px 32px;text-transform:none;transition:all .3s ease}.add-filter-btn:hover{background:linear-gradient(135deg,#20b358,#1a9647);box-shadow:0 6px 16px #25d36666;transform:translateY(-2px)}.add-filter-hint{color:#999;font-size:.875rem}.filter-summary{background:#f0f7ff;border-left:4px solid #25d366;border-radius:8px;margin-top:20px;padding:16px;text-align:center}.summary-text{color:#25d366;font-size:.875rem;font-weight:600}@media (max-width:768px){.filter-header-section{padding:16px 20px}.filter-content{padding:16px}.header-icon-title{gap:12px}.header-icon{font-size:1.5rem}.filter-title{font-size:1.25rem}}.apply-to-each-action{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;font-family:Varela Round,sans-serif;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.apply-to-each-action:before{background:linear-gradient(135deg,#f59e0b,#fbbf24);content:"";height:4px;left:0;position:absolute;right:0;top:0}.apply-to-each-action:hover{box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.apply-to-each-header{border-bottom:1px solid #e2e8f04d;margin-bottom:24px;padding-bottom:16px}.apply-to-each-title{color:#f59e0b;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-align:left;text-transform:uppercase}.apply-to-each-subtitle{color:#64748b;font-size:14px;margin:0;text-align:left}.apply-to-each-body{display:flex;flex-direction:column;gap:24px}.apply-to-each-form-group{margin-bottom:16px}.apply-to-each-form-group label{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:8px;text-align:left}.apply-to-each-label-icon{font-size:16px}.apply-to-each-hint{color:#64748b;display:block;font-size:12px;margin-top:8px;text-align:left}.apply-to-each-hint code{background:#f59e0b1a;border-radius:4px;color:#f59e0b;font-family:Courier New,monospace;font-size:11px;font-weight:600;padding:2px 6px}.apply-to-each-options{background:linear-gradient(135deg,#f59e0b0d,#fbbf240d);border:1px solid #f59e0b33;border-radius:12px;padding:20px}.apply-to-each-options-title{color:#f59e0b;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-align:left;text-transform:uppercase}.apply-to-each-option{margin-bottom:16px}.apply-to-each-option:last-child{margin-bottom:0}.apply-to-each-checkbox-label{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px}.apply-to-each-checkbox-label input[type=checkbox]{accent-color:#f59e0b;cursor:pointer;height:18px;width:18px}.apply-to-each-inline-label{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.apply-to-each-input-small{background:#fff;border:2px solid #e2e8f080;border-radius:8px;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;padding:8px 12px;transition:all .3s ease;width:120px}.apply-to-each-input-small:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a;outline:none}.apply-to-each-option-hint{color:#64748b;display:block;font-size:12px;font-style:italic;margin-top:6px;text-align:left}.apply-to-each-dynamic-info{background:linear-gradient(135deg,#10b9810d,#34d3990d);border:1px solid #10b98133;border-radius:12px;padding:20px}.apply-to-each-dynamic-info h4{color:#10b981;font-size:14px;font-weight:700;margin:0 0 16px;text-align:left}.dynamic-content-section{background:#fff;border:1px solid #10b98126;border-radius:8px;margin-bottom:16px;padding:12px}.dynamic-content-section:last-of-type{margin-bottom:12px}.dynamic-content-section h5{color:#10b981;font-size:13px;font-weight:700;margin:0 0 10px;text-align:left}.apply-to-each-dynamic-info ul{list-style:none;margin:0 0 12px;padding:0}.apply-to-each-dynamic-info li{border-bottom:1px solid #e2e8f04d;color:#1f2937;font-size:13px;padding:8px 0;text-align:left}.apply-to-each-dynamic-info li:last-child{border-bottom:none}.apply-to-each-dynamic-info code{background:#10b9811a;border-radius:4px;color:#10b981;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:2px 6px}.apply-to-each-tip{background:#fff;border-radius:8px;color:#1f2937;font-size:13px;margin:12px 0 0;padding:12px;text-align:left}.apply-to-each-tip strong{color:#10b981}.apply-to-each-warning{align-items:flex-start;background:linear-gradient(135deg,#ef44440d,#f871710d);border:1px solid #ef444433;border-radius:12px;display:flex;gap:12px;padding:16px}.apply-to-each-warning-icon{flex-shrink:0;font-size:20px}.apply-to-each-warning-content{color:#1f2937;font-size:13px;line-height:1.6;text-align:left}.apply-to-each-warning-content strong{color:#ef4444}.apply-to-each-history-mode{background:#f8fafccc;border-radius:12px;padding:20px}.apply-to-each-history-info p{color:#1f2937;font-size:14px;margin:8px 0;text-align:left}.apply-to-each-history-info strong{color:#f59e0b}.apply-to-each-history-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.history-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex:1 1;gap:12px;min-width:140px;padding:16px 20px}.history-stat-card.success{background:linear-gradient(135deg,#10b9810d,#34d3990d);border-color:#10b98133}.history-stat-icon{font-size:24px}.history-stat-content{text-align:left}.history-stat-value{color:#1f2937;font-size:20px;font-weight:700;line-height:1.2}.history-stat-label{color:#64748b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.iteration-navigator{background:#fff;border:1px solid #f59e0b33;border-radius:12px;margin-bottom:24px;padding:20px}.iteration-navigator-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.iteration-navigator-header h4{color:#f59e0b;font-size:15px;font-weight:700;margin:0}.iteration-count{background:#f59e0b1a;border-radius:20px;color:#64748b;font-size:14px;font-weight:600;padding:4px 12px}.iteration-navigator-controls{gap:12px;margin-bottom:20px}.iteration-nav-btn,.iteration-navigator-controls{align-items:center;display:flex;justify-content:center}.iteration-nav-btn{background:linear-gradient(135deg,#f59e0b,#fbbf24);border:none;border-radius:10px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;cursor:pointer;font-size:16px;height:40px;transition:all .2s ease;width:40px}.iteration-nav-btn:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b66;transform:scale(1.05)}.iteration-nav-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.iteration-input-group{align-items:center;background:#f8fafccc;border:2px solid #f59e0b33;border-radius:10px;display:flex;gap:8px;padding:8px 16px}.iteration-input{background:#fff;border:2px solid #f59e0b4d;border-radius:8px;color:#f59e0b;font-family:Varela Round,sans-serif;font-size:16px;font-weight:700;padding:8px 12px;text-align:center;width:60px}.iteration-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.iteration-total{color:#64748b;font-size:16px;font-weight:600}.iteration-details{background:#f8fafc80;border-radius:10px;margin-bottom:16px;padding:16px}.iteration-details-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.iteration-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.iteration-status-badge.success{background:linear-gradient(135deg,#10b9811a,#34d3991a);border:1px solid #10b9814d;color:#10b981}.iteration-status-badge.failed{background:linear-gradient(135deg,#ef44441a,#f871711a);border:1px solid #ef44444d;color:#ef4444}.iteration-item-label{color:#64748b;font-size:13px;font-weight:600}.iteration-item-data{background:#fff;border:1px solid #e2e8f080;border-radius:8px;padding:12px}.iteration-item-data h5{color:#f59e0b;font-size:13px;font-weight:700;margin:0 0 10px}.item-data-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.item-data-row{background:#f8fafc80;border-radius:6px;display:flex;font-size:12px;gap:8px;padding:6px 10px}.item-data-key{color:#64748b;font-weight:700;min-width:80px}.item-data-value{color:#1f2937;word-break:break-all}.iteration-progress{margin-top:12px}.iteration-progress-bar{background:#e2e8f080;border-radius:3px;height:6px;margin-bottom:12px;overflow:hidden}.iteration-progress-fill{background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:3px;height:100%;transition:width .3s ease}.iteration-progress-dots{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.iteration-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:12px;transition:all .2s ease;width:12px}.iteration-dot.success{background:#10b981}.iteration-dot.failed{background:#ef4444}.iteration-dot.active{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33;transform:scale(1.4)}.iteration-dot:hover{transform:scale(1.3)}.more-iterations{background:#f8fafccc;border-radius:10px;color:#64748b;font-size:11px;font-weight:600;padding:4px 8px}.history-loop-actions{margin-top:24px}.history-loop-actions h4{color:#f59e0b;font-size:15px;font-weight:700;margin:0 0 16px}.history-loop-action-item{background:#fff;border:1px solid #e2e8f080;border-radius:10px;margin-bottom:12px;overflow:hidden}.history-action-header{align-items:center;background:#f8fafc80;border-bottom:1px solid #e2e8f04d;display:flex;gap:12px;padding:12px 16px}.history-action-status{align-items:center;border-radius:50%;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.history-action-status.completed{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.history-action-status.pending{background:#f59e0b33;color:#f59e0b}.history-action-number{align-items:center;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:50%;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.history-action-name{color:#1f2937;font-size:14px;font-weight:600}.history-action-data{border-bottom:1px solid #e2e8f04d;padding:12px 16px}.history-action-data details{cursor:pointer}.history-action-data summary{color:#64748b;font-size:13px;font-weight:600;padding:8px 0;-webkit-user-select:none;user-select:none}.history-action-data summary:hover{color:#f59e0b}.action-data-content{background:#f8fafc80;border-radius:8px;margin-top:12px;max-height:300px;overflow-y:auto;padding:12px}.action-data-row{border-bottom:1px solid #e2e8f04d;display:flex;font-size:12px;gap:12px;padding:8px 0}.action-data-row:last-child{border-bottom:none}.action-data-key{color:#64748b;flex-shrink:0;font-weight:700;min-width:120px}.action-data-value{color:#1f2937;font-family:Courier New,monospace;font-size:11px;white-space:pre-wrap;word-break:break-all}.history-action-details{padding:16px}.history-action-status-badge{border-radius:12px;font-size:11px;font-weight:700;margin-left:auto;padding:4px 12px;text-transform:uppercase}.history-action-status-badge.success{background:linear-gradient(135deg,#10b9811a,#34d3991a);color:#10b981}.history-action-status-badge.pending{background:#f59e0b1a;color:#f59e0b}.history-action-execution-results{background:linear-gradient(135deg,#10b98108,#34d39908);border-bottom:1px solid #10b9811a;border-top:1px solid #10b9811a;padding:16px}.history-action-execution-results h5{color:#10b981;font-size:13px;font-weight:700;margin:0 0 12px}.execution-results-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:12px}.execution-result-item{align-items:center;background:#fff;border:1px solid #e2e8f080;border-radius:8px;display:flex;font-size:13px;gap:8px;padding:10px 14px}.execution-result-item.full-width{grid-column:1/-1}.execution-result-item.highlight{background:linear-gradient(135deg,#3b82f60d,#60a5fa0d);border-color:#3b82f633}.execution-result-item.success{background:linear-gradient(135deg,#10b9810d,#34d3990d);border-color:#10b98133}.execution-result-item.error{background:linear-gradient(135deg,#ef44440d,#f871710d);border-color:#ef444433}.execution-result-item .result-icon{flex-shrink:0;font-size:16px}.execution-result-item .result-label{color:#64748b;font-weight:700;min-width:60px}.execution-result-item .result-value{color:#1f2937;font-weight:600;word-break:break-all}.execution-result-item .result-value.code{background:#0000000d;border-radius:4px;font-family:Courier New,monospace;font-size:11px;padding:2px 6px}.all-data-details{margin-top:8px}.all-data-details summary{background:#f8fafc80;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;-webkit-user-select:none;user-select:none}.all-data-details summary:hover{background:#f8fafccc;color:#f59e0b}.history-action-no-data{align-items:center;background:#f8fafc80;border-top:1px solid #e2e8f04d;color:#94a3b8;display:flex;font-size:13px;font-style:italic;gap:10px;justify-content:center;padding:20px}.history-action-no-data .no-data-icon{font-size:20px}.generic-history-action-data{background:#f8fafc80;border-radius:8px;padding:12px}.generic-data-row{border-bottom:1px solid #e2e8f033;display:flex;font-size:13px;gap:12px;padding:6px 0}.generic-data-row:last-child{border-bottom:none}.generic-data-key{color:#64748b;font-weight:700;min-width:100px}.generic-data-value{color:#1f2937;word-break:break-all}.loop-actions-section{background:#f8fafccc;border:2px dashed #f59e0b4d;border-radius:12px;margin-top:24px;padding:20px}.loop-actions-title{color:#f59e0b;font-size:15px;font-weight:700;letter-spacing:.5px;margin:0 0 20px;text-align:left;text-transform:uppercase}.loop-action-item{background:#fff;border:1px solid #e2e8f080;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:16px;padding:16px}.loop-action-header{align-items:center;background:#f8fafc80;border-bottom:1px solid #e2e8f04d;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:12px}.loop-action-header-left{align-items:center;display:flex;gap:12px}.loop-action-expand-btn{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;color:#f59e0b;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.loop-action-expand-btn:hover{background:#f59e0b33;transform:scale(1.05)}.loop-action-number{align-items:center;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.loop-action-label{color:#1f2937;font-size:14px;font-weight:600}.loop-action-content{max-height:2000px;opacity:1;overflow:hidden;padding:16px;transition:all .3s ease}.loop-action-content.collapsed{max-height:0;opacity:0;padding:0 16px}.loop-action-content.expanded{max-height:2000px;opacity:1}.loop-action-item h5{color:#64748b;font-size:14px;font-weight:600;margin:0 0 12px;text-align:left}.loop-action-select{background:#fff;border:2px solid #e2e8f080;border-radius:8px;color:#1f2937;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;margin-bottom:16px;padding:10px 12px;transition:all .3s ease;width:100%}.loop-action-select:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a;outline:none}.delete-loop-action-button{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.delete-loop-action-button:hover{background:#ef444433;transform:scale(1.05)}.add-loop-action-button{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);border:2px dashed #f59e0b66;border-radius:10px;color:#f59e0b;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:700;margin-top:16px;padding:14px;transition:all .3s ease;width:100%}.add-loop-action-button:hover{background:linear-gradient(135deg,#f59e0b33,#fbbf2433);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33;transform:translateY(-2px)}@media (max-width:768px){.apply-to-each-action{padding:20px}.apply-to-each-input-small{width:100px}.loop-actions-section{padding:16px}.loop-action-item{padding:12px}}.botomation-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:0;box-shadow:none;color:#1f2937;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;gap:20px;margin:0;max-width:none;min-height:100vh;padding:32px}.botomation-success-message{animation:slideInFromTop .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #10b9814d;border-radius:16px;box-shadow:0 8px 32px #10b98133;margin:0 auto;max-width:1200px;padding:20px;width:100%}.success-content{align-items:center;display:flex;gap:12px;margin-bottom:16px}.success-icon{flex-shrink:0;font-size:20px}.success-text{color:#065f46;flex:1 1;font-size:16px;font-weight:600}.success-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.continue-editing-btn{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:10px;box-shadow:0 2px 8px #2e615533;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.continue-editing-btn:hover{box-shadow:0 4px 16px #2e61554d;transform:translateY(-2px)}.go-to-list-btn{align-items:center;background:#9ca3af33;border:1px solid #9ca3af4d;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.go-to-list-btn:hover{background:#9ca3af4d;border-color:#9ca3af80;transform:translateY(-2px)}.botomation-error-message{align-items:center;animation:slideInFromTop .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ef44444d;border-radius:16px;box-shadow:0 8px 32px #ef444433;display:flex;gap:12px;margin:0 auto;max-width:1200px;padding:20px;width:100%}.error-icon{font-size:20px}.error-text{color:#dc2626;flex:1 1;font-size:16px;font-weight:600}.dismiss-error-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.dismiss-error-btn:hover{background:#ef444433;border-color:#ef444466;transform:scale(1.1)}.botomation-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1200px;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.botomation-form-header{align-items:center;background:linear-gradient(135deg,#2e6155,#1e3a32);color:#fff;display:flex;justify-content:center;margin:0;overflow:hidden;padding:32px;position:relative}.botomation-form-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.botomation-ArrowBackIcon{align-items:center;display:flex;left:32px;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:auto;z-index:2}.botomation-ArrowBackIcon .MuiIconButton-root{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.botomation-ArrowBackIcon .MuiIconButton-root:hover{background:#fff3;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.botomation-form-header-h2{align-items:center;color:#fff;display:flex;flex:1 1;flex-direction:column;font-size:32px;font-weight:700;gap:8px;margin:0;padding:0 80px;position:relative;text-align:center;z-index:1}.unsaved-changes-indicator{align-items:center;animation:pulse 2s infinite;background:#fbbf2433;border:1px solid #fbbf244d;border-radius:12px;color:#fbbf24;display:flex;font-size:14px;font-weight:500;gap:6px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.unsaved-changes-indicator:before{content:"⚠️";font-size:12px}.auto-save-toggle{margin-top:8px}.auto-save-toggle label{align-items:center;color:#fffc;cursor:pointer;display:flex;font-size:12px;font-weight:400;gap:6px;letter-spacing:normal;text-transform:none}.auto-save-toggle input[type=checkbox]{accent-color:#fbbf24;height:16px;width:16px}.botomationForm{background:#0000;border:none;border-radius:0;box-sizing:border-box;height:auto;margin:0;max-width:none;min-height:auto;padding:40px}.botomation-form-row{align-items:center;display:flex;justify-content:center;margin-bottom:32px}.botomation-form-row label{align-items:center;color:#2e6155;display:flex;font-size:16px;font-weight:700;letter-spacing:.5px;margin-right:16px;text-transform:uppercase}.botomation-form-row-name-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:18px;font-weight:600;max-width:600px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.botomation-form-row-name-input:focus{background:#fffffff2;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;outline:none;transform:translateY(-2px)}.botomation-form-row-name-input::placeholder{color:#94a3b8;font-weight:500}.workflow-designer-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;margin:32px 0;padding:32px}.workflow-designer-header{color:#2e6155;font-size:20px;font-weight:700;letter-spacing:.5px;margin-bottom:24px;text-align:center;text-transform:uppercase}.botomation-form-submit{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:12px;box-shadow:0 4px 16px #2e61554d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;margin:32px auto 0;min-width:200px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:auto}.botomation-form-submit:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.botomation-form-submit:hover:before{left:100%}.botomation-form-submit:hover{box-shadow:0 8px 24px #2e615566;transform:translateY(-2px)}.botomation-form-submit:active{transform:translateY(0)}.botomation-form-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.botomation-form-submit:disabled:hover{box-shadow:0 4px 16px #2e61554d;transform:none}.botomation-form-submit.loading{background:linear-gradient(135deg,#6b7280,#9ca3af);cursor:not-allowed;pointer-events:none}.botomation-form-submit.loading:before{display:none}.loading-spinner{display:inline-block;font-size:16px}.botomation-success-message{background:linear-gradient(135deg,#10b9811a,#34d3991a);border:1px solid #10b98133;border-radius:12px;box-shadow:0 4px 16px #10b9811a;color:#065f46}.botomation-error-message,.botomation-success-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600;margin-bottom:24px;padding:16px 24px;text-align:center}.botomation-error-message{background:linear-gradient(135deg,#ef44441a,#f871711a);border:1px solid #ef444433;border-radius:12px;box-shadow:0 4px 16px #ef44441a;color:#991b1b}.botomation-form-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.botomation-form-loading-spinner{animation:spin 1s linear infinite;border:4px solid #2e61551a;border-left-color:#2e6155;border-radius:50%;height:40px;margin-bottom:16px;width:40px}@media (max-width:1024px){.botomation-container{padding:24px}.botomation-form-header{flex-direction:column;gap:16px;padding:24px}.botomation-ArrowBackIcon{align-self:flex-start;order:-1;position:static;transform:none}.botomation-form-header-h2{font-size:28px;padding:0}.botomationForm{padding:32px}.workflow-designer-section{margin:24px 0;padding:24px}}@media (max-width:768px){.botomation-container{padding:16px}.botomation-form{border-radius:16px}.botomation-form-header{padding:20px}.botomation-form-header-h2{font-size:24px}.botomationForm{padding:24px}.botomation-form-row{align-items:stretch;flex-direction:column;gap:12px}.botomation-form-row label{font-size:14px;margin-right:0}.botomation-form-row-name-input{font-size:16px;padding:14px 16px}.workflow-designer-section{margin:20px 0;padding:20px}.botomation-form-submit{font-size:14px;min-width:160px;padding:14px 24px}}@media (max-width:480px){.botomation-container{padding:12px}.botomation-form-header{padding:16px}.botomation-form-header-h2{font-size:20px}.botomationForm{padding:20px}.workflow-designer-section{padding:16px}.botomation-form-submit{font-size:13px;min-width:140px;padding:12px 20px}}.add-action-button{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:8px;box-shadow:0 2px 8px #2e615533;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;height:44px;justify-content:center;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.add-action-button:hover{box-shadow:0 4px 16px #2e61554d;transform:translateY(-2px)}.add-action-button:active{transform:translateY(0)}@media (min-width:250px) and (max-width:550px){.add-action-button{font-size:13px;height:40px;padding:10px 16px;width:100%}}.previewRun-Container-dialog{font-family:Varela Round,sans-serif}.previewRun-Container-dialog .MuiDialog-paper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #00000026;margin:32px;max-height:90vh;max-width:95vw}.previewRun-Container-dialog-title{background:linear-gradient(135deg,#2e6155,#1e3a32);color:#fff;font-family:Varela Round,sans-serif;font-size:28px;font-weight:700;margin:0;overflow:hidden;padding:24px 32px;position:relative;text-align:center}.previewRun-Container-dialog-title:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.previewRun-ContentContainer{background:#f8fafc4d;display:flex;flex-direction:row;gap:24px;max-height:70vh;min-height:600px;padding:32px}.previewRun-RecipientTabl{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 8px 16px #0000001a;display:flex;flex:1 1;flex-direction:column;min-width:400px;overflow:hidden}.previewRun-RecipientTabl .MuiDialogContent-root{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px}.recipient-header{border-bottom:1px solid #e5e7eb4d;margin-bottom:24px;padding-bottom:20px}.recipient-stats{align-items:center;background:#f8fafccc;border:1px solid #e5e7eb4d;border-radius:12px;gap:16px;padding:16px}.recipient-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.recipient-stat-number{color:#2e6155}.recipient-stat-label{color:#6b7280;font-size:12px}.previewRun-Container-dialog .MuiTextField-root{margin-bottom:16px}.previewRun-Container-dialog .MuiTextField-root .MuiOutlinedInput-root{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:12px;font-family:Varela Round,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}.previewRun-Container-dialog .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#2e6155}.previewRun-Container-dialog .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#2e6155;border-width:2px}.previewRun-Container-dialog .MuiInputLabel-root.Mui-focused{color:#2e6155}.previewRun-bulk-size-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e5e7eb4d;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:12px 16px;position:absolute;right:32px;top:24px;z-index:10}.bulk-size-controls{align-items:center;background:#f8fafccc;border:1px solid #e5e7eb4d;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.bulk-size-controls .MuiTextField-root{margin:0}.bulk-size-controls .MuiButton-contained{background:linear-gradient(135deg,#2e6155,#1e3a32);border-radius:8px;box-shadow:0 4px 8px #2e61554d;font-family:Varela Round,sans-serif;font-weight:600;text-transform:none}.bulk-size-controls .MuiButton-contained:hover{box-shadow:0 6px 12px #2e615566;transform:translateY(-1px)}.recipients-table-container{background:#ffffff80;border:1px solid #e5e7eb4d;max-height:500px;min-height:300px}.previewRun-Container-dialog-tbl{background:#0000;border-collapse:initial;border-spacing:0;font-family:Varela Round,sans-serif;width:100%}.previewRun-Container-dialog-tbl .MuiTableHead-root{background:linear-gradient(135deg,#f8fafc,#e2e8f0);flex-shrink:0;position:sticky;top:0;z-index:5}.previewRun-Container-dialog-tbl .MuiTableHead-root .MuiTableCell-root{background:#0000;border-bottom:2px solid #e5e7eb99;color:#374151;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-transform:uppercase}.previewRun-Container-dialog-tbl .MuiTableBody-root .MuiTableCell-root{background:#fffc;border-bottom:1px solid #e5e7eb4d;color:#374151;font-family:Varela Round,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s ease;vertical-align:middle}.previewRun-Container-dialog-tbl .MuiTableRow-root:hover .MuiTableCell-root{background:#2e615505;transform:translateY(-1px)}.recipients-table-body{max-height:none;min-height:200px;overflow-x:hidden;overflow-y:auto!important}.recipients-table-body::-webkit-scrollbar{width:6px}.recipients-table-body::-webkit-scrollbar-track{background:#e5e7eb4d;border-radius:3px}.recipients-table-body::-webkit-scrollbar-thumb{background:#2e615566;border-radius:3px}.recipients-table-body::-webkit-scrollbar-thumb:hover{background:#2e615599}.previewRun-Container-deleteButton{background:#ffffffe6;border:1px solid #ef444433;border-radius:8px;color:#ef4444;transition:all .3s ease}.previewRun-Container-deleteButton:hover{background:#ef4444;box-shadow:0 4px 8px #ef44444d;color:#fff;transform:translateY(-1px)}.template-preview-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 8px 16px #0000001a;display:flex;flex:1 1;flex-direction:column;gap:20px;max-height:600px;min-width:400px;overflow:hidden;padding:24px}.message-preview-header{flex-shrink:0}.message-preview-content{background:#f8fafccc;border:1px solid #e5e7eb4d;border-radius:12px;flex:1 1;overflow-x:hidden;overflow-y:auto}.message-preview-content::-webkit-scrollbar{width:8px}.message-preview-content::-webkit-scrollbar-track{background:#e5e7eb4d;border-radius:4px}.message-preview-content::-webkit-scrollbar-thumb{background:#2e615566;border-radius:4px}.message-preview-content::-webkit-scrollbar-thumb:hover{background:#2e615599}.message-preview-container{min-height:100%;padding:20px}.message-preview-container h3{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafcf2;color:#2e6155;font-family:Varela Round,sans-serif;font-size:18px;font-weight:600;margin:0 0 16px;padding:8px 0;position:sticky;top:0;z-index:5}.message-preview-container p{word-wrap:break-word;background:#fff;border:1px solid #e5e7eb4d;border-radius:8px;color:#374151;font-family:Varela Round,sans-serif;font-size:14px;line-height:1.6;margin:0;overflow-wrap:break-word;padding:16px;white-space:pre-wrap}.template-preview-wrapper{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:4px}.template-preview-wrapper::-webkit-scrollbar{width:8px}.template-preview-wrapper::-webkit-scrollbar-track{background:#e5e7eb4d;border-radius:4px}.template-preview-wrapper::-webkit-scrollbar-thumb{background:#2e615566;border-radius:4px}.template-preview-wrapper::-webkit-scrollbar-thumb:hover{background:#2e615599}.message-preview-stats{background:#f8fafccc;border:1px solid #e5e7eb4d;border-radius:8px;display:flex;flex-shrink:0;gap:16px;margin-bottom:16px;padding:12px 16px}.message-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.message-stat-number{color:#2e6155;font-size:16px;font-weight:600;line-height:1}.message-stat-label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.previewRun-Container-dialog .MuiFormControlLabel-root{margin-bottom:16px}.previewRun-Container-dialog .MuiFormControlLabel-root .MuiCheckbox-root,.previewRun-Container-dialog .MuiFormControlLabel-root .MuiCheckbox-root.Mui-checked{color:#2e6155}.previewRun-Container-dialog .MuiFormControlLabel-root .MuiFormControlLabel-label{color:#374151;font-family:Varela Round,sans-serif;font-weight:500}.previewRun-Container-dialog .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked{color:#2e6155}.previewRun-Container-dialog .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#2e6155}.previewRun-Container-dialog .MuiDialogActions-root{background:#f8fafc80;border-top:1px solid #e5e7eb4d;gap:16px;padding:24px 32px}.previewRun-Container-dialog .MuiDialogActions-root .MuiButton-root{border-radius:12px;font-family:Varela Round,sans-serif;font-weight:600;min-width:120px;padding:12px 24px;text-transform:none;transition:all .3s ease}.previewRun-Container-dialog .MuiDialogActions-root .MuiButton-text{background:#f9fafbcc;border:1px solid #9ca3af66;color:#9ca3af}.previewRun-Container-dialog .MuiDialogActions-root .MuiButton-text:hover{background:#f9fafb;border-color:#9ca3af;color:#6b7280}.previewRun-Container-dialog .MuiDialogActions-root .MuiButton-root:first-child{background:#f9fafbcc!important;border:1px solid #9ca3af66!important;box-shadow:none!important;color:#9ca3af!important}.previewRun-Container-dialog .MuiDialogActions-root .MuiButton-root:first-child:hover{background:#f9fafb!important;border-color:#9ca3af!important;box-shadow:none!important;color:#6b7280!important;transform:none!important}.previewRun-Container-dialog .MuiDialogActions-root .MuiButton-colorPrimary{background:linear-gradient(135deg,#2e6155,#1e3a32);box-shadow:0 4px 8px #2e61554d;color:#fff}.previewRun-Container-dialog .MuiDialogActions-root .MuiButton-colorPrimary:hover:not(:disabled){box-shadow:0 8px 16px #2e615566;transform:translateY(-2px)}.previewRun-Container-dialog .MuiDialogActions-root .MuiButton-colorPrimary:disabled{background:#d1d5db;box-shadow:none;color:#9ca3af}.recipients-empty-state{color:#6b7280;font-family:Varela Round,sans-serif;padding:40px 20px}@media (max-width:1024px){.previewRun-Container-dialog .MuiDialog-paper{margin:16px;max-width:98vw}.previewRun-Container-dialog-title{font-size:24px;padding:20px 24px}.previewRun-ContentContainer{min-height:500px;padding:24px}.previewRun-RecipientTabl,.template-preview-container{min-width:300px}.previewRun-bulk-size-toggle{margin-bottom:16px;position:relative;right:auto;top:auto}}@media (max-width:768px){.previewRun-Container-dialog .MuiDialog-paper{border-radius:0;margin:0;max-height:100vh;max-width:100vw}.previewRun-Container-dialog-title{font-size:20px;padding:16px 20px}.previewRun-ContentContainer{flex-direction:column;gap:16px;max-height:none;min-height:auto;padding:16px}.previewRun-RecipientTabl,.template-preview-container{max-height:400px;min-width:auto;width:100%}.template-preview-container{max-height:350px}.message-preview-content,.template-preview-wrapper{max-height:250px}.message-preview-stats{gap:12px}.message-preview-stats,.recipient-stats{flex-wrap:wrap;justify-content:center}.bulk-size-controls{align-items:stretch;flex-direction:column;gap:8px}.bulk-size-controls .MuiGrid-container{margin:0;width:100%}.recipients-table-body{max-height:300px}.previewRun-Container-dialog .MuiDialogActions-root{flex-direction:column;padding:16px 20px}.previewRun-Container-dialog .MuiDialogActions-root .MuiButton-root{width:100%}}@media (max-width:480px){.previewRun-Container-dialog-title{font-size:18px;padding:14px 16px}.previewRun-ContentContainer{padding:12px}.previewRun-RecipientTabl .MuiDialogContent-root,.template-preview-container{padding:16px}.template-preview-container{max-height:300px}.message-preview-content,.template-preview-wrapper{max-height:200px}.message-preview-stats{gap:8px;padding:8px 12px}.message-stat-number{font-size:14px}.message-stat-label{font-size:10px}.recipient-stats{padding:12px}.recipient-stat-number{font-size:20px}.recipients-table-body{max-height:250px}.previewRun-Container-dialog .MuiDialogActions-root{padding:12px 16px}}.campaignResult-container-dialog{font-family:Varela Round,sans-serif}.campaignResult-container-dialog .MuiDialog-paper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #00000026;margin:32px;max-height:90vh;max-width:95vw}.campaignResult-container-dialog-title{background:linear-gradient(135deg,#2e6155,#1e3a32);color:#fff;font-family:Varela Round,sans-serif;font-size:28px;font-weight:700;margin:0;overflow:hidden;padding:24px 32px;position:relative;text-align:center}.campaignResult-container-dialog-title:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.campaignResult-container-dialog-content{background:#f8fafc4d;overflow:auto;padding:32px}.campaignResult-container-dialog-tbl{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e5e7eb4d;border-collapse:initial;border-radius:16px;border-spacing:0;box-shadow:0 8px 16px #0000001a;overflow:hidden;width:100%}.campaignResult-container-dialog-tbl .MuiTableHead-root{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.campaignResult-container-dialog-tbl .MuiTableHead-root .MuiTableCell-root{background:#0000;border-bottom:2px solid #e5e7eb99;color:#374151;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:20px 16px;text-align:center;text-transform:uppercase}.campaignResult-container-dialog-tbl .MuiTableBody-root .MuiTableCell-root{background:#fffc;border-bottom:1px solid #e5e7eb4d;color:#374151;font-family:Varela Round,sans-serif;font-size:14px;padding:16px;text-align:center;transition:all .2s ease;vertical-align:middle}.campaignResult-container-dialog-tbl .MuiTableRow-root:hover .MuiTableCell-root{background:#2e615505;transform:translateY(-1px)}.campaignResult-StatusIcon{align-items:center;background:#f8fafc80;border-radius:8px;display:inline-flex;gap:2px;justify-content:center;padding:4px 8px}.percentage-cell{align-items:center;display:flex;flex-direction:column;gap:8px;padding:8px}.percentage-number{color:#2e6155;font-size:18px;font-weight:600;line-height:1}.percentage-bar{background:#e5e7eb4d;height:6px;overflow:hidden;width:100%}.percentage-bar,.percentage-fill{border-radius:3px;position:relative}.percentage-fill{height:100%;transition:width .3s ease}.percentage-fill.sent{background:linear-gradient(90deg,#6b7280,#9ca3af)}.percentage-fill.delivered{background:linear-gradient(90deg,#10b981,#34d399)}.percentage-fill.read{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.percentage-fill.failed{background:linear-gradient(90deg,#ef4444,#f87171)}.percentage-text{color:#6b7280;font-size:11px;font-weight:500;margin-top:4px}.recipientStatus{align-items:center;background:#f8fafccc;border-radius:8px;display:flex;gap:8px;justify-content:center;padding:6px 12px}.recipientStatusLabel{color:#374151;font-size:13px;font-weight:500;text-transform:capitalize}.campaignResult-container-dialog .MuiButton-outlined{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #2e615599;border-radius:12px;color:#2e6155;font-family:Varela Round,sans-serif;font-weight:600;padding:8px 16px;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.campaignResult-container-dialog .MuiButton-outlined:hover{background:#2e6155;border-color:#2e6155;box-shadow:0 8px 16px #2e61554d;color:#fff;transform:translateY(-2px)}.campaignResult-container-dialog .MuiDialogActions-root{background:#f8fafc80;border-top:1px solid #e5e7eb4d;padding:24px 32px}.campaignResult-container-dialog .MuiDialogActions-root .MuiButton-root{background:linear-gradient(135deg,#2e6155,#1e3a32);border-radius:12px;box-shadow:0 4px 8px #2e61554d;color:#fff;font-family:Varela Round,sans-serif;font-weight:600;padding:12px 24px;text-transform:none;transition:all .3s ease}.campaignResult-container-dialog .MuiDialogActions-root .MuiButton-root:hover{box-shadow:0 8px 16px #2e615566;transform:translateY(-2px)}.button-click-stats{align-items:center;display:flex;flex-direction:column;gap:4px}.button-stat-item{align-items:center;background:#f8fafccc;border-radius:6px;color:#374151;display:flex;font-size:12px;gap:8px;padding:4px 8px}.button-stat-label{font-weight:500}.button-stat-count{color:#2e6155;font-weight:600}.recipient-list-dialog .MuiDialog-paper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #00000026;margin:32px;max-height:90vh;max-width:95vw;overflow:hidden}.recipient-list-dialog .MuiDialogTitle-root{background:linear-gradient(135deg,#2e6155,#1e3a32);color:#fff;font-family:Varela Round,sans-serif;font-size:28px;font-weight:700;margin:0;overflow:hidden;padding:24px 32px;position:relative;text-align:center}.recipient-list-dialog .MuiDialogTitle-root:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.recipient-list-dialog .MuiDialogContent-root{background:#f8fafc4d;padding:32px}.recipient-list-dialog .MuiTextField-root{margin-bottom:24px}.recipient-list-dialog .MuiTextField-root .MuiOutlinedInput-root{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:12px;font-family:Varela Round,sans-serif}.recipient-list-dialog .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#2e6155}.recipient-list-dialog .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#2e6155;border-width:2px}.recipient-list-dialog .MuiInputLabel-root.Mui-focused{color:#2e6155}.recipient-list-dialog .MuiTable-root{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 8px 16px #0000001a;margin-top:16px;overflow:hidden}.recipient-list-dialog .MuiTableHead-root{background:linear-gradient(135deg,#2e6155,#1e3a32)}.recipient-list-dialog .MuiTableHead-root .MuiTableCell-root{background:#0000;border-bottom:none;color:#fff;font-family:Varela Round,sans-serif;font-size:14px;font-weight:700;letter-spacing:.8px;padding:20px 16px;text-align:center;text-transform:uppercase}.recipient-list-dialog .MuiTableBody-root .MuiTableCell-root{background:#fffc;border-bottom:1px solid #e5e7eb33;color:#374151;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;padding:16px;text-align:center;transition:all .3s ease;vertical-align:middle}.recipient-list-dialog .MuiTableRow-root:hover .MuiTableCell-root{background:#2e61550d;transform:translateY(-1px)}.recipient-list-dialog .MuiTableRow-root:last-child .MuiTableCell-root{border-bottom:none}.recipient-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-family:Varela Round,sans-serif;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.recipient-status-badge.delivered{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 2px 4px #10b9814d;color:#fff}.recipient-status-badge.sent{background:linear-gradient(135deg,#6b7280,#9ca3af);box-shadow:0 2px 4px #6b72804d;color:#fff}.recipient-status-badge.failed{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 2px 4px #ef44444d;color:#fff}.recipient-status-badge.read{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 2px 4px #3b82f64d;color:#fff}.recipient-list-dialog .MuiDialogActions-root{background:#f8fafc80;border-top:1px solid #e5e7eb4d;justify-content:center;padding:24px 32px}.recipient-list-dialog .MuiDialogActions-root .MuiButton-root{background:linear-gradient(135deg,#6b7280,#9ca3af);border-radius:12px;box-shadow:0 4px 8px #6b72804d;color:#fff;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;min-width:120px;overflow:hidden;padding:12px 32px;position:relative;text-transform:none;transition:all .3s ease}.recipient-list-dialog .MuiDialogActions-root .MuiButton-root:hover{background:linear-gradient(135deg,#4b5563,#6b7280);box-shadow:0 8px 16px #6b728066;transform:translateY(-2px)}.recipient-list-dialog .MuiDialogActions-root .MuiButton-root:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.recipient-list-dialog .MuiDialogActions-root .MuiButton-root:hover:before{left:100%}.empty-state{color:#6b7280;font-family:Varela Round,sans-serif}.empty-state-icon{color:#d1d5db;font-size:48px;margin-bottom:16px}.empty-state-text{font-size:18px;font-weight:500;margin-bottom:8px}.empty-state-subtext{color:#9ca3af;font-size:14px}@media (max-width:1024px){.campaignResult-container-dialog .MuiDialog-paper{margin:16px;max-width:98vw}.campaignResult-container-dialog-title{font-size:24px;padding:20px 24px}.campaignResult-container-dialog-content{padding:24px}.campaignResult-container-dialog-tbl .MuiTableHead-root .MuiTableCell-root{font-size:13px;padding:16px 12px}.campaignResult-container-dialog-tbl .MuiTableBody-root .MuiTableCell-root{font-size:13px;padding:12px 8px}}@media (max-width:768px){.campaignResult-container-dialog .MuiDialog-paper{border-radius:0;margin:0;max-height:100vh;max-width:100vw}.campaignResult-container-dialog-title{font-size:20px;padding:16px 20px}.campaignResult-container-dialog-content{padding:16px}.campaignResult-container-dialog-tbl .MuiTableHead-root{display:none}.campaignResult-container-dialog-tbl .MuiTableBody-root .MuiTableRow-root{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:block;margin-bottom:20px;padding:20px}.campaignResult-container-dialog-tbl .MuiTableBody-root .MuiTableCell-root{align-items:center;background:#0000;border-bottom:1px solid #e5e7eb4d;display:flex;justify-content:space-between;padding:12px 0;text-align:left}.campaignResult-container-dialog-tbl .MuiTableBody-root .MuiTableCell-root:last-child{border-bottom:none;justify-content:center;padding-top:16px}.campaignResult-container-dialog-tbl .MuiTableBody-root .MuiTableCell-root:before{color:#6b7280;content:attr(data-label);flex-shrink:0;font-size:13px;font-weight:600;letter-spacing:.5px;min-width:120px;text-transform:uppercase}.percentage-cell{flex-direction:row;gap:12px;justify-content:flex-end}.percentage-bar{width:60px}.button-click-stats{align-items:flex-end}.recipient-list-dialog .MuiDialog-paper{border-radius:0;margin:0;max-height:100vh;max-width:100vw}.recipient-list-dialog .MuiDialogContent-root{padding:20px}}@media (max-width:480px){.campaignResult-container-dialog-title{font-size:18px;padding:14px 16px}.campaignResult-container-dialog-content{padding:12px}.campaignResult-container-dialog-tbl .MuiTableBody-root .MuiTableRow-root{margin-bottom:16px;padding:16px}.campaignResult-container-dialog-tbl .MuiTableBody-root .MuiTableCell-root{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 0}.campaignResult-container-dialog-tbl .MuiTableBody-root .MuiTableCell-root:before{min-width:auto}.percentage-cell{align-items:flex-start;flex-direction:column;gap:8px;width:100%}.percentage-bar{width:100%}.campaignResult-container-dialog .MuiDialogActions-root{padding:16px 20px}.recipient-list-dialog .MuiDialogContent-root{padding:16px}}.campaign-list-container{background:linear-gradient(135deg,#2e6155,#34d399);color:#1f2937;font-family:Varela Round,sans-serif;min-height:100vh;padding:32px}.campaigns-content-card{overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.campaigns-header-section{background:linear-gradient(135deg,#2e6155,#34d399);color:#fff;overflow:hidden;padding:32px;position:relative}.campaigns-header-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.campaign-list-header{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f1f5f9);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:700;margin:0 0 8px;position:relative;z-index:1}.campaigns-subtitle{font-size:18px;font-weight:400;margin:0;opacity:.9;position:relative;z-index:1}.campaigns-search-section{background:#2e615580;border-bottom:1px solid #e5e7eb4d;padding:32px}.campaigns-search-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.campaigns-search-input{background:#ffffffe6;border:2px solid #e5e7eb99;box-shadow:0 4px 6px #0000000d;flex:1 1;min-width:300px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.campaigns-search-input:focus{border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a,0 8px 16px #0000001a;transform:translateY(-1px)}.campaigns-action-buttons{flex-wrap:wrap}.add-new-campaign-button{align-items:center;background:linear-gradient(135deg,#2e6155,#1e3a32);border:none;border-radius:16px;box-shadow:0 8px 16px #2e61554d;color:#fff;cursor:pointer;display:inline-flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:12px;overflow:hidden;padding:16px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-new-campaign-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-new-campaign-button:hover{box-shadow:0 12px 24px #2e615566;transform:translateY(-3px)}.add-new-campaign-button:hover:before{left:100%}.add-new-campaign-button:active{transform:translateY(-1px)}.campaigns-stats{background:#2e61554d;border-bottom:1px solid #e5e7eb4d;gap:24px;padding:32px}.campaigns-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2e6155,#34d399);border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 4px 6px #0000000d;flex:1 1;min-width:200px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.campaigns-stat-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.campaigns-stat-number{color:#fff;font-size:32px;font-weight:700;line-height:1;margin:0 0 8px}.campaigns-stat-label{color:#ffffffe6;font-size:14px;font-weight:500;margin:0}.campaign-list-table-container{background:#ffffffe6;border:none;border-radius:0;margin:0;max-height:none;overflow:visible}.campaign-list-table{background:#0000;border-collapse:initial;border-spacing:0}.campaign-list-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 24px;position:sticky;top:0;z-index:10}.campaign-list-table th:first-child{border-top-left-radius:0}.campaign-list-table th:last-child{border-top-right-radius:0}.campaign-list-table td{background:#fffc;border-bottom:1px solid #e5e7eb4d;padding:20px 24px;transition:all .2s ease}.campaign-list-table tbody tr:hover{background:#2e615505;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.campaign-list-table tbody tr:hover td{background:#2e615505}.campaign-list-table td[data-label=Actions]{white-space:nowrap}.campaign-delete-button,.campaign-edit-button,.campaign-play-button,.campaign-result-button{align-items:center;background:#ffffffe6;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:inline-flex;height:40px;justify-content:center;margin:0 4px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.campaign-edit-button{border:1px solid #3b82f633;color:#3b82f6}.campaign-edit-button:hover{background:#3b82f6;box-shadow:0 8px 16px #3b82f64d;color:#fff;transform:translateY(-2px)}.campaign-delete-button{border:1px solid #ef444433}.campaign-delete-button:hover{background:#ef4444;box-shadow:0 8px 16px #ef44444d;color:#fff;transform:translateY(-2px)}.campaign-play-button{border:1px solid #8b5cf633;color:#8b5cf6}.campaign-play-button:hover{background:#8b5cf6;box-shadow:0 8px 16px #8b5cf64d;color:#fff;transform:translateY(-2px)}.campaign-result-button{border:1px solid #10b98133;color:#10b981}.campaign-result-button:hover{background:#10b981;box-shadow:0 8px 16px #10b9814d;color:#fff;transform:translateY(-2px)}.campaign-scheduled-button{color:#f59e0b;cursor:pointer;font-size:20px;margin:0 4px;transition:all .3s ease}.campaign-scheduled-button:hover{color:#d97706;transform:scale(1.1)}.scheduled-campaigns-popup{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.scheduled-campaigns-popup-inner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 40px #0003;max-height:80vh;max-width:500px;overflow-y:auto;padding:32px;width:90%}.scheduled-campaigns-popup-inner h3{color:#2e6155;font-family:Varela Round,sans-serif;font-size:24px;font-weight:700;margin:0 0 24px}.scheduled-campaigns-popup-inner ul{list-style:none;margin:0 0 24px;padding:0}.scheduled-campaigns-popup-inner li{background:#2e6155cc;border:1px solid #e5e7eb4d;border-radius:12px;color:#374151;font-family:Varela Round,sans-serif;margin-bottom:12px;padding:16px}.scheduled-campaigns-popup-inner button{background:linear-gradient(135deg,#2e6155,#1e3a32);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.scheduled-campaigns-popup-inner button:hover{box-shadow:0 8px 16px #2e61554d;transform:translateY(-2px)}.campaigns-loading{align-items:center;color:#6b7280;display:flex;font-family:Varela Round,sans-serif;font-size:18px;justify-content:center;padding:80px}@media (max-width:1024px){.campaign-list-container,.campaigns-header-section{padding:24px}.campaign-list-header{font-size:36px}.campaigns-search-section,.campaigns-stats{padding:24px}}@media (max-width:768px){.campaign-list-container{padding:16px}.campaigns-header-section{padding:20px;text-align:center}.campaign-list-header{font-size:32px}.campaigns-subtitle{font-size:16px}.campaigns-search-section{padding:20px}.campaigns-search-container{align-items:stretch;flex-direction:column}.campaigns-search-input{min-width:auto;width:100%}.campaigns-action-buttons{justify-content:center;margin-top:16px}.campaigns-stats{flex-direction:column;gap:16px;padding:20px}.campaigns-stat-card{min-width:auto;text-align:center}.campaign-list-table thead{display:none}.campaign-list-table tbody tr{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:block;margin-bottom:20px;padding:20px}.campaign-list-table tbody td{align-items:center;background:#0000;border-bottom:1px solid #e5e7eb4d;display:flex;justify-content:space-between;padding:12px 0}.campaign-list-table tbody td:last-child{border-bottom:none;flex-wrap:wrap;gap:8px;justify-content:center;padding-top:16px}.campaign-list-table tbody td:before{color:#6b7280;content:attr(data-label);font-size:13px;font-weight:600;letter-spacing:.5px;min-width:120px;text-transform:uppercase}.campaign-list-table tbody td[data-label=Actions]:before{display:none}.campaign-delete-button,.campaign-edit-button,.campaign-play-button,.campaign-result-button{font-size:16px;height:36px;margin:2px;width:36px}}@media (max-width:480px){.campaign-list-header{font-size:28px}.campaigns-subtitle{font-size:14px}.campaigns-search-input{font-size:15px;padding:14px 16px}.add-new-campaign-button{font-size:15px;padding:14px 20px}.campaigns-stat-number{font-size:28px}.scheduled-campaigns-popup-inner{margin:20px;padding:24px}}.campaign-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1f2937;font-family:Varela Round,sans-serif;min-height:100vh;padding:32px}.campaign-form-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1200px;overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.campaign-form-header{align-items:center;background:linear-gradient(135deg,#2e6155,#1e3a32);color:#fff;display:flex;gap:20px;overflow:hidden;padding:32px;position:relative}.campaign-form-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.IconButtonCampaign{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:12px;position:relative;transition:all .3s ease;z-index:1}.IconButtonCampaign:hover{background:#fff3;box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.campaign-form-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f1f5f9);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:36px;font-weight:700;margin:0;position:relative;text-align:center;z-index:1}.campaign-form{box-sizing:border-box;overflow:visible;padding:40px;position:relative;width:100%}.campaign-form-section{background:#f8fafc80;border:1px solid #e5e7eb4d;border-radius:16px;margin-bottom:24px;overflow:visible;padding:32px;position:relative;transition:all .3s ease}.campaign-form-section:hover{background:#f8fafccc;box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.campaign-form-section-title{align-items:center;color:#2e6155;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0 0 24px}.campaign-form-section-title:before{background:linear-gradient(135deg,#2e6155,#1e3a32);border-radius:2px;content:"";height:24px;width:4px}.campaign-form-row{margin-bottom:24px}.campaign-form-row:last-child{margin-bottom:0}.campaign-form-label{color:#374151;display:block;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;margin-bottom:8px}.campaign-form-input,.campaign-form-select,.campaign-form-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e5e7eb99;border-radius:12px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;color:#374151;font-family:Varela Round,sans-serif;font-size:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.campaign-form-input:focus,.campaign-form-select:focus,.campaign-form-textarea:focus{border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a,0 4px 8px #0000001a;outline:none;transform:translateY(-1px)}.campaign-form-input::placeholder,.campaign-form-textarea::placeholder{color:#9ca3af;font-weight:400}.campaign-form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:48px}.campaign-form-textarea{line-height:1.6;min-height:120px;resize:vertical}.campaign-form-submit{align-items:center;background:linear-gradient(135deg,#2e6155,#1e3a32);border:none;border-radius:16px;box-shadow:0 8px 16px #2e61554d;color:#fff;cursor:pointer;display:inline-flex;display:flex;font-family:Varela Round,sans-serif;font-size:18px;font-weight:600;gap:12px;justify-content:center;margin:32px auto 0;overflow:hidden;padding:18px 32px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.campaign-form-submit:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.campaign-form-submit:hover{box-shadow:0 12px 24px #2e615566;transform:translateY(-3px)}.campaign-form-submit:hover:before{left:100%}.campaign-form-submit:active{transform:translateY(-1px)}.campaign-form-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.campaign-form-submit:disabled:hover{box-shadow:0 8px 16px #2e61554d;transform:none}.campaign-form-section .ContactFilter,.campaign-form-section .Scheduled,.campaign-form-section .TemplatesHandler{background:#0000;border:none;margin:0;padding:0}.templatesHandler-container-tbl{background:#ffffff80;border:1px solid #e5e7eb4d;border-radius:12px;margin-top:16px;overflow-x:auto}.templatesHandler-tbl{border-collapse:initial;border-spacing:0;width:100%}.templatesHandler-tbl td,.templatesHandler-tbl th{border-bottom:1px solid #e5e7eb4d;padding:12px 16px;text-align:left}.templatesHandler-tbl th{background:#f8fafccc;color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.templatesHandler-tbl th:first-child{border-top-left-radius:12px}.templatesHandler-tbl th:last-child{border-top-right-radius:12px}.campaign-form-conditional{animation:slideIn .3s ease-out;transform-origin:top}.campaign-form-success{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-weight:600;margin-bottom:24px;padding:16px 24px;text-align:center}.campaign-form-loading{opacity:.6;pointer-events:none}@media (max-width:1024px){.campaign-container,.campaign-form-header{padding:24px}.campaign-form-header h2{font-size:32px}.campaign-form{padding:32px}.campaign-form-section{padding:24px}}@media (max-width:768px){.campaign-container{padding:16px}.campaign-form-header{flex-direction:column;gap:16px;padding:20px;text-align:center}.campaign-form-header h2{font-size:28px;text-align:center}.IconButtonCampaign{align-self:flex-start;left:20px;position:absolute;top:20px}.campaign-form{padding:24px}.campaign-form-section{margin-bottom:20px;padding:20px}.campaign-form-section-title{font-size:18px}.campaign-form-input,.campaign-form-select,.campaign-form-textarea{font-size:15px;padding:14px 16px}.campaign-form-submit{font-size:16px;justify-content:center;padding:16px 28px;width:100%}.templatesHandler-container-tbl{font-size:14px}.templatesHandler-tbl td,.templatesHandler-tbl th{padding:10px 12px}}@media (max-width:480px){.campaign-form-header h2{font-size:24px}.campaign-form-section-title{align-items:flex-start;flex-direction:column;font-size:16px;gap:8px}.campaign-form-section-title:before{height:3px;width:100%}.campaign-form-input,.campaign-form-select,.campaign-form-textarea{font-size:14px;padding:12px 14px}.campaign-form-submit{font-size:15px;padding:14px 24px}.templatesHandler-container-tbl{font-size:13px}.templatesHandler-tbl td,.templatesHandler-tbl th{padding:8px 10px}}.fb-login-button{align-items:center;background:linear-gradient(135deg,#1877f2,#166fe5);border:none;border-radius:12px;box-shadow:0 4px 15px #1877f24d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;min-height:56px;overflow:hidden;padding:16px 24px;position:relative;text-align:center;transition:all .3s ease;width:100%}.fb-login-button:hover{background:linear-gradient(135deg,#166fe5,#1565d8);box-shadow:0 6px 20px #1877f266;transform:translateY(-2px)}.fb-login-button:active{box-shadow:0 2px 8px #1877f24d;transform:translateY(0)}.fb-login-button:focus{box-shadow:0 4px 15px #1877f24d,0 0 0 3px #1877f233;outline:none}.fb-login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.fb-login-button.loading{pointer-events:none}.fb-login-button .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.fb-login-button .fb-icon{font-size:18px}@media (max-width:480px){.fb-login-button{font-size:14px;min-height:50px;padding:14px 20px}}.phone-numbers-list-container{animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffffffa,#f8fafcf2);border:1px solid #cbd5e166;border-radius:24px;box-shadow:0 16px 40px #0000000f,0 8px 20px #0000000a,inset 0 1px 0 #ffffffe6;font-family:Varela Round,sans-serif;overflow:hidden;padding:40px;position:relative;text-align:center}.phone-numbers-list-container:before{background:linear-gradient(90deg,#2e6155,#3a7966 50%,#2e6155);border-radius:24px 24px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.phone-numbers-list-header{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#374151);background-clip:text;-webkit-background-clip:text;font-size:clamp(24px,3vw,28px);font-weight:800;letter-spacing:-.5px;line-height:1.3;margin:0 0 32px;position:relative}.phone-numbers-list-country-select{margin:0 auto 32px;max-width:400px}.phone-numbers-list-country-select label{color:#374151;display:block;font-size:16px;font-weight:600;margin-bottom:12px;text-align:center}#countryCode-select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23374151" d="M6 8L0 2h12z"/></svg>');background-position:right 16px center;background-repeat:no-repeat;background-size:12px;border:2px solid #cbd5e199;border-radius:16px;box-shadow:0 4px 12px #00000008,inset 0 1px 0 #fffc;color:#374151;cursor:pointer;font-family:Varela Round,sans-serif;font-size:16px;font-weight:500;height:56px;padding:0 20px;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}#countryCode-select:focus{background:#fff;border-color:#2e6155;box-shadow:0 0 0 4px #2e615514,0 8px 25px #2e61551a,inset 0 1px 0 #fff;outline:none;transform:translateY(-2px)}#countryCode-select:hover{background:#fff;border-color:#2e61554d}.phone-numbers-list-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#374151);background-clip:text;-webkit-background-clip:text;font-size:22px;font-weight:700;margin:0 0 24px;position:relative;text-align:center}.phone-numbers-list-title:after{background:linear-gradient(90deg,#2e6155,#3a7966);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.phone-numbers-list-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:2px solid #2e615526;border-radius:20px;box-shadow:0 12px 35px #00000014,0 4px 12px #0000000a;box-sizing:border-box;margin-top:24px;max-height:500px;max-width:100%;overflow-x:hidden;overflow-y:auto;position:relative}.phone-numbers-list-table{border-collapse:initial;border-spacing:0;table-layout:auto;width:100%}.phone-numbers-list-table th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2e6155,#3a7966);border-bottom:3px solid #2e61554d;box-shadow:0 2px 8px #0000001a;color:#fff;font-size:13px;font-weight:700;letter-spacing:.8px;padding:18px 16px;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:10}.phone-numbers-list-table th:first-child{border-radius:20px 0 0 0}.phone-numbers-list-table th:last-child{border-radius:0 20px 0 0}.phone-numbers-list-table td:first-child,.phone-numbers-list-table th:first-child{min-width:180px;width:50%}.phone-numbers-list-table td:nth-child(2),.phone-numbers-list-table th:nth-child(2){min-width:100px;width:25%}.phone-numbers-list-table td:nth-child(3),.phone-numbers-list-table th:nth-child(3){min-width:120px;width:25%}.phone-numbers-list-table td{background:#fff;border-bottom:1px solid #e2e8f099;color:#1e293b!important;font-size:15px;padding:18px 16px;position:relative;text-align:center;transition:all .3s ease;vertical-align:middle;z-index:1}.phone-numbers-list-table tr{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.phone-numbers-list-table tbody tr:hover{background:linear-gradient(90deg,#2e61550a,#2e615505);box-shadow:0 4px 12px #2e615514;cursor:pointer}.phone-numbers-list-table tbody tr:hover td{border-color:#2e615526;color:#1e293b}.phone-numbers-list-table-container-phonenumber-value{color:#1e293b!important;direction:ltr!important;font-family:Monaco,Menlo,monospace!important;font-weight:700!important;text-align:left!important}.phone-numbers-list-table-container-phonenumber-value div{color:#1e293b!important;font-weight:700!important}.phone-numbers-list-table-container-phonenumber-value>div{color:#1e293b!important}.phone-numbers-list-table-container-phonenumber-value>div>div:first-child{color:#1e293b!important;font-size:16px!important;font-weight:700!important}.phone-numbers-list-table-container-phonenumber-value *{color:#1e293b!important}td.phone-numbers-list-table-container-phonenumber-value{color:#1e293b!important;position:relative!important;z-index:10!important}td.phone-numbers-list-table-container-phonenumber-value div{color:#1e293b!important;position:relative;z-index:10}.district{color:#64748b!important;font-family:Varela Round,sans-serif;font-size:12px;font-weight:400;margin-top:4px}.phone-numbers-list-buy-button{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border:none;border-radius:10px;box-shadow:0 4px 12px #2e61554d,0 2px 6px #2e615533;color:#fff;cursor:pointer;display:inline-flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.5px;min-width:90px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.phone-numbers-list-buy-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.phone-numbers-list-buy-button:hover:before{left:100%}.phone-numbers-list-buy-button:hover{background:linear-gradient(135deg,#1f4e43,#2d5a4f);box-shadow:0 12px 30px #2e615559,0 6px 15px #2e615533;transform:translateY(-3px)}.phone-numbers-list-buy-button:active{transform:translateY(-1px)}.phone-numbers-list-buy-button:disabled{background:linear-gradient(135deg,#94a3b8,#9ca3af);box-shadow:0 4px 12px #94a3b833;color:#e2e8f0;cursor:not-allowed;transform:none}.phone-numbers-list-buy-button:disabled:before{display:none}.phone-numbers-selected{background:linear-gradient(90deg,#22c55e0d,#10b98108)!important}.phone-numbers-selected td{border-color:#22c55e33!important;color:#059669!important;font-weight:600}.phone-numbers-list-selected{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:2px solid #22c55e33;border-radius:16px;box-shadow:0 8px 25px #22c55e26;color:#059669;font-size:16px;font-weight:600;margin-top:24px;padding:20px}.phone-numbers-list-table-container::-webkit-scrollbar{width:8px}.phone-numbers-list-table-container::-webkit-scrollbar-track{background:#f8fafccc;border-radius:10px;margin:5px 0}.phone-numbers-list-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2e6155,#3a7966);border:2px solid #f8fafccc;border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.phone-numbers-list-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3a7966,#2e6155);border:2px solid #f8fafc80}.phone-number-container{align-items:center;background:#2e61550d;border:1px solid #2e61551a;border-radius:8px;display:flex;justify-content:center;margin-top:12px;padding:8px 12px;text-align:center}.phone-wrapper{align-items:center;direction:ltr;display:flex;font-family:Monaco,Menlo,monospace;gap:8px}.phone-prefix{color:#2e6155;font-weight:700;white-space:nowrap}.phone-space{color:#94a3b8}.phone-number{color:#1e293b;direction:ltr;font-weight:600}.swal2-popup.rtl-popup{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffffffa!important;border-radius:20px!important;box-shadow:0 20px 60px #00000026!important;font-family:Varela Round,sans-serif!important}.swal2-content{align-items:center;display:flex;flex-direction:column;font-size:16px!important;line-height:1.6!important}.swal2-confirm{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:none!important;border-radius:12px!important;box-shadow:0 6px 20px #22c55e40!important;color:#fff!important;font-family:Varela Round,sans-serif!important;font-size:16px!important;font-weight:700!important;padding:12px 24px!important;transition:all .3s ease!important}.swal2-confirm:hover{box-shadow:0 12px 30px #22c55e59!important;transform:translateY(-2px)!important}.swal2-cancel{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;border-radius:12px!important;box-shadow:0 6px 20px #ef444440!important;color:#fff!important;font-family:Varela Round,sans-serif!important;font-size:16px!important;font-weight:700!important;padding:12px 24px!important;transition:all .3s ease!important}.swal2-cancel:hover{box-shadow:0 12px 30px #ef444459!important;transform:translateY(-2px)!important}.phone-numbers-loading{align-items:center;background:linear-gradient(135deg,#2e615505,#f8fafc80);border:1px dashed #2e615533;border-radius:16px;color:#64748b;display:flex;font-size:16px;justify-content:center;margin-top:24px;padding:40px}.loading-spinner{border:3px solid #2e61551a;border-top-color:#2e6155;height:24px;margin-right:12px;width:24px}.phone-numbers-empty{background:#f8fafc80;border:2px dashed #cbd5e180;border-radius:16px;color:#64748b;font-size:16px;margin-top:24px;padding:40px;text-align:center}.empty-icon{color:#cbd5e1;font-size:48px}.phone-numbers-price-info-mobile{display:none}@media (max-width:768px){.phone-numbers-list-container{border-radius:20px;box-sizing:border-box;max-width:100%;padding:24px 16px}.phone-numbers-list-header{font-size:20px;margin-bottom:12px}.phone-numbers-price-info-mobile{background:linear-gradient(135deg,#2e61551a,#3a79661a);border:1px solid #2e615533;border-radius:8px;color:#2e6155;display:block;font-size:14px;font-weight:600;margin-bottom:20px;padding:10px 16px;text-align:center}.phone-numbers-list-country-select{margin-bottom:24px;max-width:none}#countryCode-select{font-size:15px;height:52px;padding:0 16px}.phone-numbers-list-table-container{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff!important;border:2px solid #2e615533!important;border-radius:12px;box-shadow:0 6px 18px #0000001a!important;box-sizing:border-box;max-height:400px;max-width:100%;overflow-x:auto;overflow-y:auto;position:relative}.phone-numbers-list-table{border-collapse:initial;border-spacing:0;min-width:100%;table-layout:auto;width:max-content}.phone-numbers-list-table td:first-child,.phone-numbers-list-table th:first-child{min-width:180px;padding:12px 16px;text-align:center;white-space:nowrap;width:auto}.phone-numbers-list-table td:nth-child(2),.phone-numbers-list-table th:nth-child(2){display:none}.phone-numbers-list-table td:nth-child(3),.phone-numbers-list-table th:nth-child(3){min-width:100px;padding:12px 16px;text-align:center;white-space:nowrap;width:auto}.phone-numbers-list-table th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2e6155,#3a7966)!important;border-bottom:none!important;box-shadow:0 2px 6px #0000001a;color:#fff!important;font-size:11px;font-weight:700;letter-spacing:.3px;padding:14px 8px!important;position:sticky;text-transform:uppercase;top:0;z-index:15}.phone-numbers-list-table td{background:#fff!important;border-bottom:1px solid #e2e8f080!important;color:#1e293b!important;font-size:14px;padding:16px 8px!important;vertical-align:middle}.phone-numbers-list-table tr{background:#fff!important;transition:all .3s ease}.phone-numbers-list-table tbody tr:hover{background:#2e615508!important}.phone-numbers-list-table th:first-child{border-radius:16px 0 0 0}.phone-numbers-list-table th:last-child{border-radius:0 16px 0 0}.phone-numbers-list-buy-button{background:linear-gradient(135deg,#2e6155,#3a7966)!important;border:none!important;border-radius:7px!important;box-shadow:0 2px 8px #2e61554d!important;color:#fff!important;font-size:11px!important;font-weight:700;letter-spacing:.3px;min-width:55px!important;padding:8px 12px!important;transition:all .3s ease!important;white-space:nowrap;width:auto}.phone-numbers-list-buy-button:hover{background:linear-gradient(135deg,#3a7966,#2e6155)!important;box-shadow:0 6px 16px #2e615559!important;transform:translateY(-2px)!important}.phone-numbers-list-table-container-phonenumber-value{font-size:13px!important;font-weight:700!important;line-height:1.3}.phone-numbers-list-table-container-phonenumber-value,.phone-numbers-list-table-container-phonenumber-value div{color:#1e293b!important;text-align:center!important;white-space:nowrap!important}.phone-numbers-list-table-container-phonenumber-value div:first-child{color:#1e293b!important;font-size:13px!important;line-height:1.2;margin-bottom:3px;white-space:nowrap!important}.district{color:#64748b!important;font-size:9px!important;font-weight:500!important;line-height:1.2;margin-top:3px!important;text-align:center!important;white-space:nowrap!important}.phone-numbers-list-table tbody tr{height:auto;min-height:70px}}@media (max-width:480px){.phone-numbers-list-container{border-radius:16px;box-sizing:border-box;max-width:100%;padding:20px 12px}.phone-numbers-list-header{font-size:18px;margin-bottom:20px}.phone-numbers-list-title{font-size:16px;margin-bottom:16px}#countryCode-select{font-size:14px;height:50px;padding:0 14px}.phone-numbers-list-table-container{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff!important;border:2px solid #2e615526!important;border-radius:14px;box-shadow:0 6px 18px #00000014!important;max-height:420px;overflow-x:auto;overflow-y:auto;position:relative}.phone-numbers-list-table{border-collapse:initial;border-spacing:0;min-width:100%;table-layout:auto;width:max-content}.phone-numbers-list-table td:first-child,.phone-numbers-list-table th:first-child{min-width:160px;padding:12px;text-align:center;white-space:nowrap;width:auto}.phone-numbers-list-table td:nth-child(2),.phone-numbers-list-table th:nth-child(2){display:none}.phone-numbers-list-table td:nth-child(3),.phone-numbers-list-table th:nth-child(3){min-width:90px;padding:12px;text-align:center;white-space:nowrap;width:auto}.phone-numbers-list-table th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff!important;border-bottom:2px solid #2e615533!important;color:#1e293b;font-size:11px;font-weight:700;letter-spacing:.4px;padding:14px 6px!important;position:sticky;text-transform:uppercase;top:0;z-index:15}.phone-numbers-list-table td{background:#fff!important;border-bottom:1px solid #cbd5e133!important;color:#374151;font-size:12px;padding:16px 6px!important;vertical-align:middle}.phone-numbers-list-table tr{background:#fff!important;transition:all .3s ease}.phone-numbers-list-table tbody tr:hover{background:#2e615508!important}.phone-numbers-list-table th:first-child{border-radius:14px 0 0 0}.phone-numbers-list-table th:last-child{border-radius:0 14px 0 0}.phone-numbers-list-buy-button{background:linear-gradient(135deg,#2e6155,#3a7966)!important;border:none!important;border-radius:9px!important;box-shadow:0 3px 10px #2e61554d!important;color:#fff!important;font-size:10px!important;font-weight:700;letter-spacing:.3px;max-width:135px;min-width:88px!important;padding:9px 12px!important;transition:all .3s ease!important;white-space:nowrap;width:100%}.phone-numbers-list-buy-button:hover{background:linear-gradient(135deg,#3a7966,#2e6155)!important;box-shadow:0 5px 14px #2e615566!important;transform:translateY(-2px)!important}.phone-numbers-list-table-container-phonenumber-value{color:#1e293b!important;font-size:13px!important;font-weight:700!important;line-height:1.4;text-align:left}.phone-numbers-list-table-container-phonenumber-value div{color:#1e293b!important}.phone-numbers-list-table-container-phonenumber-value div:first-child{color:#1e293b!important;font-size:13px;margin-bottom:3px}.district{color:#64748b!important;font-size:9px!important;font-weight:500!important;line-height:1.3;margin-top:3px!important}.phone-number-container{margin-top:8px;padding:6px 8px}.phone-wrapper{font-size:12px;gap:4px}.phone-numbers-list-table tbody tr{height:auto;min-height:68px}}.phone-numbers-list-container[dir=rtl] .phone-numbers-list-table-container-phonenumber-value,.phone-numbers-list-container[dir=rtl] .phone-wrapper{direction:ltr}@media (prefers-contrast:high){.phone-numbers-list-buy-button,.phone-numbers-list-table{border:2px solid}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-spinner,.phone-numbers-list-container{animation:none}}.modern-formflows{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Varela Round,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.modern-formflows:before{background:radial-gradient(circle at 20% 20%,#2e61550d 0,#0000 50%),radial-gradient(circle at 80% 80%,#34d39908 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.formflows-header{background:linear-gradient(135deg,#2e6155,#1e3a32);box-shadow:0 8px 32px #0000001f;color:#fff;overflow:hidden;padding:40px 32px 60px;position:relative}.formflows-header:before{background:radial-gradient(circle at 30% 30%,#34d39926 0,#0000 50%),radial-gradient(circle at 70% 70%,#ffffff14 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.formflows-header-content{margin:0 auto;max-width:1200px;position:relative;z-index:2}.formflows-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#34d399);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 12px;text-shadow:0 2px 4px #0000001a}.formflows-subtitle{font-size:1.1rem;font-weight:400;line-height:1.6;margin:0;opacity:.9}.formflows-header-decoration{background:linear-gradient(90deg,#34d399,#10b981 50%,#059669);bottom:0;height:4px;left:0;position:absolute;right:0}.formflows-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:-30px auto 0;max-width:1200px;padding:0 32px;position:relative;z-index:1}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;box-shadow:0 8px 32px #0000001a;padding:24px}.stat-card:before{background:linear-gradient(90deg,#2e6155,#34d399)}.stat-card:hover{box-shadow:0 12px 40px #00000026}.stat-icon{background:linear-gradient(135deg,#2e6155,#34d399);height:48px;width:48px}.stat-icon.published{background:linear-gradient(135deg,#10b981,#34d399)}.stat-icon.draft{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.stat-icon.deprecated{background:linear-gradient(135deg,#6b7280,#9ca3af)}.stat-number{color:#1f2937;font-size:2rem;font-weight:700}.stat-label{font-size:14px}.formflows-controls{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:32px auto;max-width:1200px;padding:0 32px;position:relative;z-index:1}.search-section{flex:1 1;max-width:400px}.search-icon{font-size:20px}.modern-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:12px;color:#374151;font-family:Varela Round,sans-serif;font-size:16px;padding:16px 16px 16px 48px;transition:all .3s ease;width:100%}.modern-search-input:focus{background:#fff;border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.modern-search-input::placeholder{color:#9ca3af}.controls-buttons{align-items:center;display:flex;gap:12px}.create-flow-link{text-decoration:none}.create-flow-btn,.run-history-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.create-flow-btn{background:linear-gradient(135deg,#2e6155,#34d399);box-shadow:0 4px 16px #2e61554d;color:#fff}.run-history-btn{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 16px #8b5cf64d;color:#fff}.create-flow-btn:before,.run-history-btn:before{background:linear-gradient(135deg,#fff3,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.create-flow-btn:hover:before,.run-history-btn:hover:before{opacity:1}.create-flow-btn:hover{box-shadow:0 8px 24px #2e615566;transform:translateY(-2px)}.run-history-btn:hover{box-shadow:0 8px 24px #8b5cf666;transform:translateY(-2px)}.formflows-table-container{margin:0 auto 32px;max-width:1200px;padding:0 32px;position:relative;z-index:1}.modern-table{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-collapse:initial;border-radius:16px;border-spacing:0;box-shadow:0 8px 32px #0000001a;overflow:hidden;width:100%}.modern-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.modern-table th{border-bottom:2px solid #e2e8f080;color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;padding:20px 24px;text-align:left;text-transform:uppercase}.modern-table th:first-child{border-top-left-radius:16px}.modern-table th:last-child{border-top-right-radius:16px}.modern-table tbody tr{border-bottom:1px solid #e2e8f04d;transition:all .3s ease}.modern-table tbody tr:hover{background:#f8fafccc;transform:scale(1.01)}.modern-table tbody tr:last-child{border-bottom:none}.modern-table td{padding:20px 24px;vertical-align:middle}.flow-details{display:flex;flex-direction:column;gap:4px}.flow-name{color:#1f2937;font-size:16px;font-weight:600;line-height:1.4}.flow-id{color:#6b7280;font-size:12px;font-weight:500}.status-badge.published{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b9814d;color:#065f46}.status-badge.draft{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b4d;color:#92400e}.status-badge.deprecated{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #6b72804d;color:#374151}.modified-info{display:flex;flex-direction:column;gap:2px}.modified-date{color:#374151;font-weight:500}.modified-by{color:#6b7280}.action-buttons{flex-wrap:wrap}.action-btn{border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;gap:6px;height:36px;justify-content:center;min-width:80px;overflow:hidden;padding:8px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn svg{flex-shrink:0;font-size:16px}.action-btn span{font-size:12px;font-weight:600;white-space:nowrap}.action-btn:before{background:#fff3;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.action-btn:hover:before{opacity:1}.action-btn:active{transform:scale(.95)}.action-btn.edit{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.action-btn.edit:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px) scale(1.05)}.action-btn.delete{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.action-btn.delete:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px) scale(1.05)}.action-btn.publish{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.action-btn.publish:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px) scale(1.05)}.action-btn.history{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.action-btn.history:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px) scale(1.05)}.action-btn.deprecate{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff}.action-btn.deprecate:hover{box-shadow:0 6px 20px #6b728066;transform:translateY(-2px) scale(1.05)}.empty-state{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:80px 40px}.empty-icon{border-radius:20px;color:#6b7280;font-size:40px;margin:0 auto 24px}.empty-state h3{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 12px}.empty-state p{color:#6b7280;font-size:16px;line-height:1.6;margin:0 0 32px}@media (max-width:768px){.formflows-header{padding:24px 20px 40px}.formflows-title{font-size:2rem}.formflows-subtitle{font-size:1rem}.formflows-stats{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:0 20px}.formflows-controls{align-items:stretch;flex-direction:column;gap:16px;padding:0 20px}.controls-buttons{flex-direction:column;gap:12px}.create-flow-btn,.run-history-btn{justify-content:center;width:100%}.search-section{max-width:none}.formflows-table-container{padding:0 20px}.modern-table{font-size:14px}.modern-table td,.modern-table th{padding:16px 12px}.action-buttons{flex-wrap:wrap;gap:6px}.action-btn{font-size:12px;height:32px;min-width:70px;padding:6px 10px}.action-btn svg{font-size:14px}.action-btn span{font-size:11px}}@media (max-width:480px){.formflows-header{padding:20px 16px 32px}.formflows-title{font-size:1.75rem}.formflows-subtitle{font-size:.95rem}.formflows-stats{gap:12px;grid-template-columns:1fr;padding:0 16px}.formflows-controls,.formflows-table-container{padding:0 16px}.stat-card{padding:20px}.stat-number{font-size:1.5rem}.action-btn{gap:4px;height:30px;min-width:60px;padding:4px 8px}.action-btn svg{font-size:12px}.action-btn span{font-size:10px}}.stat-card{animation:slideInFromTop .6s ease-out}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.form-flow-run-history-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;font-family:Varela Round,sans-serif;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.form-flow-run-history-modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:1200px;overflow:hidden;position:relative;width:90%}.form-flow-run-history-modal-content h2{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:20px 20px 0 0;color:#fff;font-size:1.5rem;font-weight:700;margin:0;overflow:hidden;padding:24px 32px;position:relative}.form-flow-run-history-modal-content h2:before{background:radial-gradient(circle at 30% 30%,#34d39926 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.form-flow-run-history-modal-close-button{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;position:absolute;right:24px;top:20px;transition:all .3s ease;width:32px;z-index:10}.form-flow-run-history-modal-close-button:hover{background:#ffffff4d;transform:scale(1.1)}.form-flow-run-history-search{background:#f8fafccc;border-bottom:1px solid #e2e8f080;padding:24px 32px 16px}.form-flow-run-history-search input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:12px;color:#374151;font-family:Varela Round,sans-serif;font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.form-flow-run-history-search input:focus{background:#fff;border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.form-flow-run-history-search input::placeholder{color:#9ca3af}.form-flow-run-history-table-container{flex:1 1;overflow-y:auto;padding:0}.form-flow-run-history-modal-history-table{background:#0000;border-collapse:initial;border-spacing:0;width:100%}.form-flow-run-history-modal-history-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:sticky;top:0;z-index:5}.form-flow-run-history-modal-history-table th{background:inherit;border-bottom:2px solid #e2e8f080;color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;padding:20px 24px;text-align:left;text-transform:uppercase}.form-flow-run-history-modal-history-table tbody tr{border-bottom:1px solid #e2e8f04d;transition:all .3s ease}.form-flow-run-history-modal-history-table tbody tr:hover{background:#f8fafccc;transform:scale(1.01)}.form-flow-run-history-modal-history-table tbody tr:last-child{border-bottom:none}.form-flow-run-history-modal-history-table td{color:#374151;font-size:14px;padding:20px 24px;vertical-align:middle}.status-badge{padding:6px 12px}.status-badge.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b9814d}.status-badge.in.progress{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b4d;color:#92400e}.view-all-answers-button{background:linear-gradient(135deg,#3b82f6,#60a5fa);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:8px;padding:8px 16px;transition:all .3s ease}.view-all-answers-button:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.form-flow-run-history-empty{color:#6b7280;padding:60px 40px;text-align:center}.form-flow-run-history-empty h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.form-flow-run-history-empty p{font-size:16px;line-height:1.6;margin:0}@media (max-width:768px){.form-flow-run-history-modal{padding:16px}.form-flow-run-history-modal-content{border-radius:16px;max-height:90vh;width:95%}.form-flow-run-history-modal-content h2{border-radius:16px 16px 0 0;font-size:1.25rem;padding:20px 24px}.form-flow-run-history-search{padding:20px 24px 16px}.form-flow-run-history-modal-history-table td,.form-flow-run-history-modal-history-table th{font-size:13px;padding:16px 12px}.form-flow-run-history-modal-close-button{font-size:16px;height:28px;right:20px;top:16px;width:28px}}@media (max-width:480px){.form-flow-run-history-modal{padding:12px}.form-flow-run-history-modal-content{border-radius:12px;width:98%}.form-flow-run-history-modal-content h2{border-radius:12px 12px 0 0;font-size:1.1rem;padding:16px 20px}.form-flow-run-history-search{padding:16px 20px 12px}.form-flow-run-history-search input{font-size:14px;padding:12px 16px}.form-flow-run-history-modal-history-table td,.form-flow-run-history-modal-history-table th{font-size:12px;padding:12px 8px}.view-all-answers-button{font-size:11px;padding:6px 12px}}.screen-answers-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.screen-answers-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-height:80vh;overflow-y:auto;padding:20px;position:relative;width:400px}.screen-answers-modal-content h2{color:#333;margin-top:0}.screen-answers-close-button{background:none;border:none;cursor:pointer;font-size:16px;position:absolute;right:10px;top:10px}.screen-answers-answers-list p{font-size:14px;margin:5px 0}.screen-progress-indicator{display:flex;gap:10px;justify-content:center;margin-top:20px}.screen-indicator{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;height:50px;transition:transform .2s ease;width:100px}.screen-indicator.completed{background-color:#4caf50;color:#fff}.screen-indicator.incomplete{background-color:#ccc;color:#000}.screen-indicator:hover{transform:scale(1.05)}.all-answers-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.all-answers-modal-content{background:#fff;border-radius:8px;max-width:500px;padding:20px;position:relative;width:80%}.all-answers-modal-close-button{background:none;border:none;cursor:pointer;font-size:18px;position:absolute;right:10px;top:10px}.all-answers-modal-answers-list p{margin:8px 0}.modern-new-formflow{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Varela Round,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.modern-new-formflow:before{background:radial-gradient(circle at 20% 20%,#2e61550d 0,#0000 50%),radial-gradient(circle at 80% 80%,#34d39908 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.new-formflow-header{background:linear-gradient(135deg,#2e6155,#1e3a32);box-shadow:0 4px 20px #0000001a;color:#fff;position:relative;z-index:10}.new-formflow-header:before{background:radial-gradient(circle at 30% 30%,#34d3991a 0,#0000 50%),radial-gradient(circle at 70% 70%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.new-formflow-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:24px 32px;position:relative;z-index:2}.back-link{text-decoration:none}.header-info{flex-direction:column;gap:8px}.header-title{align-items:center;display:flex;gap:12px}.header-icon{color:#34d399;font-size:28px}.header-title h1{color:#fff;font-size:28px;line-height:1.2;margin:0}.header-subtitle{font-size:16px;font-weight:400;line-height:1.5;opacity:.9}.header-badge{background:#34d39933;border:1px solid #34d3994d;border-radius:20px;color:#34d399;display:flex;letter-spacing:.5px;text-transform:uppercase}.new-formflow-header-decoration{background:linear-gradient(90deg,#34d399,#10b981 50%,#059669);bottom:0;height:3px;left:0;position:absolute;right:0}.new-formflow-content{margin:0 auto;max-width:800px;padding:40px 32px;position:relative;z-index:1}.modern-form{display:flex;flex-direction:column;gap:32px}.form-section{border:1px solid #fff3;box-shadow:0 8px 32px #0000001a}.form-section:before{background:linear-gradient(90deg,#2e6155,#34d399);height:4px}.section-subtitle{font-size:16px;line-height:1.5}.form-grid{grid-template-columns:1fr}.modern-label{font-size:16px}.label-icon{font-size:18px}.modern-input{border-radius:12px;font-size:16px;padding:16px}.modern-select-native{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:12px;box-sizing:border-box;color:#374151;cursor:pointer;font-family:Varela Round,sans-serif;font-size:16px;padding:16px;transition:all .3s ease;width:100%}.modern-select-native:focus{background:#fff;border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.modern-select .select__control{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffffe6!important;border:2px solid #e2e8f0cc!important;border-radius:12px!important;box-shadow:none!important;font-family:Varela Round,sans-serif!important;min-height:52px!important;padding:8px!important}.modern-select .select__control:hover{border-color:#e2e8f0!important}.modern-select .select__control--is-focused{background:#fff!important;border-color:#2e6155!important;box-shadow:0 0 0 3px #2e61551a!important}.modern-select .select__placeholder{color:#9ca3af!important;font-size:16px!important}.modern-select .select__single-value{color:#374151!important;font-size:16px!important}.modern-select .select__menu{background:#fff!important;border:1px solid #e2e8f080!important;border-radius:12px!important;box-shadow:0 8px 32px #0000001a!important}.modern-select .select__option{color:#374151!important;font-size:16px!important;padding:12px 16px!important}.modern-select .select__option--is-focused{background:#2e61551a!important;color:#2e6155!important}.modern-select .select__option--is-selected{background:#2e6155!important;color:#fff!important}.input-help{color:#6b7280;font-size:14px;font-style:italic;margin-top:4px}.flow-type-selection{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.flow-type-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0cc;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.flow-type-card:hover{border-color:#2e61554d;box-shadow:0 8px 32px #0000001a;transform:translateY(-4px)}.flow-type-card.selected{background:#2e61550d;border-color:#2e6155;box-shadow:0 8px 32px #2e615533}.flow-type-card.selected:before{background:linear-gradient(90deg,#2e6155,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.flow-type-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:16px;color:#6b7280;display:flex;font-size:32px;height:64px;justify-content:center;transition:all .3s ease;width:64px}.flow-type-card.selected .flow-type-icon{background:linear-gradient(135deg,#2e6155,#34d399);color:#fff}.flow-type-content h3{color:#1f2937;font-size:20px;font-weight:700;margin:0}.flow-type-content p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.flow-type-card.selected .flow-type-content h3{color:#2e6155}.template-selection{border-top:1px solid #e2e8f080;margin-top:24px;padding-top:24px}.form-actions{align-items:center;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;gap:16px;justify-content:space-between}.cancel-link{text-decoration:none}.cancel-btn{align-items:center;background:#6b72801a;border:2px solid #6b728033;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease}.cancel-btn:hover{background:#6b728033;box-shadow:0 4px 16px #6b728033;color:#374151;transform:translateY(-2px)}.continue-btn{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:12px;box-shadow:0 4px 16px #2e61554d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.continue-btn:before{background:linear-gradient(135deg,#fff3,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.continue-btn:hover:before{opacity:1}.continue-btn:hover{box-shadow:0 8px 24px #2e615566;transform:translateY(-2px)}@media (max-width:768px){.new-formflow-header-content{align-items:flex-start;flex-direction:column;gap:16px;padding:20px 24px}.header-left{justify-content:space-between;width:100%}.header-badge{align-self:flex-end}.new-formflow-content{padding:24px 20px}.form-section{padding:24px}.flow-type-selection{gap:16px;grid-template-columns:1fr}.form-actions{flex-direction:column;gap:12px}.cancel-btn,.continue-btn{justify-content:center;width:100%}}@media (max-width:480px){.new-formflow-header-content{padding:16px 20px}.header-title h1{font-size:24px}.header-subtitle{font-size:14px}.new-formflow-content{padding:20px 16px}.form-section{padding:20px}.section-title{font-size:20px}.flow-type-card{padding:20px}.flow-type-icon{font-size:28px;height:56px;width:56px}}.form-section{animation:slideInFromTop .6s ease-out}.form-section:first-child{animation-delay:.1s}.form-section:nth-child(2){animation-delay:.2s}.form-section:nth-child(3){animation-delay:.3s}.form-section:nth-child(4){animation-delay:.4s}.back-btn:focus,.cancel-btn:focus,.continue-btn:focus{box-shadow:0 0 0 3px #34d3994d;outline:none}.modern-formflows-generator{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;font-family:Varela Round,sans-serif;min-height:100vh;overflow:hidden;position:relative}.modern-formflows-generator:before{background:radial-gradient(circle at 20% 20%,#2e615508 0,#0000 50%),radial-gradient(circle at 80% 80%,#34d39905 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.generator-header{background:linear-gradient(135deg,#2e6155,#1e3a32);box-shadow:0 4px 20px #0000001a;color:#fff;flex-shrink:0;position:relative;z-index:10}.generator-header:before{background:radial-gradient(circle at 30% 30%,#34d3991a 0,#0000 50%),radial-gradient(circle at 70% 70%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.generator-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:20px 32px;position:relative;z-index:2}.header-left{gap:20px}.back-btn,.header-left{align-items:center;display:flex}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:20px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.back-btn:hover{background:#fff3;transform:translateX(-2px)}.flow-info{display:flex;flex-direction:column;gap:8px}.flow-title{align-items:center;display:flex;gap:12px}.flow-icon{color:#34d399;font-size:28px}.flow-title h1{color:#fff;font-size:28px;font-weight:700;line-height:1.2;margin:0}.flow-meta{align-items:center;display:flex;gap:12px}.category-badge,.mode-badge{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.category-badge{background:#34d39933;border:1px solid #34d3994d;color:#34d399}.mode-badge{background:#ffffff1a;border:1px solid #fff3;color:#ffffffe6}.header-actions{display:flex;gap:12px}.save-btn{align-items:center;background:linear-gradient(135deg,#34d399,#10b981);border:none;border-radius:12px;box-shadow:0 4px 16px #34d3994d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.save-btn:before{background:linear-gradient(135deg,#fff3,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.save-btn:hover:before{opacity:1}.save-btn:hover{box-shadow:0 8px 24px #34d39966;transform:translateY(-2px)}.generator-header-decoration{background:linear-gradient(90deg,#34d399,#10b981 50%,#059669);bottom:0;height:3px;left:0;position:absolute;right:0}.generator-body{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:300px 1fr 400px;margin:0 auto;max-width:1400px;width:100%;z-index:1}.generator-body,.generator-panel{overflow:hidden;position:relative}.generator-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-right:1px solid #e2e8f080}.generator-panel:last-child{border-right:none}.screens-panel{border-left:1px solid #e2e8f080}.edit-panel{flex:1 1}.preview-panel{border-right:1px solid #e2e8f080}.generator-panel:before{background:linear-gradient(90deg,#2e6155,#34d399);content:"";height:2px;left:0;position:absolute;right:0;top:0;z-index:1}@media (max-width:1200px){.generator-body{grid-template-columns:280px 1fr 350px}.generator-header-content{padding:16px 24px}.flow-title h1{font-size:24px}}@media (max-width:1024px){.generator-body{grid-template-columns:250px 1fr 320px}.header-left{gap:16px}.flow-meta{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:768px){.generator-header-content{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 20px}.header-left{justify-content:space-between;width:100%}.header-actions{justify-content:flex-end;width:100%}.generator-body{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.generator-panel{border-bottom:1px solid #e2e8f080;border-right:none}.generator-panel:last-child{border-bottom:none}.screens-panel{border-left:none;order:1}.edit-panel{order:2}.preview-panel{order:3}}@media (max-width:480px){.generator-header-content{padding:12px 16px}.flow-title h1{font-size:20px}.flow-icon{font-size:24px}.save-btn{font-size:14px;padding:10px 20px}.back-btn{font-size:18px;height:40px;width:40px}}.generator-header{animation:slideInFromTop .6s ease-out}.generator-panel{animation:slideInFromTop .8s ease-out}.screens-panel{animation-delay:.1s}.edit-panel{animation-delay:.2s}.preview-panel{animation-delay:.3s}.back-btn:focus,.save-btn:focus{box-shadow:0 0 0 3px #34d3994d;outline:none}.generator-panel:hover{background:#fffffffa}.generator-panel::-webkit-scrollbar{width:6px}.generator-panel::-webkit-scrollbar-track{background:#e2e8f033;border-radius:3px}.generator-panel::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:3px}.generator-panel::-webkit-scrollbar-thumb:hover{background:#94a3b899}.modern-screens-manager{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;height:100%;overflow:hidden}.screens-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:1px solid #e2e8f080;padding:24px;position:relative}.screens-header:before{background:linear-gradient(90deg,#2e6155,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.add-screen-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f080;padding:20px 24px}.add-screen-btn{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:12px;box-shadow:0 4px 16px #2e61554d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.add-screen-btn:before{background:linear-gradient(135deg,#fff3,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.add-screen-btn:hover:before{opacity:1}.add-screen-btn:hover{box-shadow:0 8px 24px #2e615566;transform:translateY(-2px)}.screens-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:24px}.modern-screen-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.modern-screen-item:before{background:linear-gradient(180deg,#2e6155,#34d399);content:"";height:100%;left:0;position:absolute;top:0;width:3px}.modern-screen-item:hover{border-color:#2e61554d;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.modern-screen-item:active{box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.screen-info{cursor:pointer;flex:1 1;gap:12px}.screen-icon,.screen-info{align-items:center;display:flex}.screen-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;color:#6b7280;flex-shrink:0;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modern-screen-item:hover .screen-icon{background:linear-gradient(135deg,#2e6155,#34d399);color:#fff}.screen-details{flex:1 1;min-width:0}.screen-title{font-size:16px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-meta{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.delete-screen-btn{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.delete-screen-btn:hover{background:#ef444433;box-shadow:0 4px 12px #ef44444d;transform:scale(1.1)}.delete-screen-btn:active{transform:scale(.95)}.empty-state{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px dashed #e2e8f0cc;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:40px 20px}.empty-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:16px;color:#9ca3af;height:64px;width:64px}.empty-text{color:#6b7280;margin:0 0 8px}.empty-subtext{color:#9ca3af;line-height:1.5;margin:0}.screens-list::-webkit-scrollbar{width:6px}.screens-list::-webkit-scrollbar-track{background:#e2e8f033;border-radius:3px}.screens-list::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:3px}.screens-list::-webkit-scrollbar-thumb:hover{background:#94a3b899}@media (max-width:768px){.add-screen-section,.screens-header,.screens-list{padding:16px}.modern-screen-item{padding:12px}.header-title{font-size:20px}.screen-title{font-size:14px}}@media (max-width:480px){.screens-header{padding:12px}.header-info{gap:12px}.header-icon{font-size:28px}.header-title{font-size:18px}.add-screen-section{padding:12px}.screens-list{gap:8px;padding:12px}.modern-screen-item{padding:10px}.screen-icon{font-size:18px;height:36px;width:36px}.delete-screen-btn{font-size:14px;height:28px;width:28px}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.modern-screen-item{animation:slideInFromLeft .3s ease-out}.modern-screen-item:first-child{animation-delay:.1s}.modern-screen-item:nth-child(2){animation-delay:.2s}.modern-screen-item:nth-child(3){animation-delay:.3s}.modern-screen-item:nth-child(4){animation-delay:.4s}.modern-screen-item:nth-child(5){animation-delay:.5s}.add-screen-btn:focus,.delete-screen-btn:focus{box-shadow:0 0 0 3px #2e61554d;outline:none}.modern-screen-item:focus-within{box-shadow:0 0 0 2px #2e61554d;outline:none}.empty-state:hover{background:#2e615505;border-color:#2e61554d}.empty-state:hover .empty-icon{background:linear-gradient(135deg,#2e6155,#34d399);color:#fff}.add-content-btn,.modern-form-param{font-family:Varela Round,sans-serif;position:relative}.add-content-btn{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:12px;box-shadow:0 4px 16px #2e61554d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.add-content-btn:before{background:linear-gradient(135deg,#fff3,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.add-content-btn:hover:before{opacity:1}.add-content-btn:hover{box-shadow:0 8px 24px #2e615566;transform:translateY(-2px)}.content-options-panel{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 12px 48px #00000026;left:0;margin-top:8px;max-height:500px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.options-header{padding:24px 24px 16px}.options-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#34d399);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:20px;font-weight:700;margin:0 0 8px}.options-header p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.options-grid{display:flex;flex-direction:column;gap:12px;padding:16px}.option-category{border:1px solid #e2e8f080;border-radius:12px;overflow:hidden;transition:all .3s ease}.option-category:hover{border-color:#2e61554d;box-shadow:0 4px 16px #00000014}.category-header{align-items:center;background:#f8fafccc;border-bottom:1px solid #e2e8f04d;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.category-header:hover{background:#2e61550d}.category-header.active{background:#2e61551a;border-bottom-color:#2e615533}.category-info{flex:1 1;gap:16px}.category-icon,.category-info{align-items:center;display:flex}.category-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;color:#6b7280;flex-shrink:0;font-size:20px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.category-header.active .category-icon,.category-header:hover .category-icon{background:linear-gradient(135deg,#2e6155,#34d399);color:#fff}.category-details{flex:1 1;min-width:0}.category-name{color:#1f2937;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px}.category-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.category-toggle{color:#9ca3af;flex-shrink:0;font-size:18px;transition:all .3s ease}.category-header.active .category-toggle,.category-header:hover .category-toggle{color:#2e6155}.sub-options-grid{grid-gap:12px;animation:slideDown .2s ease-out;background:#ffffff80;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:16px}.sub-option-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e2e8f080;border-radius:12px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.sub-option-card:before{background:linear-gradient(180deg,#2e6155,#34d399);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.sub-option-card:hover:before{opacity:1}.sub-option-card:hover{background:#fff;border-color:#2e61554d;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.sub-option-card:active{box-shadow:0 4px 12px #0000001a;transform:translateY(0)}.sub-option-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;color:#6b7280;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.sub-option-card:hover .sub-option-icon{background:linear-gradient(135deg,#2e6155,#34d399);color:#fff}.sub-option-content{flex:1 1;min-width:0}.sub-option-name{color:#1f2937;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 4px}.sub-option-description{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.content-options-panel::-webkit-scrollbar{width:6px}.content-options-panel::-webkit-scrollbar-track{background:#e2e8f033;border-radius:3px}.content-options-panel::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:3px}.content-options-panel::-webkit-scrollbar-thumb:hover{background:#94a3b899}@media (max-width:768px){.content-options-panel{max-height:400px}.options-header{padding:20px 20px 12px}.options-header h3{font-size:18px}.options-grid{padding:12px}.category-header{padding:14px 16px}.category-icon{font-size:18px;height:40px;width:40px}.category-name{font-size:15px}.category-description{font-size:13px}.sub-options-grid{grid-template-columns:1fr;padding:12px}.sub-option-card{padding:14px}.sub-option-icon{font-size:16px;height:32px;width:32px}}@media (max-width:480px){.add-content-btn{font-size:14px;padding:14px 20px}.content-options-panel{max-height:350px}.options-header{padding:16px}.options-header h3{font-size:16px}.options-grid{padding:8px}.category-header{padding:12px}.category-info{gap:12px}.category-icon{font-size:16px;height:36px;width:36px}.sub-options-grid{gap:8px;padding:8px}.sub-option-card{gap:10px;padding:12px}.sub-option-icon{font-size:14px;height:28px;width:28px}.sub-option-name{font-size:13px}.sub-option-description{font-size:11px}}.add-content-btn:focus,.category-header:focus,.sub-option-card:focus{box-shadow:0 0 0 3px #2e61554d;outline:none}.category-header.active .category-name,.category-header:hover .category-name,.sub-option-card:hover .sub-option-name{color:#2e6155}.modern-form-param-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 4px 16px #00000014;font-family:Varela Round,sans-serif;overflow:hidden;transition:all .3s ease}.modern-form-param-content:hover{border-color:#2e61554d;box-shadow:0 8px 24px #0000001f}.content-type-header{align-items:center;background:linear-gradient(135deg,#2e61550d,#34d3990d);border-bottom:1px solid #e2e8f04d;display:flex;justify-content:space-between;padding:16px 20px}.content-type-selector{align-items:center;display:flex;flex:1 1;gap:12px}.selector-icon{color:#2e6155;font-size:18px}.modern-content-type-select{background:#ffffffe6;border:1px solid #e2e8f080;border-radius:8px;color:#1f2937;cursor:pointer;flex:1 1;font-family:Varela Round,sans-serif;font-size:14px;font-weight:500;padding:8px 12px;transition:all .3s ease}.modern-content-type-select:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.delete-content-btn{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.delete-content-btn:hover{background:#ef444433;transform:scale(1.05)}.content-configuration{padding:20px}.input-header,.selection-header,.upload-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;gap:12px;margin-bottom:20px;padding-bottom:12px}.section-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.section-icon,.section-title{background:linear-gradient(135deg,#2e6155,#34d399)}.section-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:600}.modern-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.label-icon{color:#6b7280}.modern-input,.modern-number-input,.modern-option-input{background:#ffffffe6;border:1px solid #e2e8f080;border-radius:10px;box-sizing:border-box;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.modern-input:focus,.modern-number-input:focus,.modern-option-input:focus{background:#fff;border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.modern-input::placeholder,.modern-number-input::placeholder,.modern-option-input::placeholder{color:#9ca3af}.modern-select{background:#ffffffe6;border:1px solid #e2e8f080;border-radius:10px;color:#1f2937;font-family:Varela Round,sans-serif;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.modern-select:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.input-with-counter{position:relative}.char-counter{background:#ffffffe6;border-radius:4px;color:#9ca3af;font-size:12px;padding:2px 6px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.modern-image-upload-section{display:flex;flex-direction:column;gap:16px}.upload-controls{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr auto}.file-input-wrapper{position:relative}.hidden-file-input{height:0;opacity:0;position:absolute;width:0}.modern-file-input-label{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px dashed #9ca3af80;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-height:48px;padding:12px 20px;transition:all .3s ease}.modern-file-input-label:hover{background:linear-gradient(135deg,#2e6155,#34d399);border-color:#2e615580;color:#fff}.upload-icon{font-size:18px}.height-control{min-width:140px}.info-item,.upload-info{align-items:center;border-bottom:1px solid #e2e8f033;display:flex;justify-content:space-between;padding:8px 0}.upload-info{background:#f8fafc80;border-radius:8px;flex-direction:column;gap:4px;padding:12px}.info-item:last-child{border-bottom:none}.info-label{font-size:13px;font-weight:500}.info-value{color:#1f2937;font-size:13px}.modern-text-input-section{display:flex;flex-direction:column;gap:16px}.input-fields-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.input-field-group{display:flex;flex-direction:column;gap:8px}.modern-selection-section{display:flex;flex-direction:column;gap:16px}.selection-label-group{display:flex;flex-direction:column;gap:8px}.options-section{display:flex;flex-direction:column;gap:12px}.options-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;justify-content:space-between;padding:12px 0}.options-title{color:#374151;font-size:14px;font-weight:600}.add-option-btn{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .3s ease}.add-option-btn:hover{box-shadow:0 4px 12px #2e61554d;transform:translateY(-1px)}.options-list{flex-direction:column;gap:8px}.modern-option-item{align-items:center;background:#f8fafc80;border:1px solid #e2e8f04d;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.modern-option-item:hover{background:#fffc;border-color:#2e615533}.option-number{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.modern-option-input{flex:1 1;margin:0}.delete-option-btn{align-items:center;background:#ef44441a;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.delete-option-btn:hover{background:#ef444433;transform:scale(1.05)}.modern-file-upload-section{display:flex;flex-direction:column;gap:16px}.upload-fields-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.upload-field-group{display:flex;flex-direction:column;gap:8px}.content-settings-footer{background:#f8fafc80;border-top:1px solid #e2e8f04d;padding:16px 20px}.settings-toggles{align-items:center;display:flex;gap:24px}.setting-toggle{flex:1 1;gap:12px;justify-content:space-between}.setting-toggle,.toggle-info{align-items:center;display:flex}.toggle-info{gap:8px}.toggle-icon{color:#6b7280;font-size:16px}.toggle-label{color:#374151;font-size:14px;font-weight:500}.modern-switch{flex-shrink:0}@media (max-width:768px){.modern-form-param-content{border-radius:12px}.content-type-header{padding:12px 16px}.content-configuration{padding:16px}.upload-controls{gap:12px;grid-template-columns:1fr}.height-control{min-width:auto}.input-fields-grid,.upload-fields-grid{gap:12px}.settings-toggles{align-items:stretch;flex-direction:column;gap:16px}.setting-toggle{flex-direction:row;justify-content:space-between}}@media (max-width:480px){.content-type-header{padding:10px 12px}.content-configuration{padding:12px}.modern-input,.modern-number-input,.modern-option-input,.modern-select{font-size:13px;padding:10px 12px}.modern-file-input-label{font-size:13px;padding:10px 16px}.section-icon{font-size:16px;height:36px;width:36px}.section-title{font-size:15px}.modern-option-item{gap:10px;padding:10px}.option-number{font-size:11px;height:20px;width:20px}.delete-option-btn{font-size:12px;height:28px;width:28px}}.modern-content-type-select:focus,.modern-input:focus,.modern-number-input:focus,.modern-option-input:focus,.modern-select:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.modern-option-item:hover .option-number{background:linear-gradient(135deg,#1f2937,#374151)}.modern-file-input-label:hover .upload-icon{transform:scale(1.1)}.modern-option-item{animation:slideInFromTop .3s ease-out}.modern-switch .react-switch-bg{background:linear-gradient(135deg,#2e6155,#34d399)!important}.input-with-counter:focus-within .char-counter{color:#2e6155;font-weight:600}.textarea-container{position:relative;width:100%}.textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;line-height:1.5;padding:10px;resize:none;width:100%}.character-counter{bottom:5px;color:#888;font-size:12px;position:absolute;right:10px}.modern-edit-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;height:100%;overflow:hidden}.edit-content-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:1px solid #e2e8f080;padding:24px;position:relative}.edit-content-header:before{background:linear-gradient(90deg,#2e6155,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.screen-config{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f080;gap:20px;padding:24px}.config-group,.screen-config{display:flex;flex-direction:column}.config-group{gap:8px}.config-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:4px}.label-icon{color:#2e6155}.modern-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:8px;box-sizing:border-box;color:#374151;font-family:Varela Round,sans-serif;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.modern-input:focus{background:#fff;border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.modern-input::placeholder{color:#9ca3af}.screen-title-input{border-left:4px solid #2e6155}.button-label-input{border-left:4px solid #f59e0b}.content-items-section{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.section-title{color:#1f2937;margin:0 0 4px}.section-subtitle{color:#6b7280}.modern-droppable-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:2px dashed #e2e8f0cc;border-radius:12px;display:flex;flex-direction:column;gap:12px;min-height:100px;padding:16px;transition:all .3s ease}.modern-droppable-container:empty{align-items:center;color:#9ca3af;display:flex;font-style:italic;justify-content:center;min-height:120px}.modern-droppable-container:empty:before{content:'Drop content elements here or use "Add Content" below';font-size:14px}.modern-content-item{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.modern-content-item:before{background:linear-gradient(180deg,#2e6155,#34d399);content:"";height:100%;left:0;position:absolute;top:0;width:3px}.modern-content-item:hover{border-color:#2e61554d;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.modern-content-item.dragging{background:#2e61550d;border-color:#2e6155;box-shadow:0 8px 32px #0003;transform:rotate(2deg)}.drag-handle{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .3s ease;width:24px}.drag-handle:hover{background:#2e61551a;color:#2e6155}.modern-content-item.dragging .drag-handle{background:#2e615533;color:#2e6155}.content-item-wrapper{flex:1 1;min-width:0}.add-content-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:20px;padding:20px}.content-items-section::-webkit-scrollbar{width:6px}.content-items-section::-webkit-scrollbar-track{background:#e2e8f033;border-radius:3px}.content-items-section::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:3px}.content-items-section::-webkit-scrollbar-thumb:hover{background:#94a3b899}@media (max-width:768px){.content-items-section,.edit-content-header,.screen-config{padding:16px}.modern-content-item{gap:8px;padding:12px}.header-title{font-size:20px}.section-title{font-size:16px}}@media (max-width:480px){.edit-content-header{padding:12px}.header-info{gap:12px}.header-icon{font-size:28px}.header-title{font-size:18px}.content-items-section,.screen-config{gap:16px;padding:12px}.modern-content-item{padding:10px}}.modern-content-item{animation:slideInFromRight .3s ease-out}.drag-handle:focus{box-shadow:0 0 0 2px #2e61554d;outline:none}.modern-droppable-container:empty{background:#f9fafbcc;border-color:#9ca3af80;border-style:dashed}.modern-droppable-container:empty:hover{background:#2e615505;border-color:#2e61554d}.modern-droppable-container.drag-over{background:#2e61550d;border-color:#2e6155;border-style:solid}.modern-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;height:100%;overflow:hidden}.preview-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:1px solid #e2e8f080;padding:24px;position:relative}.preview-header:before{background:linear-gradient(90deg,#2e6155,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.header-info{align-items:center;display:flex;gap:16px}.header-icon{color:#2e6155;flex-shrink:0;font-size:32px}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#34d399);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.header-subtitle{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.phone-preview-container{align-items:center;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:40px 24px}.phone-frame{background:linear-gradient(145deg,#1f2937,#111827);border-radius:32px;box-shadow:0 20px 60px #0000004d,0 8px 24px #0003,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;height:640px;padding:12px;width:320px}.phone-frame:before{background:#374151;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:60px}.phone-frame:after{background:#1f2937;border:2px solid #374151;border-radius:50%;height:12px;left:50%;top:32px;transform:translateX(-50%);width:12px}.phone-screen{background:#fff;border-radius:24px;box-shadow:inset 0 0 0 1px #0000001a;flex:1 1;margin-top:20px;overflow:hidden;position:relative}.screen-content{background:linear-gradient(180deg,#fff,#f9fafb);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:24px 20px}.screen-title{color:#1f2937;font-size:24px;font-weight:700;line-height:1.3;margin:0 0 24px;text-align:center}.content-elements{display:flex;flex:1 1;flex-direction:column;gap:16px;margin-bottom:24px}.continue-button{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:12px;box-shadow:0 4px 16px #2e61554d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:auto;padding:16px 24px;transition:all .3s ease;width:100%}.continue-button:hover{box-shadow:0 8px 24px #2e615566;transform:translateY(-2px)}.continue-button:hover .button-icon{transform:translateX(4px)}.phone-home-indicator{background:#374151;border-radius:2px;flex-shrink:0;height:4px;margin:8px auto 0;width:120px}.content-elements>div{background:#fffc;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:12px 16px;transition:all .3s ease}.content-elements>div:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.content-elements p{color:#374151;line-height:1.5;margin:0}.content-elements h1,.content-elements h2,.content-elements h3{color:#1f2937;line-height:1.3;margin:0}.content-elements input,.content-elements select,.content-elements textarea{background:#fff;border:2px solid #e2e8f0cc;border-radius:8px;box-sizing:border-box;font-family:Varela Round,sans-serif;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.content-elements input:focus,.content-elements select:focus,.content-elements textarea:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.form-flows-preview-media-picker-custom-button{align-items:center;background:#3b82f61a;border:2px dashed #3b82f6;border-radius:12px;color:#3b82f6;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .3s ease;width:100%}.form-flows-preview-media-picker-custom-button:hover{background:#3b82f633;border-color:#2563eb;transform:translateY(-1px)}.form-flows-preview-media-picker-icon{font-size:18px}.form-flows-preview-document-picker-label,.form-flows-preview-photo-picker-label{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.form-flows-preview-document-picker-description,.form-flows-preview-photo-picker-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0 0 8px}.form-flows-preview-document-picker-max-size,.form-flows-preview-photo-picker-max-size{color:#9ca3af;font-size:12px;font-style:italic;margin:0 0 16px}.form-flows-preview-image-preview-container{background:#f9fafbcc;border:1px solid #e2e8f080;border-radius:12px;padding:16px;text-align:center}.form-flows-preview-image-preview-container img{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:100%}.screen-content::-webkit-scrollbar{width:4px}.screen-content::-webkit-scrollbar-track{background:#e2e8f033;border-radius:2px}.screen-content::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:2px}.screen-content::-webkit-scrollbar-thumb:hover{background:#94a3b899}@media (max-width:768px){.preview-header{padding:16px}.phone-preview-container{padding:20px 16px}.phone-frame{height:560px;width:280px}.screen-content{padding:20px 16px}.header-title,.screen-title{font-size:20px}}@media (max-width:480px){.preview-header{padding:12px}.header-info{gap:12px}.header-icon{font-size:28px}.header-title{font-size:18px}.phone-preview-container{padding:16px 12px}.phone-frame{border-radius:28px;height:520px;padding:10px;width:260px}.phone-screen{border-radius:20px}.screen-content{padding:16px 12px}.screen-title{font-size:18px;margin-bottom:20px}.content-elements{gap:12px;margin-bottom:20px}.continue-button{font-size:14px;padding:14px 20px}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.phone-frame{animation:slideInFromRight .6s ease-out}.content-elements>div{animation:slideInFromRight .4s ease-out}.content-elements>div:first-child{animation-delay:.1s}.content-elements>div:nth-child(2){animation-delay:.2s}.content-elements>div:nth-child(3){animation-delay:.3s}.content-elements>div:nth-child(4){animation-delay:.4s}.content-elements>div:nth-child(5){animation-delay:.5s}.continue-button:focus{box-shadow:0 0 0 3px #2e61554d;outline:none}.loading{animation:pulse 2s infinite}.phone-frame{position:relative}.phone-frame:after{background:linear-gradient(145deg,#2e6155,#34d399);border-radius:34px;bottom:-2px;content:"";filter:blur(8px);left:-2px;opacity:.1;position:absolute;right:-2px;top:-2px;z-index:-1}.workflow-history-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Varela Round,sans-serif;min-height:100vh;padding:24px}.workflow-history-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;margin:0 auto;max-width:1400px;overflow:hidden;position:relative}.workflow-history-container:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.workflow-history-header{align-items:center;background:linear-gradient(135deg,#2e61551a,#34d3991a);border-bottom:1px solid #e2e8f04d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:32px}.workflow-history-title{align-items:center;color:#2e6155;display:flex;font-size:28px;font-weight:700;gap:12px;letter-spacing:.5px;margin:0;text-transform:uppercase}.workflow-history-title:before{content:"📊";font-size:32px}.workflow-history-subtitle{color:#64748b;font-size:16px;font-weight:500;margin:8px 0 0}.workflow-history-meta{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.workflow-run-id{background:#2e61551a;border:1px solid #2e615533;border-radius:8px;color:#2e6155;font-family:Courier New,monospace;font-size:14px;font-weight:600;padding:6px 12px}.workflow-timestamp{color:#64748b;font-size:12px;font-weight:500}.workflow-history-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 40px}.workflow-history-loading-spinner{animation:spin 1s linear infinite;border:3px solid #2e615533;border-left-color:#2e6155;border-radius:50%;height:40px;width:40px}.workflow-history-loading-text{color:#2e6155;font-size:18px;font-weight:600;text-align:center}.workflow-history-loading-subtitle{color:#64748b;font-size:14px;max-width:400px;text-align:center}.workflow-history-error{align-items:center;color:#ef4444;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 40px;text-align:center}.workflow-history-error-icon{font-size:64px;opacity:.5}.workflow-history-error-title{color:#ef4444;font-size:24px;font-weight:700;margin:0}.workflow-history-error-message{color:#64748b;font-size:16px;line-height:1.6;max-width:500px}.workflow-history-error-actions{display:flex;gap:12px;margin-top:16px}.retry-button{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border-radius:10px;box-shadow:0 2px 8px #2e615533;display:flex;font-family:Varela Round,sans-serif;gap:8px;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.retry-button:hover{box-shadow:0 4px 16px #2e61554d}.retry-button:before{content:"🔄";font-size:12px}.back-button{align-items:center;background:#9ca3af33;border:1px solid #9ca3af4d;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:hover{background:#9ca3af4d;border-color:#9ca3af80;transform:translateY(-2px)}.back-button:before{content:"←";font-size:14px}.workflow-history-designer{background:#0000;padding:0}.workflow-status{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.5px;margin-left:12px;padding:6px 12px;text-transform:uppercase}.workflow-status.completed{background:linear-gradient(135deg,#10b9811a,#34d3991a);border:1px solid #10b98133;color:#10b981}.workflow-status.running{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border:1px solid #3b82f633;color:#3b82f6}.workflow-status.failed{background:linear-gradient(135deg,#ef44441a,#f871711a);border:1px solid #ef444433;color:#ef4444}.workflow-status.pending{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);border:1px solid #f59e0b33;color:#f59e0b}.workflow-execution-stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.execution-stat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:80px;padding:12px 16px}.execution-stat-value{color:#2e6155;font-size:20px;font-weight:700}.execution-stat-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:1024px){.workflow-history-page{padding:16px}.workflow-history-header{align-items:stretch;flex-direction:column;padding:24px}.workflow-history-meta{align-items:flex-start}.workflow-history-title{font-size:24px}}@media (max-width:768px){.workflow-history-page{padding:12px}.workflow-history-header{padding:20px}.workflow-history-title{font-size:20px}.workflow-history-error,.workflow-history-loading{padding:60px 20px}.workflow-history-error-actions{flex-direction:column;width:100%}.back-button,.retry-button{justify-content:center;width:100%}.workflow-execution-stats{justify-content:center}}@media (max-width:480px){.workflow-history-page{padding:8px}.workflow-history-header{padding:16px}.workflow-history-title{font-size:18px}.workflow-history-subtitle{font-size:14px}.workflow-run-id{font-size:12px;padding:4px 8px}.execution-stat{min-width:60px;padding:8px 12px}.execution-stat-value{font-size:16px}.execution-stat-label{font-size:10px}}.workflow-history-container.entering{animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.workflow-history-container:focus-within{box-shadow:0 0 0 4px #2e61551a}@media print{.workflow-history-page{background:#fff;padding:0}.workflow-history-container{border:1px solid #ccc;box-shadow:none}.workflow-history-header{background:#fff;border-bottom:2px solid #ccc}.back-button,.retry-button{display:none}}.plan-selection-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);direction:rtl;font-family:Varela Round,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.plan-selection-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border:1px solid #fffc;border-radius:32px;box-shadow:0 25px 80px #0000001a,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffffe6;overflow:hidden;padding:48px;position:relative}.plan-selection-container:before{background:linear-gradient(90deg,#2e6155,#3a7966,#10b981);border-radius:32px 32px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.selection-header{margin-bottom:40px;text-align:center}.selection-title{color:#1e293b;font-size:clamp(20px,4vw,28px);font-weight:700;line-height:1.3;margin:0 0 12px}.selection-subtitle{color:#64748b;font-size:14px;line-height:1.5;margin:0}.billing-toggle-wrapper{margin-bottom:40px;text-align:center}.toggle-title{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 16px}.billing-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #2e615533;border-radius:50px;box-shadow:0 4px 15px #0000001a;display:inline-flex;padding:6px;position:relative}.billing-toggle button{align-items:center;background:none;border:none;border-radius:40px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;font-size:15px;font-weight:600;gap:3px;min-width:130px;padding:10px 20px;position:relative;transition:all .3s ease}.billing-toggle button.active{background:linear-gradient(135deg,#2e6155,#3a7966);box-shadow:0 4px 15px #2e61554d;color:#fff}.toggle-label{font-size:15px;font-weight:600;line-height:1.2}.toggle-desc{font-size:11px;line-height:1.2;opacity:.8}.discount-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;position:absolute;right:-8px;top:-8px}.plans-container-selection{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-bottom:48px;position:relative}@media (max-width:1024px){.plans-container-selection{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.plan-card-selection{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border:2px solid #cbd5e14d;border-radius:24px;box-shadow:0 12px 40px #0000001a,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffffe6;cursor:pointer;overflow:hidden;padding:36px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.plan-card-selection:before{background:linear-gradient(135deg,#2e615505,#2e615514);background:linear-gradient(135deg,rgba(var(--plan-color-rgb,46,97,85),.02) 0,rgba(var(--plan-color-rgb,46,97,85),.08) 100%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease}.plan-card-selection:hover{border-color:#2e615566;box-shadow:0 25px 60px #00000026,0 0 0 1px #fff3,inset 0 1px 0 #ffffffe6;transform:translateY(-12px) scale(1.02)}.plan-card-selection:hover:before{opacity:1}.plan-card-selection:active{transform:translateY(-8px) scale(1.01);transition:all .1s ease}.plan-card-selection.recommended{border-color:#2e6155;box-shadow:0 20px 50px #2e615533,0 0 0 1px #2e61551a,inset 0 1px 0 #ffffffe6;transform:scale(1.08);z-index:2}.plan-card-selection.recommended:hover{box-shadow:0 30px 70px #2e615540,0 0 0 1px #2e615533,inset 0 1px 0 #ffffffe6;transform:scale(1.08) translateY(-15px)}.plan-card-selection.selected{background:linear-gradient(135deg,#fffffffa,#2e61550d);background:linear-gradient(135deg,#fffffffa 0,rgba(var(--plan-color-rgb,46,97,85),.05) 100%);border-color:#2e6155;border-color:var(--plan-color,#2e6155);box-shadow:0 12px 35px #2e615533;box-shadow:0 12px 35px rgba(var(--plan-color-rgb,46,97,85),.2)}.recommended-badge-selection{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:50px;box-shadow:0 4px 15px #2e615566;color:#fff;display:flex;font-size:12px;font-weight:700;gap:6px;left:50%;padding:8px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.crown-icon{font-size:14px}.plan-header{border-bottom:1px solid #cbd5e14d;margin-bottom:24px;padding-bottom:20px;text-align:center}.plan-icon{align-items:center;border-radius:50%;box-shadow:0 8px 25px #00000026;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.plan-name-selection{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.plan-description-selection{color:#64748b;font-size:14px;line-height:1.5;margin:0}.plan-pricing{margin-bottom:24px;text-align:center}.plan-price-selection{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:12px}.currency{color:#64748b;font-size:20px;font-weight:600}.amount{color:#2e6155;font-size:42px;font-weight:700;line-height:1}.period{color:#64748b;font-size:16px;font-weight:500}.plan-yearly-selection{background:#2e61550d;border-radius:8px;color:#64748b;display:flex;flex-direction:column;font-size:12px;gap:4px;margin-top:8px;padding:8px 12px}.yearly-price{font-weight:500}.savings{color:#10b981;font-weight:600}.plan-features{margin-bottom:24px}.plan-features h4{color:#1e293b;font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0 0 16px;text-align:right}.plan-features ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.plan-features li{align-items:center;background:#f8fafc80;border:1px solid #0000;border-radius:10px;color:#374151;direction:rtl;display:flex;font-size:14px;gap:12px;padding:10px 12px;text-align:right;transition:all .3s ease}.plan-features li:hover{background:#2e61550d;border-color:#2e61551a;transform:translateX(-2px)}.feature-check{align-items:center;background:#10b9811a;border-radius:50%;color:#10b981;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;padding:4px;width:24px}.plan-card-selection.selected .feature-check{background:#10b98133;color:#059669}.plan-card-selection.recommended .feature-check{background:linear-gradient(135deg,#2e615526,#2e61551a)}.plan-card-selection:hover .feature-check{box-shadow:0 2px 8px #10b98133;transform:scale(1.1)}.plan-features li span{font-weight:500;line-height:1.5}.plan-card-selection.recommended .plan-features li{background:#2e615508}.plan-card-selection.recommended .plan-features li:hover{background:#2e615514}.plan-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;padding:16px 24px;transition:all .3s ease;width:100%}.plan-button.primary{background:linear-gradient(135deg,#2e6155,#3a7966);box-shadow:0 4px 15px #2e61554d;color:#fff}.plan-button.secondary{background:#2e61551a;border:2px solid #2e615533;color:#2e6155}.plan-button.selected{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.plan-button:hover{transform:translateY(-2px)}.plan-button.primary:hover{box-shadow:0 8px 25px #2e615566}.plan-button.secondary:hover{background:#2e615526;border-color:#2e61554d}.plan-button.selected:hover{box-shadow:0 8px 25px #10b98166}.plan-button:hover .button-icon{transform:translateX(-2px)}.terms-section{margin:40px 0;text-align:center}.terms-container{background:#f8fafccc;border:1px solid #cbd5e14d;border-radius:16px;padding:24px}.terms-checkbox-wrapper{align-items:center;display:flex;gap:12px;justify-content:center}.terms-checkbox{display:none}.terms-label{color:#374151;cursor:pointer;flex-direction:row-reverse;font-size:16px;gap:12px}.terms-checkmark,.terms-label{align-items:center;display:flex;transition:all .3s ease}.terms-checkmark{border:2px solid #d1d5db;border-radius:6px;flex-shrink:0;height:24px;justify-content:center;position:relative;width:24px}.terms-checkmark:after{color:#fff;content:"✓";font-size:14px;font-weight:700;opacity:0;transition:opacity .3s ease}.terms-checkbox:checked+.terms-label .terms-checkmark{background:linear-gradient(135deg,#2e6155,#3a7966);border-color:#2e6155}.terms-checkbox:checked+.terms-label .terms-checkmark:after{opacity:1}.terms-text{direction:rtl;text-align:right}.terms-link{color:#2e6155;margin-right:4px;text-decoration:none}.terms-link:hover{text-decoration:underline}.selection-confirmation{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#dcfce7,#f0fdf4);border:2px solid #22c55e4d;border-radius:16px;margin:32px 0;padding:24px}.confirmation-content{align-items:center;direction:rtl;display:flex;gap:16px}.confirmation-icon{flex-shrink:0}.confirmation-text h3{color:#166534;font-size:20px;font-weight:700;margin:0 0 4px}.confirmation-text p{color:#166534;font-size:14px;margin:0}.plan-name{color:#059669;font-weight:700}.navigation-section{margin-top:40px;text-align:center}.next-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:Varela Round,sans-serif;font-size:18px;font-weight:700;gap:12px;letter-spacing:.5px;padding:16px 32px;transition:all .3s ease}.next-icon{font-size:16px;transition:transform .3s ease}.next-button:hover:not(.disabled) .next-icon{transform:translateX(-3px)}@media (max-width:768px){.plan-selection-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:16px}.plan-selection-container{border-radius:24px;margin:0;padding:32px 24px}.selection-header{margin-bottom:24px}.selection-title{font-size:18px;line-height:1.3}.selection-subtitle{font-size:13px;line-height:1.5}.toggle-title{font-size:19px;margin-bottom:14px}.billing-toggle{flex-direction:row;gap:6px;margin:0 auto;max-width:500px;padding:6px;width:100%}.billing-toggle button{flex:1 1;font-size:14px;min-width:auto;padding:12px 14px}.toggle-label{font-size:14px}.toggle-desc{font-size:10px}.plans-container-selection{gap:24px;grid-template-columns:1fr;margin-bottom:32px}.plan-card-selection{border-radius:20px;padding:28px 24px}.plan-name-selection{font-size:22px}.plan-description-selection{font-size:14px}.amount{font-size:38px}.currency{font-size:18px}.period{font-size:15px}.plan-features h4{font-size:15px;margin-bottom:14px}.plan-features ul{gap:8px}.plan-features li{font-size:14px;gap:10px;padding:8px 10px}.feature-check{font-size:15px;height:22px;width:22px}.plan-button{font-size:15px;padding:15px 22px}.plan-card-selection.recommended{box-shadow:0 15px 40px #2e615526,0 0 0 1px #2e61551a,inset 0 1px 0 #ffffffe6;transform:none}.plan-card-selection.recommended:hover,.plan-card-selection:hover{box-shadow:0 20px 50px #2e615533,0 0 0 1px #2e615526,inset 0 1px 0 #ffffffe6;transform:translateY(-8px)}.confirmation-content{flex-direction:column;gap:16px;text-align:center}.confirmation-text h3{font-size:18px}.confirmation-text p{font-size:14px}.terms-section{margin:32px 0}.terms-container{padding:20px}.terms-label{font-size:15px}.next-button{font-size:17px;padding:15px 30px}}@media (max-width:480px){.plan-selection-wrapper{padding:12px}.plan-selection-container{border-radius:20px;padding:24px 18px}.header-badge{font-size:11px;padding:6px 12px}.selection-title{font-size:16px;line-height:1.2}.selection-subtitle{font-size:12px;line-height:1.4}.toggle-title{font-size:17px;margin-bottom:12px}.billing-toggle{flex-direction:row;gap:5px;max-width:100%;padding:5px;width:100%}.billing-toggle button{flex:1 1;font-size:12px;min-width:auto;padding:10px}.toggle-label{font-size:12px}.toggle-desc{font-size:9px}.discount-badge{font-size:9px;padding:2px 5px;right:-6px;top:-6px}.plans-container-selection{gap:20px;margin-bottom:28px}.plan-card-selection{border-radius:18px;padding:24px 18px}.recommended-badge-selection{font-size:11px;padding:6px 14px;top:-10px}.crown-icon{font-size:12px}.plan-icon{font-size:20px;height:50px;margin-bottom:12px;width:50px}.plan-name-selection{font-size:20px;margin-bottom:6px}.plan-description-selection{font-size:13px}.amount{font-size:34px}.currency{font-size:16px}.period{font-size:14px}.plan-yearly-selection{font-size:11px;padding:6px 10px}.plan-features h4{font-size:14px;margin-bottom:12px}.plan-features ul{gap:6px}.plan-features li{font-size:13px;gap:8px;padding:8px 10px}.feature-check{font-size:14px;height:20px;padding:3px;width:20px}.plan-features li:hover{transform:none}.plan-button{padding:13px 20px}.plan-button,.terms-label{font-size:14px}.checkmark{height:22px;width:22px}.checkmark:after{font-size:13px}.confirmation-text h3{font-size:17px}.confirmation-text p{font-size:13px}.confirmation-icon{font-size:28px}.next-button{font-size:16px;padding:14px 26px}}@media (prefers-contrast:high){.plan-card-selection{border-width:3px}.plan-button{border:2px solid}}.billing-toggle button,.next-button,.plan-button,.plan-card-selection{will-change:transform,box-shadow}.billing-toggle button:not(:hover),.next-button:not(:hover),.plan-button:not(:hover),.plan-card-selection:not(:hover){will-change:auto}.billing-toggle button:focus-visible,.next-button:focus-visible,.plan-button:focus-visible,.plan-card-selection:focus-visible,.terms-checkbox:focus-visible+.terms-label .terms-checkmark{outline:3px solid #2e6155;outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.discount-badge,.selection-confirmation,.sparkle-icon{animation:none}.plan-card-selection.recommended:hover,.plan-card-selection:hover{transform:none!important}}@media (prefers-color-scheme:dark){.plan-selection-wrapper{background:linear-gradient(135deg,#1e293b,#334155)}.plan-selection-container{background:#1e293bf2;border-color:#94a3b84d}.plan-card-selection{background:#1e293bfa;border-color:#94a3b833}.plan-features h4,.plan-name-selection,.selection-title{color:#f1f5f9}.plan-description-selection,.plan-features li,.selection-subtitle{color:#cbd5e1}.terms-container{background:#0f172acc;border-color:#94a3b833}}.sim-selection-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:20px;position:relative}.sim-selection-wrapper:before{background:radial-gradient(circle at 20% 20%,#2e61551a 0,#0000 50%),radial-gradient(circle at 80% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 40% 60%,#a855f70d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sim-selection-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffffe6;border-radius:32px;box-shadow:0 32px 80px #0000000f,0 8px 32px #0000000a,inset 0 1px 0 #fffc;font-family:Varela Round,sans-serif;margin:0 auto;max-width:1100px;overflow:visible!important;padding:48px;position:relative}.sim-selection-container:before{background:linear-gradient(90deg,#2e6155,#3a7966 50%,#2e6155);border-radius:32px 32px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.sim-header{margin-bottom:48px;position:relative;text-align:center}.header-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;box-shadow:0 8px 25px #2e615540,0 4px 10px #2e615526;gap:10px;margin-bottom:24px;padding:12px 24px;transition:all .3s ease}.header-badge:hover{box-shadow:0 12px 35px #2e615559,0 6px 15px #2e615533;transform:translateY(-2px)}.sim-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#374151);background-clip:text;-webkit-background-clip:text;font-size:clamp(28px,4vw,36px);font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 16px}.sim-subtitle{color:#64748b;font-size:18px;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.sim-selection-options{margin-bottom:48px}.option-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:900px;padding:0 16px}.option-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014,0 2px 8px #0000000a;cursor:pointer;display:flex;flex-direction:column;min-height:420px;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.option-card:before{background:linear-gradient(145deg,#0000,#2e615505);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.option-card:hover{border-color:#2e6155;box-shadow:0 12px 40px #0000001f,0 6px 16px #00000014;transform:translateY(-8px)}.option-card:hover:before{opacity:1}.option-card.recommended{background:linear-gradient(145deg,#fff,#f0fdf4);border-color:#2e6155;border-width:3px;box-shadow:0 8px 30px #2e615526,0 4px 12px #2e61551a;transform:scale(1.03);z-index:2}.option-card.recommended:hover{transform:scale(1.03) translateY(-8px)}.recommended-badge{align-items:center;animation:pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2e6155,#3a7966);border:2px solid #ffffffe6;border-radius:50px;box-shadow:0 8px 25px #2e615566,0 4px 10px #2e615540;color:#fff;display:flex;font-size:12px;font-weight:700;gap:8px;left:50%;padding:10px 20px;position:absolute;top:-16px;transform:translateX(-50%)}.verified-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:14px}.option-icon{background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:20px;box-shadow:0 8px 20px #2e615533,0 4px 10px #2e61551a;color:#fff;font-size:32px;height:80px;margin:0 auto 20px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:80px}.option-icon:before{background:linear-gradient(45deg,#fff3,#0000);border-radius:24px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.option-card:hover .option-icon{box-shadow:0 24px 60px #3b82f659,0 12px 30px #3b82f633;transform:translateY(-4px) rotate(5deg)}.purchase-sim .option-icon{background:linear-gradient(135deg,#2e6155,#3a7966);box-shadow:0 16px 40px #2e615540,0 8px 20px #2e615526}.purchase-sim:hover .option-icon{box-shadow:0 24px 60px #2e615559,0 12px 30px #2e615533}.option-card h3{color:#1e293b;font-size:22px;font-weight:700;line-height:1.3;margin:0 0 12px}.option-card p{color:#64748b;flex-grow:1;font-size:15px;line-height:1.6;margin:0 0 20px}.option-features{background:#f8fafc80;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:16px}.feature{align-items:center;color:#374151;direction:rtl;display:flex;font-size:14px;gap:10px;justify-content:flex-start;text-align:right}.feature-icon{color:#22c55e!important;flex-shrink:0;font-size:18px!important}.option-button{align-items:center;background:#e2e8f080;border:2px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:15px;font-weight:700;gap:8px;justify-content:center;margin-top:auto;padding:14px 24px;transition:all .3s ease;width:100%}.option-button.primary{background:linear-gradient(135deg,#2e6155,#3a7966);border:none;box-shadow:0 4px 15px #2e615540;color:#fff}.option-button:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.option-button.primary:hover{box-shadow:0 6px 20px #2e615559}.button-icon{font-size:14px;transition:transform .3s ease}.option-button:hover .button-icon{transform:translateX(-2px)}.sim-selection-content{animation:slideIn .5s ease-out}.forwarding-input-section,.phone-input-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffffff2,#f8fafce6);border:1px solid #cbd5e166;border-radius:24px;box-shadow:0 12px 32px #0000000a,0 6px 16px #00000005,inset 0 1px 0 #fffc;margin-bottom:32px;overflow:visible!important;padding:40px;position:relative;z-index:1}.forwarding-input-section:before,.phone-input-section:before{background:linear-gradient(90deg,#2e6155,#3a7966 50%,#2e6155);border-radius:24px 24px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.sim-selection-phone-number-list{animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffffffa,#f8fafcf2);border:1px solid #cbd5e166;border-radius:24px;box-shadow:0 16px 40px #0000000f,0 8px 20px #0000000a,inset 0 1px 0 #ffffffe6;overflow:hidden;padding:40px;position:relative}.sim-selection-phone-number-list:before{background:linear-gradient(90deg,#3b82f6,#2563eb 50%,#3b82f6);border-radius:24px 24px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.input-header{margin-bottom:32px;position:relative;text-align:center}.input-icon{background:linear-gradient(135deg,#2e6155,#059669 70%,#10b981);border:3px solid #ffffffe6;border-radius:50%;box-shadow:0 12px 35px #2e615540,0 6px 15px #2e615526,inset 0 1px 0 #fff3;color:#fff;display:inline-block;font-size:42px;margin-bottom:20px;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.input-icon:before{background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.input-header:hover .input-icon{box-shadow:0 20px 50px #2e61554d,0 10px 25px #2e615533,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.08)}.input-header:hover .input-icon:before{opacity:1}.input-header h3,.input-header h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#374151);background-clip:text;-webkit-background-clip:text;font-size:26px;font-weight:700;line-height:1.3;margin:0 0 12px}.input-header p{color:#64748b;font-size:16px;line-height:1.6;margin:0 auto;max-width:500px}.phone-input-wrapper{margin:0 auto;max-width:400px}.enhanced-phone-input-container{direction:ltr;position:relative;width:100%;z-index:1000}.enhanced-phone-input-container:before{background:linear-gradient(135deg,#2e61550d,#3b82f605);border-radius:16px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.enhanced-phone-input-container:focus-within:before{opacity:1}.enhanced-phone-input-container .form-control{background:#fff;border:2px solid #cbd5e1cc;border-radius:12px;color:#374151;font-family:Varela Round,sans-serif;font-size:16px;font-weight:400;height:56px;padding:0 16px 0 65px;transition:all .3s ease;width:100%}.enhanced-phone-input-container .form-control:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.enhanced-phone-input-container .form-control::placeholder{color:#9ca3af;font-weight:400}.enhanced-phone-input-container .flag-dropdown{background:#fff;border:2px solid #cbd5e1cc;border-radius:12px 0 0 12px;border-right:none;height:56px;transition:all .3s ease}.enhanced-phone-input-container .flag-dropdown:hover{background:#2e615508;border-color:#2e61554d}.enhanced-phone-input-container:focus-within .flag-dropdown{border-color:#2e6155}.enhanced-phone-input-container .country-list{background:#fff!important;border:1px solid #cbd5e199!important;border-radius:12px!important;box-shadow:0 10px 25px #0000001a!important;left:0!important;margin-top:4px!important;max-height:200px!important;overflow-y:auto!important;padding:0!important;position:absolute!important;right:0!important;top:100%!important;width:100%!important;z-index:99999!important}.enhanced-phone-input-container .country-list::-webkit-scrollbar{width:6px!important}.enhanced-phone-input-container .country-list::-webkit-scrollbar-track{background:#f3f4f680!important;border-radius:3px!important}.enhanced-phone-input-container .country-list::-webkit-scrollbar-thumb{background:#2e61554d!important;border-radius:3px!important}.enhanced-phone-input-container .country-list::-webkit-scrollbar-thumb:hover{background:#2e615580!important}.enhanced-phone-input-container .search-box{background:#fff!important;border:1px solid #e5e7ebcc!important;border-radius:8px!important;font-family:Varela Round,sans-serif!important;font-size:14px!important;margin:8px!important;outline:none!important;padding:8px 12px!important;transition:all .2s ease!important;width:calc(100% - 16px)!important}.enhanced-phone-input-container .search-box:focus{border-color:#2e6155!important;box-shadow:0 0 0 2px #2e61551a!important}.enhanced-phone-input-container .country-list .country{align-items:center!important;border:none!important;border-bottom:1px solid #e5e7eb80!important;cursor:pointer!important;display:flex!important;font-family:Varela Round,sans-serif!important;gap:10px!important;margin:0!important;padding:10px 12px!important;transition:background-color .2s ease!important}.enhanced-phone-input-container .country-list .country:hover{background:#f8fafccc!important}.enhanced-phone-input-container .country-list .country.highlight{background:#2e61550d!important}.enhanced-phone-input-container .country-list .country:last-child{border-bottom:none!important}.enhanced-phone-input-container .country-list .country .flag{border:1px solid #e5e7eb80!important;border-radius:2px!important;flex-shrink:0!important;height:15px!important;object-fit:cover!important;width:20px!important}.enhanced-phone-input-container .country-list .country .country-name{color:#374151!important;flex:1 1!important;font-size:14px!important;font-weight:400!important;text-align:left!important}.enhanced-phone-input-container .country-list .country .dial-code{color:#6b7280!important;flex-shrink:0!important;font-size:13px!important;font-weight:500!important}.react-tel-input .flag-dropdown{z-index:1001!important}.react-tel-input .flag-dropdown.open{z-index:99998!important}.error-message{margin-top:16px;padding:16px}.selected-phone-section{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border:2px solid #22c55e4d;border-radius:20px;margin-bottom:32px;padding:32px;text-align:center}.selection-confirmation{align-items:center;direction:rtl;display:flex;gap:16px;justify-content:center;margin-bottom:20px}.confirmation-icon{color:#22c55e;font-size:32px}.confirmation-content h3{color:#166534;font-size:20px;font-weight:700;margin:0 0 8px}.selected-number{color:#059669;direction:ltr;font-size:24px;font-weight:700}.phone-prefix{margin-left:8px}.reset-button{align-items:center;background:#ffffffe6;border:2px solid #64748b4d;border-radius:12px;color:#64748b;cursor:pointer;display:inline-flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.reset-button:hover{background:#64748b1a;border-color:#64748b66;transform:translateY(-2px)}.reset-icon{font-size:14px}.forwarding-section{background:#f8fafccc;border:1px solid #cbd5e14d;border-radius:20px;margin-bottom:32px;padding:32px}.forwarding-header{margin-bottom:24px;text-align:center}.forwarding-icon{color:#2e6155;font-size:32px;margin-bottom:16px}.forwarding-header h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.forwarding-header p{color:#64748b;font-size:16px;margin:0}.forwarding-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.forwarding-option{align-items:center;background:#fff;border:2px solid #cbd5e180;border-radius:12px;cursor:pointer;direction:rtl;display:flex;gap:12px;padding:20px;transition:all .3s ease}.forwarding-option:hover{background:#2e615505;border-color:#2e61554d}.forwarding-option input[type=radio]{display:none}.radio-custom{border:2px solid #d1d5db;border-radius:50%;height:20px;position:relative;transition:all .3s ease;width:20px}.radio-custom:after{background:#2e6155;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease;width:10px}.forwarding-option input[type=radio]:checked+.radio-custom{border-color:#2e6155}.forwarding-option input[type=radio]:checked+.radio-custom:after{transform:translate(-50%,-50%) scale(1)}.option-text{color:#374151;font-size:16px;font-weight:500}.navigation-buttons{gap:20px;margin-top:48px}.nav-button{border-radius:16px;max-width:200px;overflow:hidden;padding:18px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.nav-button:hover:before{left:100%}.prev-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffffe6,#f8fafccc);box-shadow:0 6px 20px #64748b1a,inset 0 1px 0 #fffc}.prev-button:hover{background:linear-gradient(145deg,#fff,#f8fafcf2);box-shadow:0 12px 30px #64748b26,inset 0 1px 0 #fff;color:#475569;transform:translateY(-4px)}.next-button{border:1px solid #ffffff1a;box-shadow:0 8px 25px #2e615540,0 4px 10px #2e615526;overflow:hidden;position:relative}.next-button:after{background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:16px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.next-button:hover:not(.disabled){background:linear-gradient(135deg,#2e6155,#3a7966);box-shadow:0 16px 40px #2e615559,0 8px 20px #2e615533;transform:translateY(-4px)}.next-button.disabled{background:linear-gradient(135deg,#94a3b8,#9ca3af);box-shadow:0 4px 12px #94a3b833;transform:none}.next-button.disabled:before{display:none}.sim-selection-phone-number-list{margin-bottom:32px}@media (max-width:768px){.sim-selection-wrapper{min-height:auto;padding:12px}.sim-selection-container{border-radius:16px;padding:20px 16px}.sim-header{margin-bottom:20px}.header-badge{font-size:12px;margin-bottom:16px;padding:8px 16px}.sim-title{font-size:22px;margin-bottom:8px}.sim-subtitle{font-size:14px}.option-cards{gap:16px;grid-template-columns:1fr;max-width:none}.option-card{border-radius:16px;padding:20px 16px;transform:none!important}.option-card.recommended{border-width:2px;transform:none!important}.option-card.recommended:hover,.option-card:hover{transform:translateY(-4px)!important}.recommended-badge{font-size:11px;padding:6px 12px;top:-12px}.option-icon{border-radius:16px;font-size:28px;height:64px;margin-bottom:16px;width:64px}.option-card h3{font-size:18px;margin-bottom:8px}.option-card p{font-size:14px;margin-bottom:16px}.option-features{gap:8px;margin-bottom:16px}.feature{font-size:13px}.forwarding-input-section,.phone-input-section,.sim-selection-phone-number-list{border-radius:16px;margin-bottom:16px;padding:20px 16px}.input-header{margin-bottom:20px}.input-icon{font-size:32px;margin-bottom:12px;padding:14px}.input-header h3,.input-header h4{font-size:18px;margin-bottom:8px}.input-header p{font-size:13px}.enhanced-phone-input-container .form-control{font-size:14px;height:50px}.enhanced-phone-input-container .flag-dropdown{height:50px}.selected-phone-section{border-radius:16px;margin-bottom:16px;padding:20px 16px}.selection-confirmation{flex-direction:column;gap:8px;margin-bottom:12px}.confirmation-icon{font-size:28px}.confirmation-content h3{font-size:16px;margin-bottom:4px}.selected-number{font-size:20px}.reset-button{font-size:13px;padding:10px 16px}.forwarding-section{border-radius:16px;margin-bottom:16px;padding:20px 16px}.forwarding-header{margin-bottom:16px}.forwarding-icon{font-size:28px;margin-bottom:12px}.forwarding-header h3{font-size:18px;margin-bottom:6px}.forwarding-header p{font-size:13px}.forwarding-options{gap:12px;margin-bottom:16px}.forwarding-option{border-radius:10px;padding:14px 12px}.option-text{font-size:14px}.navigation-buttons{flex-direction:column;gap:12px;margin-top:24px}.nav-button{border-radius:12px;flex:none;max-width:none;padding:14px 24px}}@media (max-width:480px){.sim-selection-wrapper{padding:8px}.sim-selection-container{border-radius:12px;padding:16px 12px}.sim-header{margin-bottom:16px}.header-badge{font-size:11px;margin-bottom:12px;padding:6px 12px}.sim-title{font-size:20px;margin-bottom:6px}.sim-subtitle{font-size:13px}.option-cards{gap:12px}.option-card{border-radius:12px;padding:16px 12px}.recommended-badge{font-size:10px;padding:5px 10px;top:-10px}.option-icon{border-radius:12px;font-size:24px;height:56px;margin-bottom:12px;width:56px}.option-card h3{font-size:16px;margin-bottom:6px}.option-card p{font-size:13px;margin-bottom:12px}.option-features{gap:6px;margin-bottom:12px}.feature{font-size:12px}.option-button{font-size:14px;padding:12px 16px}.forwarding-input-section,.forwarding-section,.phone-input-section,.sim-selection-phone-number-list{border-radius:12px;margin-bottom:12px;padding:16px 12px}.input-header{margin-bottom:16px}.input-icon{font-size:28px;margin-bottom:10px;padding:12px}.input-header h3,.input-header h4{font-size:16px;margin-bottom:6px}.input-header p{font-size:12px}.enhanced-phone-input-container .form-control{font-size:14px;height:48px;padding:0 12px 0 55px}.enhanced-phone-input-container .flag-dropdown{height:48px}.selected-phone-section{margin-bottom:12px;padding:16px 12px}.confirmation-icon{font-size:24px}.confirmation-content h3{font-size:14px}.selected-number{font-size:18px}.reset-button{font-size:12px;padding:8px 12px}.forwarding-section{padding:16px 12px}.forwarding-icon{font-size:24px;margin-bottom:10px}.forwarding-header h3{font-size:16px;margin-bottom:4px}.forwarding-header p{font-size:12px}.forwarding-options{gap:10px;margin-bottom:12px}.forwarding-option{padding:12px 10px}.option-text{font-size:13px}.navigation-buttons{gap:10px;margin-top:20px}.nav-button{font-size:14px;padding:12px 20px}}@media (prefers-contrast:high){.option-card{border-width:3px}.nav-button{border:2px solid}}.sim-selection-wrapper.rtl{direction:rtl}.sim-selection-wrapper.ltr,.sim-selection-wrapper.ltr .forwarding-option,.sim-selection-wrapper.ltr .selection-confirmation{direction:ltr}.sim-selection-wrapper.ltr .navigation-buttons,.sim-selection-wrapper.rtl .navigation-buttons{flex-direction:row}.sim-selection-wrapper.rtl .next-button .nav-icon,.sim-selection-wrapper.rtl .prev-button .nav-icon{transform:rotate(180deg)}.sim-selection-wrapper.ltr .option-button .button-icon{transform:scaleX(-1)}.sim-selection-wrapper.rtl .next-button:hover:not(.disabled) .nav-icon{transform:rotate(180deg) translateX(2px)}.sim-selection-wrapper.rtl .prev-button:hover .nav-icon{transform:rotate(180deg) translateX(-2px)}.sim-selection-wrapper.ltr .next-button:hover:not(.disabled) .nav-icon{transform:translateX(2px)}.sim-selection-wrapper.ltr .prev-button:hover .nav-icon{transform:translateX(-2px)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.recommended-badge,.sim-selection-content,.sim-selection-phone-number-list,.sparkle-icon{animation:none}}.basic-info-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000014;font-family:Varela Round,sans-serif;margin:0 auto;max-width:800px;padding:40px}.basic-info-container.rtl{direction:rtl}.basic-info-container.ltr{direction:ltr}.basic-info-header{margin-bottom:40px;text-align:center}.basic-info-title{color:#1e293b;font-size:clamp(24px,4vw,32px);font-weight:700;line-height:1.3;margin:0 0 12px}.basic-info-subtitle{color:#64748b;font-size:16px;line-height:1.5;margin:0}.basic-info-form{display:flex;flex-direction:column;gap:32px}.form-field{background:#f8fafccc;border:1px solid #cbd5e14d;border-radius:16px;overflow:visible;padding:24px;position:relative;transition:all .3s ease}.form-field:hover{background:#f8fafcf2;border-color:#2e615533}.form-field:focus-within{background:#f8fafc;border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a}.field-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.basic-info-container.rtl .field-header{direction:rtl}.basic-info-container.ltr .field-header{direction:ltr;flex-direction:row-reverse}.field-icon{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:12px;box-shadow:0 4px 15px #2e61554d;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.field-labels{flex:1 1}.basic-info-container.rtl .field-labels{text-align:right}.basic-info-container.ltr .field-labels{text-align:left}.field-label{display:block;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 4px}.field-description{color:#64748b;font-size:14px;line-height:1.4;margin:0}.input-wrapper{align-items:center;display:flex;gap:16px;position:relative}.form-input{background:#fff;border:2px solid #cbd5e1cc;border-radius:12px;color:#374151;flex:1 1;font-family:Varela Round,sans-serif;font-size:16px;height:56px;padding:0 16px;transition:all .3s ease}.form-input:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.form-input.error{background:#fef2f280;border-color:#ef4444}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input.filled{background:#dcfce74d;border-color:#10b981}.form-input::placeholder{color:#9ca3af;font-size:14px}.input-error-icon,.input-success-icon{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;margin:0 4px;pointer-events:none;position:relative;transition:all .3s ease;width:32px}.input-success-icon{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #fff;box-shadow:0 4px 12px #10b9814d;color:#fff}.input-success-icon:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:scale(1.05)}.input-error-icon{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;box-shadow:0 4px 12px #ef44444d;color:#fff}.input-error-icon:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:scale(1.05)}.basic-info-container.rtl .input-wrapper{flex-direction:row-reverse!important}.basic-info-container.ltr .input-wrapper{flex-direction:row!important}.phone-input-wrapper{align-items:center;direction:ltr;display:flex;gap:16px;overflow:visible!important;position:relative;width:100%!important;z-index:1000}.enhanced-phone-container{flex:1 1;position:relative;z-index:1000}.basic-info-container .react-tel-input,.enhanced-phone-container .react-tel-input,.enhanced-phone-container .react-tel-input .form-control{width:100%!important}.basic-info-container .react-tel-input .form-control{box-sizing:border-box!important;width:100%!important}.enhanced-phone-container .form-control{background:#fff;border:2px solid #cbd5e1cc;border-radius:12px;font-family:Varela Round,sans-serif;font-size:16px;height:56px;padding:0 50px 0 60px;transition:all .3s ease}.enhanced-phone-container .form-control:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.enhanced-phone-container .form-control.error{background:#fef2f280;border-color:#ef4444}.enhanced-phone-container .form-control.filled{background:#dcfce74d;border-color:#10b981}.enhanced-phone-container .flag-dropdown{background:#fff;border:2px solid #cbd5e1cc;border-radius:12px 0 0 12px;border-right:none;height:56px}.enhanced-phone-container .flag-dropdown:hover{background:#2e61550d}.enhanced-phone-container .selected-flag{height:56px;padding:0 12px}.enhanced-phone-container:focus-within .flag-dropdown{border-color:#2e6155}.enhanced-phone-container .country-list{background:#fff!important;border:1px solid #cbd5e199!important;border-radius:12px!important;box-shadow:0 10px 25px #0000001a!important;left:0!important;margin-top:4px!important;max-height:200px!important;overflow-y:auto!important;padding:0!important;position:absolute!important;right:0!important;top:100%!important;width:100%!important;z-index:99999!important}.enhanced-phone-container .country-list::-webkit-scrollbar{width:6px!important}.enhanced-phone-container .country-list::-webkit-scrollbar-track{background:#f3f4f680!important;border-radius:3px!important}.enhanced-phone-container .country-list::-webkit-scrollbar-thumb{background:#2e61554d!important;border-radius:3px!important}.enhanced-phone-container .country-list::-webkit-scrollbar-thumb:hover{background:#2e615580!important}.enhanced-phone-container .search-box{background:#fff!important;border:1px solid #e5e7ebcc!important;border-radius:8px!important;font-family:Varela Round,sans-serif!important;font-size:14px!important;margin:8px!important;outline:none!important;padding:8px 12px!important;transition:all .2s ease!important;width:calc(100% - 16px)!important}.enhanced-phone-container .search-box:focus{border-color:#2e6155!important;box-shadow:0 0 0 2px #2e61551a!important}.enhanced-phone-container .country-list .country{align-items:center!important;border:none!important;border-bottom:1px solid #e5e7eb80!important;cursor:pointer!important;display:flex!important;font-family:Varela Round,sans-serif!important;gap:10px!important;margin:0!important;padding:10px 12px!important;transition:background-color .2s ease!important}.enhanced-phone-container .country-list .country:hover{background:#f8fafccc!important}.enhanced-phone-container .country-list .country.highlight{background:#2e61550d!important}.enhanced-phone-container .country-list .country:last-child{border-bottom:none!important}.enhanced-phone-container .country-list .country .flag{border:1px solid #e5e7eb80!important;border-radius:2px!important;flex-shrink:0!important;height:15px!important;object-fit:cover!important;width:20px!important}.enhanced-phone-container .country-list .country .country-name{color:#374151!important;flex:1 1!important;font-size:14px!important;font-weight:400!important;text-align:left!important}.enhanced-phone-container .country-list .country .dial-code{color:#6b7280!important;flex-shrink:0!important;font-size:13px!important;font-weight:500!important}.timezone-wrapper{align-items:center;direction:ltr;display:flex;gap:16px}.enhanced-timezone-select{flex:1 1}.enhanced-timezone-select .timezone-select__control{background:#fff;border:2px solid #cbd5e1cc;border-radius:12px;font-family:Varela Round,sans-serif;font-size:16px;height:56px;padding:0 40px 0 8px;transition:all .3s ease}.enhanced-timezone-select .timezone-select__control:hover{border-color:#2e615566}.enhanced-timezone-select .timezone-select__control--is-focused{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a}.enhanced-timezone-select.error .timezone-select__control{background:#fef2f280;border-color:#ef4444}.enhanced-timezone-select.filled .timezone-select__control{background:#dcfce74d;border-color:#10b981}.enhanced-timezone-select .timezone-select__placeholder{color:#9ca3af;font-size:14px}.enhanced-timezone-select .timezone-select__single-value{color:#374151;font-size:16px}.enhanced-timezone-select .timezone-select__menu{border:1px solid #cbd5e14d;border-radius:12px;box-shadow:0 8px 25px #00000026;max-height:200px!important;overflow-y:auto!important;position:absolute!important;z-index:99999!important}.enhanced-timezone-select .timezone-select__option{font-size:14px;padding:12px 16px}.enhanced-timezone-select .timezone-select__option--is-focused{background:#2e61551a;color:#2e6155}.enhanced-timezone-select .timezone-select__option--is-selected{background:#2e6155;color:#fff}.error-message{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #ef44444d;border-radius:12px;color:#dc2626;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:12px;padding:12px 16px}.basic-info-container.rtl .error-message{direction:rtl}.basic-info-container.ltr .error-message{direction:ltr}.error-icon{flex-shrink:0;font-size:16px}.navigation-buttons.ltr{flex-direction:row}.next-button:hover{box-shadow:0 8px 25px #2e615566;transform:translateY(-2px)}.next-button:hover .nav-icon{transform:translateX(-2px)}.form-field.loading{opacity:.7;pointer-events:none}.form-field.loading:after{animation:spin 1s linear infinite;border:2px solid #2e6155;border-radius:50%;border-top-color:#0000;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@media (max-width:768px){.basic-info-container{padding:24px}.basic-info-title{font-size:22px}.basic-info-subtitle{font-size:14px}.basic-info-form{gap:24px}.form-field{padding:20px}.field-header{flex-direction:column;gap:12px}.field-header,.field-labels{text-align:center}.field-icon{align-self:center;font-size:18px;height:40px;width:40px}.enhanced-phone-container .form-control,.form-input{font-size:14px;height:48px;padding:0 12px}.input-error-icon,.input-success-icon{font-size:16px;height:28px;width:28px}.input-wrapper,.phone-input-wrapper,.timezone-wrapper{gap:14px}.basic-info-container.rtl .input-wrapper{flex-direction:row-reverse!important}.basic-info-container.ltr .input-wrapper{flex-direction:row!important}.enhanced-phone-container .form-control{padding:0 40px 0 50px;width:100%!important}.enhanced-phone-container .flag-dropdown{height:48px}.enhanced-phone-container .selected-flag{height:48px;padding:0 8px}.enhanced-timezone-select .timezone-select__control{font-size:14px;height:48px;padding:0 30px 0 8px}.navigation-buttons{flex-direction:column;gap:12px}.nav-button{flex:none;font-size:14px;padding:14px 20px}}@media (max-width:480px){.basic-info-container{padding:20px}.form-field{padding:16px}.field-header{gap:8px}.field-icon{height:36px;width:36px}.field-icon,.field-label{font-size:16px}.field-description{font-size:12px}.enhanced-phone-container .form-control,.form-input{font-size:14px;height:44px}.input-error-icon,.input-success-icon{font-size:14px;height:24px;width:24px}.input-wrapper,.phone-input-wrapper,.timezone-wrapper{gap:12px}.basic-info-container.rtl .input-wrapper{flex-direction:row-reverse!important}.basic-info-container.ltr .input-wrapper{flex-direction:row!important}.enhanced-timezone-select .timezone-select__control{height:44px}.nav-button{font-size:14px;padding:12px 16px}}@media (prefers-contrast:high){.form-field{border-width:2px}.enhanced-phone-container .form-control,.form-input{border-width:3px}.nav-button{border:2px solid}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.form-field.loading:after,.sparkle-icon{animation:none}}.enhanced-phone-container .form-control:focus,.enhanced-timezone-select .timezone-select__control--is-focused,.form-input:focus{outline:2px solid #2e6155;outline-offset:2px}@media print{.basic-info-container{background:#fff;border:1px solid #000;box-shadow:none}.navigation-buttons{display:none}.field-icon{background:#000;color:#fff}}.progress-container{margin:0 auto 40px;max-width:900px;padding:20px;width:100%}.progress-container.rtl{direction:rtl}.progress-container.ltr{direction:ltr}.progress-wrapper{align-items:flex-start;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border:1px solid #cbd5e14d;border-radius:24px;box-shadow:0 10px 30px #0000001a,0 1px 3px #0000000d,inset 0 1px 0 #ffffffe6;display:flex;justify-content:space-between;padding:36px 28px;position:relative}.progress-wrapper:before{background:linear-gradient(90deg,#cbd5e14d,#cbd5e133);left:12%;right:12%}.progress-wrapper:after,.progress-wrapper:before{border-radius:4px;content:"";height:4px;position:absolute;top:56px;z-index:1}.progress-wrapper:after{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#2e6155,#3a7966 50%,#10b981);background:linear-gradient(90deg,#0000,#fff6 50%,#0000),linear-gradient(90deg,#2e6155,#3a7966 50%,#10b981);background-position:200% 0,0 0;background-size:200% 100%,100% 100%;box-shadow:0 0 10px #2e61554d,0 2px 8px #2e615533;overflow:hidden;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1)}.progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative;transition:all .4s ease;z-index:2}.progress-container.rtl .progress-wrapper.step-1:after{left:88%;right:12%}.progress-container.rtl .progress-wrapper.step-2:after{left:62.5%;right:12%}.progress-container.rtl .progress-wrapper.step-3:after{left:50%;right:12%}.progress-container.rtl .progress-wrapper.step-4:after{left:25%;right:12%}.progress-container.rtl .progress-wrapper.step-5:after{left:12.5%;right:12%}.progress-container.ltr .progress-wrapper.step-1:after{left:12%;right:88%}.progress-container.ltr .progress-wrapper.step-2:after{left:12%;right:62.5%}.progress-container.ltr .progress-wrapper.step-3:after{left:12%;right:50%}.progress-container.ltr .progress-wrapper.step-4:after{left:12%;right:25%}.progress-container.ltr .progress-wrapper.step-5:after{left:12%;right:12.5%}.step-circle{align-items:center;background:#ffffffe6;border:3px solid #cbd5e1cc;border-radius:50%;box-shadow:0 4px 15px #0000001a;display:flex;height:56px;justify-content:center;margin-bottom:12px;position:relative;transition:all .4s ease;width:56px}.progress-step.active .step-circle{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#2e6155,#3a7966);border-color:#2e6155;box-shadow:0 8px 25px #2e615566,0 0 0 0 #2e6155b3;transform:scale(1.1)}.progress-step.completed .step-circle{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 6px 20px #10b98159,0 0 0 3px #10b9811a;transform:scale(1.05)}.step-icon{color:#94a3b8;font-size:20px;transition:all .3s ease}.progress-step.active .step-icon{color:#fff;font-size:22px}.progress-step-number{color:#94a3b8;font-family:Varela Round,sans-serif;font-size:22px;font-weight:700;line-height:1;transition:all .3s ease}.check-icon{animation:checkBounce .6s ease-out;color:#fff;font-size:20px}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.step-label{color:#64748b;font-size:14px;font-weight:600;line-height:1.3;max-width:80px;text-align:center;transition:all .3s ease}.progress-step.active .step-label{color:#2e6155;font-size:15px;font-weight:700}.progress-step.completed .step-label{color:#10b981;font-weight:700}.progress-step:hover .step-circle{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.progress-step.active:hover .step-circle{transform:scale(1.1) translateY(-2px)}@media (max-width:768px){.progress-container{align-items:center;display:flex;justify-content:center;left:50%;margin:0 auto 30px;max-width:95%;padding:15px 8px;position:relative;transform:translateX(-50%)}.progress-wrapper{-webkit-overflow-scrolling:touch;border-radius:16px;flex-wrap:nowrap;gap:0;justify-content:center;margin:0 auto;max-width:100%;overflow-x:auto;padding:20px 16px;width:100%}.progress-wrapper:before{height:2px;left:10%;right:10%;top:40px}.progress-step{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;min-width:65px}.step-circle{height:44px;margin-bottom:8px;width:44px}.progress-step.active .step-circle{transform:scale(1.05)}.step-icon{font-size:16px}.progress-step.active .step-icon{font-size:18px}.check-icon,.progress-step-number{font-size:16px}.step-label{font-size:12px;max-width:60px}.progress-step.active .step-label{font-size:13px}.step-connector{height:2px;right:-60%;top:20px;width:120%}}@media (max-width:480px){.progress-container{left:50%;margin:0 auto 25px;padding:12px 6px;position:relative;transform:translateX(-50%)}.progress-wrapper{border-radius:12px;gap:0;justify-content:center;margin:0 auto;padding:16px 12px}.progress-wrapper:before{height:2px;left:8%;right:8%;top:34px}.progress-step{flex:0 0 auto;min-width:60px}.step-circle{height:36px;margin-bottom:6px;width:36px}.step-icon{font-size:12px}.progress-step.active .step-icon{font-size:14px}.check-icon{font-size:12px}.progress-step-number{font-size:14px}.step-label{font-size:10px;line-height:1.2;max-width:45px}.progress-step.active .step-label{font-size:11px}.step-connector{top:16px}}@media (prefers-contrast:high){.step-circle{border-width:2px}.progress-step.active .step-circle,.progress-step.completed .step-circle{border-width:3px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.check-icon{animation:none}.progress-step.active:hover .step-circle,.progress-step:hover .step-circle{transform:none}.progress-step.active .step-circle,.progress-wrapper:after{animation:none}}.waba-onboarding-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000014;font-family:Varela Round,sans-serif;margin:0 auto;max-width:1200px;overflow:hidden;padding:40px;position:relative}.waba-onboarding-container.rtl{direction:rtl}.waba-onboarding-container.ltr{direction:ltr}.waba-header{margin-bottom:40px;position:relative;text-align:center;z-index:1}.waba-onboarding-container:before{animation:backgroundFloat 20s ease-in-out infinite;background:radial-gradient(circle,#25d3660d 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}.header-badge{background:linear-gradient(135deg,#25d366,#128c7e)}.waba-title{color:#1e293b;font-size:clamp(28px,5vw,36px);font-weight:700;line-height:1.3;margin:0 0 12px}.waba-subtitle{color:#64748b;font-size:18px;line-height:1.5;margin:0}.waba-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px}.video-section{background:#f8fafccc;border:1px solid #cbd5e14d;border-radius:20px;padding:32px}.video-header{margin-bottom:24px}.video-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 8px 25px #3b82f64d;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.video-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.video-header p{color:#64748b;font-size:14px;margin:0}.video-wrapper{border-radius:16px;box-shadow:0 8px 25px #0000001a;margin-bottom:24px;overflow:hidden;position:relative}.tutorial-video{background:#f8fafc;border:none;height:auto;min-height:200px;width:100%}.facebook-login-card{background:linear-gradient(135deg,#1877f2,#166fe5);border-radius:16px;color:#fff;padding:24px;text-align:center}.login-header{margin-bottom:20px}.login-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:20px;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.login-header h3{font-size:20px;font-weight:700;margin:0 0 8px}.login-header p{font-size:14px;margin:0;opacity:.9}.requirements-section{background:#f8fafccc;border:1px solid #cbd5e14d;border-radius:20px;padding:32px}.requirements-header{margin-bottom:32px;text-align:center}.requirements-icon{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;box-shadow:0 8px 25px #25d3664d;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.requirements-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.requirements-header p{color:#64748b;font-size:14px;margin:0}.requirements-list{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.requirement-card{align-items:flex-start;background:#fff!important;border:2px solid #22c55e33;border-radius:16px;direction:rtl;display:flex;gap:16px;padding:20px;transition:all .3s ease}.requirement-card:hover{border-color:#22c55e4d;box-shadow:0 4px 15px #22c55e1a}.requirement-icon{align-items:center;border-radius:12px;box-shadow:0 4px 15px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.business-account .requirement-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.payment-method .requirement-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.phone-number .requirement-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.security .requirement-icon{background:linear-gradient(135deg,#10b981,#059669)}.requirement-content{flex:1 1}.requirement-content h3{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 8px}.requirement-content p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.requirement-status{color:#22c55e;flex-shrink:0;font-size:24px}.phone-details{margin-top:12px}.phone-number-display{align-items:center;background:#3b82f60d;border:2px solid #3b82f633;border-radius:12px;direction:ltr;display:flex;gap:12px;margin:8px 0;padding:12px 16px}.phone-number{color:#2563eb;flex:1 1;font-family:Courier New,monospace;font-size:18px;font-weight:700;text-align:left}.copy-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;transition:all .3s ease}.copy-button:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.copy-button.copied{background:linear-gradient(135deg,#10b981,#059669)}.verification-info{align-items:center;direction:rtl;display:flex;gap:8px;margin-top:12px}.verification-icon{color:#10b981;font-size:16px}.verification-info p{color:#64748b;font-size:12px;margin:0}.phone-warning{align-items:flex-start;background:#f973160d;border:2px solid #f9731633;border-radius:12px;direction:rtl;display:flex;gap:8px;margin-top:12px;padding:12px}.warning-icon{color:#f97316;flex-shrink:0;font-size:16px;margin-top:2px}.phone-warning p{color:#ea580c;font-size:14px;line-height:1.4;margin:0}.ready-section{align-items:center;background:linear-gradient(135deg,#dcfce7,#f0fdf4);border:2px solid #22c55e4d;border-radius:16px;direction:rtl;display:flex;gap:16px;padding:24px}.ready-icon{color:#22c55e;flex-shrink:0;font-size:32px}.ready-content h3{color:#166534;font-size:20px;font-weight:700;margin:0 0 4px}.ready-content p{color:#166534;font-size:14px;line-height:1.4;margin:0}.waba-footer{margin-top:40px;text-align:center}.nav-button{display:inline-flex}.prev-button:hover{background:#64748b26;border-color:#64748b4d;transform:translateY(-2px)}.prev-button:hover .nav-icon{transform:translateX(2px)}@media (max-width:1024px){.waba-content{gap:32px;grid-template-columns:1fr}.requirements-section,.video-section{padding:24px}}@media (max-width:768px){.waba-onboarding-container{padding:24px}.waba-title{font-size:24px}.waba-subtitle{font-size:16px}.waba-content{gap:24px}.requirements-section,.video-section{background:#f8fafccc!important;padding:20px}.requirements-icon,.video-icon{font-size:20px;height:50px;width:50px}.requirement-card{background:#fff!important;flex-direction:column;gap:12px;text-align:center}.requirement-icon{align-self:center;font-size:18px;height:40px;width:40px}.phone-number-display{flex-direction:column;gap:8px;text-align:center}.phone-number,.ready-section{text-align:center}.ready-section{flex-direction:column;gap:12px}}@media (max-width:480px){.waba-onboarding-container{padding:20px}.requirements-section,.video-section{background:#f8fafccc!important;padding:16px}.requirement-card{background:#fff!important;padding:16px}.facebook-login-card{padding:20px}.login-icon{font-size:18px;height:40px;width:40px}.copy-button{font-size:11px;padding:6px 10px}.nav-button{font-size:14px;padding:14px 20px}}@media (prefers-contrast:high){.requirement-card{border-width:3px}.nav-button{border:2px solid}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sparkle-icon{animation:none}}.copy-button:focus,.nav-button:focus{outline:2px solid #2e6155;outline-offset:2px}@media print{.waba-onboarding-container{background:#fff;border:1px solid #000;box-shadow:none}.video-wrapper,.waba-footer{display:none}.facebook-login-card{background:#f8fafc;border:1px solid #000;color:#000}.requirement-icon,.requirements-icon,.video-icon{background:#000;color:#fff}}.onboarding-process-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0 20%,#f1f5f9);direction:rtl;font-family:Varela Round,sans-serif;min-height:100vh;padding:80px 20px 40px;position:relative}.onboarding-process-container:before{background:radial-gradient(circle at 20% 30%,#2e61551a 0,#0000 50%),radial-gradient(circle at 80% 70%,#2e61550d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.onboarding-header{margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:800px;position:relative;text-align:center;z-index:1}.onboarding-title{align-items:center;color:#1e293b;display:flex;flex-wrap:wrap;font-size:clamp(28px,5vw,42px);font-weight:700;gap:12px;justify-content:center;line-height:1.3;margin:0 0 16px}.title-icon{font-size:clamp(32px,5vw,44px)}.onboarding-subtitle{color:#64748b;font-size:18px;line-height:1.6;margin:0 0 24px}.onboarding-features{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-top:20px}.feature-item{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:8px}.feature-icon{color:#2e6155;font-size:18px}.onboarding-step-wrapper{margin:0 auto;max-width:1200px;position:relative;z-index:1}.onboarding-step-content{animation:slideIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000014,0 8px 25px #0000000d;padding:40px;transition:all .4s ease}@media (max-width:1024px){.onboarding-step-content{padding:32px}}@media (max-width:768px){.onboarding-process-container{padding:60px 15px 30px}.onboarding-header{margin-bottom:30px;padding-top:30px}.onboarding-title{flex-direction:column;gap:8px}.onboarding-features{gap:20px}.onboarding-step-content{border-radius:20px;padding:24px}}@media (max-width:480px){.header-badge{font-size:12px;padding:6px 12px}.onboarding-subtitle{font-size:16px}.feature-item{font-size:13px}.onboarding-step-content{padding:20px}}@media (prefers-contrast:high){.onboarding-step-content{border:2px solid #2e6155}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.onboarding-step-content,.sparkle-icon{animation:none}}.verification-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000014;font-family:Varela Round,sans-serif;margin:0 auto;max-width:600px;overflow:hidden;padding:40px;position:relative}.verification-container.rtl{direction:rtl}.verification-container.ltr{direction:ltr}.verification-container:before{animation:backgroundFloat 15s ease-in-out infinite;background:radial-gradient(circle,#2e61550d 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}@keyframes backgroundFloat{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.verification-header{margin-bottom:40px;margin-top:20px;position:relative;text-align:center;z-index:1}.header-badge{background:linear-gradient(135deg,#2e6155,#3a7966);box-shadow:0 4px 15px #2e61554d;margin-bottom:16px}.verification-title{color:#1e293b;font-size:clamp(24px,4vw,32px);font-weight:700;line-height:1.3;margin:0 0 12px}.verification-subtitle{color:#64748b;font-size:16px;line-height:1.5;margin:0}.security-info{background:linear-gradient(135deg,#2e61550d,#2e61551a);border:2px solid #2e615533;border-radius:16px}.security-info,.testing-mode-info{align-items:center;display:flex;gap:16px;margin-bottom:32px;overflow:hidden;padding:20px;position:relative}.testing-mode-info{background:linear-gradient(135deg,#ffa5000d,#ffa5001a);border:2px solid #ffa5004d;border-radius:16px}.testing-icon{align-items:center;background:#ffa5001a;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;min-width:48px}.testing-content h3{color:#d97706;font-size:18px;font-weight:700;margin:0 0 4px}.testing-content p{color:#92400e;font-size:14px;line-height:1.4;margin:0}.security-info:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.security-icon{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:12px;box-shadow:0 4px 15px #2e61554d;color:#fff;display:flex;flex-shrink:0;height:18px;justify-content:center;position:relative;width:18px;z-index:1}.security-content h3{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 4px}.security-content p{color:#64748b;font-size:14px;line-height:1.4;margin:0}.verification-channels{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.channel{align-items:center;background:#f8fafccc;border:2px solid #22c55e4d;border-radius:16px;direction:rtl;display:flex;gap:16px;padding:20px;transition:all .3s ease}.channel:hover{background:#f8fafc;border-color:#22c55e66}.whatsapp-channel .channel-icon{background:linear-gradient(135deg,#25d366,#128c7e);font-size:18px}.email-channel .channel-icon,.whatsapp-channel .channel-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.email-channel .channel-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);font-size:16px}.channel-content{flex:1 1}.channel-content h4{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 4px}.channel-content p{color:#64748b;direction:ltr;font-size:14px;margin:0;text-align:left}.channel-status{color:#22c55e;flex-shrink:0;font-size:24px}.code-input-section{margin-bottom:32px}.code-label{color:#1e293b;display:block;font-size:18px;font-weight:700;margin-bottom:12px;text-align:center}.code-input-wrapper{margin:0 auto;max-width:300px;position:relative}.verification-code-input{background:#fff;border:3px solid #cbd5e1cc;border-radius:16px;box-shadow:0 4px 12px #0000000d;color:#374151;font-family:Courier New,monospace;font-size:24px;font-weight:700;height:60px;letter-spacing:4px;padding:0 50px 0 16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.verification-code-input:focus{border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a,0 8px 25px #2e615526;outline:none;transform:translateY(-2px)}.verification-code-input.filled{background:#dcfce74d;border-color:#10b981}.verification-code-input::placeholder{color:#9ca3af;font-family:Varela Round,sans-serif;font-size:16px;font-weight:400;letter-spacing:2px}.input-success-icon{color:#10b981;font-size:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.timer-section{align-items:center;background:#f8fafccc;border-radius:16px;direction:rtl;display:flex;gap:12px;justify-content:center;margin-bottom:24px;padding:20px}.timer-icon{color:#2e6155;font-size:20px}.timer-content{align-items:center;display:flex;gap:8px}.timer-label{color:#64748b;font-size:16px;font-weight:500}.timer-value{background:#2e61551a;border-radius:8px;color:#2e6155;direction:ltr;font-family:Courier New,monospace;font-size:20px;font-weight:700;padding:4px 12px}.timer-expired-icon{color:#ef4444;font-size:20px}.timer-expired{color:#ef4444;font-size:16px;font-weight:700}.resend-section{margin-bottom:40px;text-align:center}.resend-text{color:#64748b;font-size:16px;margin:0 0 16px}.resend-button{align-items:center;background:#3b82f61a;border:2px solid #3b82f64d;border-radius:12px;color:#3b82f6;cursor:pointer;display:inline-flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.resend-button:hover:not(.disabled){background:#3b82f626;border-color:#3b82f666;transform:translateY(-2px)}.resend-button.disabled{cursor:not-allowed;opacity:.6}.resend-icon{font-size:14px;transition:transform .3s ease}.resend-icon.spinning{animation:spin 1s linear infinite}.navigation-buttons{display:flex;gap:16px;justify-content:space-between;margin-top:40px;position:relative;z-index:1}.navigation-buttons.rtl{flex-direction:row}.navigation-buttons.ltr{flex-direction:row-reverse}.nav-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-family:Varela Round,sans-serif;font-size:16px;font-weight:700;gap:12px;justify-content:center;letter-spacing:.5px;padding:16px 24px;transition:all .3s ease}.prev-button{background:#64748b1a;border:2px solid #64748b33;color:#64748b}.prev-button:hover:not(:disabled){background:#64748b26;border-color:#64748b4d;transform:translateY(-2px)}.next-button{background:linear-gradient(135deg,#2e6155,#3a7966);box-shadow:0 4px 15px #2e61554d;color:#fff}.next-button:hover:not(.disabled){box-shadow:0 8px 25px #2e615566;transform:translateY(-2px)}.next-button.disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.nav-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.nav-icon{font-size:16px;transition:transform .3s ease}.prev-button:hover:not(:disabled) .nav-icon{transform:translateX(2px)}.next-button:hover:not(.disabled) .nav-icon{transform:translateX(-2px)}.verification-container.loading{opacity:.8;pointer-events:none}.verification-code-input.success{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{border-color:#10b981;transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:768px){.verification-container{padding:24px}.verification-title{font-size:22px}.verification-subtitle{font-size:14px}.security-info{flex-direction:column;gap:12px;text-align:center}.security-icon{font-size:18px}.verification-channels{gap:12px}.channel{padding:16px}.channel-icon{font-size:16px!important;height:36px!important;width:36px!important}.verification-code-input{font-size:20px;height:56px;letter-spacing:3px}.timer-section{flex-direction:column;gap:8px;padding:16px}.timer-content{flex-direction:column;gap:4px}.navigation-buttons{flex-direction:column;gap:12px}.nav-button{flex:none;font-size:14px;padding:14px 20px}}@media (max-width:480px){.verification-container{padding:20px}.channel,.security-info{padding:12px}.verification-code-input{font-size:18px;height:52px;letter-spacing:2px}.timer-value{font-size:18px;padding:2px 8px}.resend-button{font-size:12px;padding:10px 16px}.nav-button{font-size:14px;padding:12px 16px}}@media (prefers-contrast:high){.verification-code-input{border-width:4px}.nav-button{border:2px solid}.channel{border-width:3px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.resend-icon.spinning,.sparkle-icon,.verification-code-input.success{animation:none}}.verification-code-input:focus{outline:3px solid #2e6155;outline-offset:2px}@media print{.verification-container{background:#fff;border:1px solid #000;box-shadow:none}.navigation-buttons,.resend-section{display:none}.channel-icon,.security-icon{background:#000;color:#fff}}.terms-of-payments{direction:rtl;font-family:Varela Round,sans-serif;margin:70px auto 20px;max-width:800px;padding:50px;text-align:right;width:100%}.terms-of-payments h1{border-bottom:2px solid #003092;color:#003092;display:inline-block;font-size:24px;margin-bottom:20px;padding-bottom:7px}.terms-of-payments h2{color:#444;font-size:20px;margin-top:20px}.terms-of-payments p{border-bottom:.5px solid #003092;color:#666;direction:rtl;display:inline-block;font-size:16px;line-height:1.5;margin-bottom:15px;padding-bottom:7px}.terms-of-payments ul.term-of-payment-add-on-rtl-list{list-style-type:disc;padding-right:20px;text-align:right}.terms-of-payments ul.term-of-payment-add-on-rtl-list li{color:#666;font-size:16px;margin-bottom:10px}.terms-of-payments a{color:#1a73e8;direction:ltr;text-align:left;text-decoration:none}.terms-of-payments a:hover{text-decoration:underline}@media (max-width:768px){.terms-of-payments{margin:10px;padding:15px}.terms-of-payments h1{font-size:20px}.terms-of-payments h2{font-size:18px}.terms-of-payments p{font-size:14px}}@media (max-width:480px){.terms-of-payments{margin:5px;padding:10px}.terms-of-payments h1{font-size:18px}.terms-of-payments h2{font-size:16px}.terms-of-payments p{font-size:13px}}.TermOfUse-container{direction:rtl;font-family:Varela Round,sans-serif;margin:70px auto 0;max-width:800px;padding:50px;text-align:right}.TermOfUse-header,.TermOfUse-privacy-header{border-bottom:2px solid #003092;color:#003092;display:inline-block;font-size:24px;margin-bottom:20px;padding-bottom:7px}.TermOfUse-section{border-bottom:.5px solid #003092;display:inline-block;margin-bottom:20px;padding-bottom:7px}.TermOfUse-subheader{color:#333;font-size:20px}.TermOfUse-paragraph{color:#555;direction:rtl;line-height:1.6;margin-bottom:15px}.TermOfUse-list{list-style-type:disc;padding-left:20px}.TermOfUse-list-item{margin-bottom:10px}.TermOfUse-link{color:#1e90ff;text-decoration:none}.TermOfUse-link:hover{text-decoration:underline}.TermOfUse-privacy-paragraph{margin-bottom:15px}.GambotAiForm{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Varela Round,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:0;position:relative}.GambotAiForm:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#2e615533 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.gambot-ai-form-wrapper{animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1);margin:0 auto;max-width:1000px;padding:40px 24px 200px;position:relative;z-index:1}.GambotAiForm__header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;display:flex;gap:24px;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.GambotAiForm__header:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.GambotAiForm__form{display:flex;flex-direction:column;gap:32px}.custom-purpose,.custom-tone{margin-top:12px}.existing-file{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;display:flex;gap:8px;margin-bottom:12px;padding:12px 16px}.file-icon{color:#3b82f6;font-size:16px}.file-link{color:#3b82f6;font-size:14px;font-weight:600;text-decoration:none}.file-link:hover{text-decoration:underline}.modern-file-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 4px 16px #0000000d;color:#1e293b;cursor:pointer;font-family:Varela Round,sans-serif;font-size:16px;font-weight:500;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.modern-file-input:focus{border-color:#2e615580;box-shadow:0 8px 32px #2e615526;outline:none;transform:translateY(-1px)}.file-help{color:#64748b;font-size:12px;font-weight:400;margin-top:8px}.qna-container{gap:24px}.qna-container,.qna-empty-state{display:flex;flex-direction:column}.qna-empty-state{align-items:center;background:#f8fafc80;border:2px dashed #e2e8f0cc;border-radius:16px;justify-content:center;padding:60px 40px;text-align:center}.empty-icon{font-size:60px}.qna-empty-state p{color:#64748b;font-size:16px;font-weight:500;margin:0}.qna-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.qna-item:before{background:linear-gradient(135deg,#3b82f6,#60a5fa);content:"";height:2px;left:0;position:absolute;right:0;top:0}.qna-item:hover{box-shadow:0 8px 32px #0000001a;transform:translateY(-2px)}.qna-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.qna-number{color:#3b82f6;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.remove-qna-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.remove-qna-btn:hover{background:#ef444433;box-shadow:0 4px 16px #ef44444d;transform:translateY(-1px)}.qna-fields{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.add-qna-btn{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:16px;box-shadow:0 8px 24px #2e61554d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:700;gap:12px;justify-content:center;letter-spacing:.5px;min-height:60px;overflow:hidden;padding:20px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.add-qna-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-qna-btn:hover:before{left:100%}.add-qna-btn:hover{box-shadow:0 12px 36px #2e615566;transform:translateY(-3px)}.add-qna-btn:active{transform:translateY(-1px)}.button-icon{align-items:center;display:flex;justify-content:center}.modern-lookup{position:relative;width:100%;z-index:1000}.modern-lookup .react-select__menu{position:absolute!important;z-index:1001!important}.modern-lookup .react-select__menu-portal{z-index:1001!important}.form-field:has(.modern-lookup){overflow:visible!important;z-index:999}@media (max-width:768px){.gambot-ai-form-wrapper{padding:20px 16px}.GambotAiForm__header{border-radius:16px;flex-direction:column;gap:16px;padding:24px;text-align:center}.form-title{font-size:28px}.form-section{border-radius:16px;padding:24px}.form-grid{gap:20px;grid-template-columns:1fr}.section-title{font-size:18px}.modern-input,.modern-select,.modern-textarea{font-size:16px;padding:14px 16px}.add-qna-btn{font-size:14px;min-height:56px;padding:16px 24px}.submit-btn{font-size:16px;justify-content:center;padding:16px 24px;width:100%}.form-actions{border-radius:16px;padding:24px}.qna-fields{gap:16px}}@media (max-width:480px){.gambot-ai-form-wrapper{padding:16px 12px}.form-title{font-size:24px}.form-subtitle{font-size:14px}.section-title{font-size:16px}.section-subtitle{font-size:12px}.add-qna-btn{font-size:13px;min-height:52px;padding:14px 20px}}.GambotAiForm label{display:block;font-size:18px;font-weight:500;margin-bottom:4px;text-align:left}.GambotAiForm__form input,.GambotAiForm__form select,.GambotAiForm__form textarea{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-family:Outfit,sans-serif;font-size:16px;padding:14px 16px;transition:border-color .3s,box-shadow .3s;width:100%}.GambotAiForm__form textarea{min-height:120px;resize:vertical}.GambotAiForm__form input[type=file]{background-color:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-family:Outfit,sans-serif;font-size:16px;padding:12px 16px}.GambotAiForm__botDescription textarea:focus,.GambotAiForm__botName input:focus,.GambotAiForm__botPurpose select:focus,.GambotAiForm__knowledgeBase input:focus,.GambotAiForm__language select:focus,.GambotAiForm__qnaPairs input:focus,.GambotAiForm__qnaPairs textarea:focus{border-color:#295f98;box-shadow:0 0 5px #295f984d;outline:none}.GambotAiForm__qnaItem{display:flex;flex-direction:column;margin-bottom:10px}.GambotAiForm__qnaItem input,.GambotAiForm__qnaItem textarea{margin-bottom:5px}.gambotaiform-add-btn,.gambotaiform-remove-btn{align-items:center;background-color:#295f98;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Outfit,sans-serif!important;font-size:16px;gap:8px;justify-content:center;margin:0;padding:8px 16px;transition:all .3s ease;width:fit-content}.gambotaiform-remove-btn{background-color:#a31d1d}.GambotAiForm__submit{background-color:#295f98;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Outfit,sans-serif!important;font-size:18px;margin:0 auto;padding:12px;transition:background .3s ease-in-out;width:40%}.GambotAiForm__botInstructions{margin-bottom:15px}.GambotAiForm__botInstructions textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px;height:120px;margin-top:5px;padding:12px;width:100%}@media (max-width:768px){.GambotAiForm__form{padding:20px}.GambotAiForm__header h2{font-size:28px}.GambotAiForm__submit{font-size:16px}.gambotaiform-add-btn,.gambotaiform-remove-btn{width:100%}}.gambot-ai-list-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Varela Round,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.gambot-ai-list-container:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#2e615533 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.gambot-ai-list-wrapper{animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1);margin:0 auto;max-width:1400px;padding:40px 24px;position:relative;z-index:1}.gambot-ai-header{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.gambot-ai-header:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.gambot-ai-header:before,.gambot-ai-title{background:linear-gradient(135deg,#2e6155,#34d399)}.gambot-ai-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#2e6155;font-size:42px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0 0 12px;text-transform:uppercase}.gambot-ai-subtitle{color:#64748b;font-size:16px;font-weight:500;line-height:1.5;margin:0;max-width:500px}.gambot-ai-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);min-width:400px}.gambot-ai-controls{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.add-new-gambot-ai-button{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:16px;box-shadow:0 8px 24px #2e61554d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;letter-spacing:.5px;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.add-new-gambot-ai-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-new-gambot-ai-button:hover:before{left:100%}.add-new-gambot-ai-button:hover{box-shadow:0 12px 36px #2e615566;transform:translateY(-2px)}.add-new-gambot-ai-button:active{transform:translateY(0)}.gambot-ai-list-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;max-height:600px;overflow:hidden;overflow-y:auto}.gambot-ai-list-table-container::-webkit-scrollbar{width:8px}.gambot-ai-list-table-container::-webkit-scrollbar-track{background:#f8fafc80}.gambot-ai-list-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:4px}.gambot-ai-list-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1e4a3f,#10b981)}.gambot-ai-list-table{border-collapse:collapse;table-layout:fixed;width:100%}.gambot-ai-list-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:sticky;top:0;z-index:10}.gambot-ai-list-table th{border-bottom:2px solid #e2e8f080;color:#1e293b;font-size:14px;font-weight:700;letter-spacing:.5px;padding:20px 24px;text-align:left;text-transform:uppercase}.gambot-ai-list-table td{border-bottom:1px solid #e2e8f04d;padding:20px 24px;vertical-align:middle}.bot-name-cell{display:flex;flex-direction:column;gap:4px}.bot-name{color:#1e293b;font-size:16px;font-weight:700}.bot-description{color:#64748b;font-size:14px;font-weight:400}.purpose-badge.faq-bot{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6}.purpose-badge.sales-assistant{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.modified-cell{display:flex;flex-direction:column;gap:4px}.modified-date{color:#1e293b;font-size:14px;font-weight:600}.modified-by{color:#64748b;font-size:12px;font-weight:400}.gambot-ai-delete-button,.gambot-ai-edit-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.gambot-ai-edit-button{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.gambot-ai-edit-button:hover{background:#3b82f633;box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.gambot-ai-delete-button{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.gambot-ai-delete-button:hover{background:#ef444433;box-shadow:0 8px 24px #ef44444d;transform:translateY(-2px)}.gambot-ai-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}@media (max-width:1200px){.gambot-ai-header{align-items:stretch;flex-direction:column;gap:24px}.gambot-ai-stats{grid-template-columns:repeat(2,1fr);min-width:auto}}@media (max-width:768px){.gambot-ai-list-wrapper{padding:20px 16px}.gambot-ai-header{border-radius:16px;padding:24px}.gambot-ai-title{font-size:28px}.gambot-ai-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-number{font-size:24px}.gambot-ai-controls{flex-direction:column;gap:16px}.search-bar{max-width:none}.add-new-gambot-ai-button{justify-content:center;padding:16px;width:100%}.gambot-ai-list-table thead{display:none}.gambot-ai-list-table,.gambot-ai-list-table tbody,.gambot-ai-list-table td,.gambot-ai-list-table tr{display:block;width:100%}.table-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:16px;margin-bottom:16px;padding:20px}.table-row:hover{transform:none}.gambot-ai-list-table td{border:none;padding:8px 0 8px 40%;position:relative}.gambot-ai-list-table td:before{color:#1e293b;content:attr(data-label);font-size:12px;font-weight:700;left:0;letter-spacing:.5px;position:absolute;text-transform:uppercase;width:35%}.gambot-ai-list-table td:last-child{padding-left:0}.gambot-ai-list-table td:last-child:before{display:none}.action-buttons{border-top:1px solid #e2e8f04d;justify-content:flex-start;margin-top:16px;padding-top:16px}}@media (max-width:480px){.gambot-ai-stats{grid-template-columns:1fr}.empty-state-icon{font-size:60px}.empty-state-title{font-size:20px}.empty-state-subtitle{font-size:14px}}.font-arial{font-family:Arial!important}.font-courier{font-family:Courier New!important}.font-georgia{font-family:Georgia!important}.font-tahoma{font-family:Tahoma!important}.font-verdana{font-family:Verdana!important}.font-trebuchet{font-family:Trebuchet MS!important}.font-comic{font-family:Comic Sans MS!important}.font-times{font-family:Times New Roman!important}.font-lucida{font-family:Lucida Console!important}.font-segoe{font-family:Segoe UI!important}.font-outfit{font-family:Outfit!important}.font-sourgummy{font-family:Sour Gummy!important}.chat-widget-form-container{align-items:center;display:flex;font-family:Outfit,sans-serif!important;justify-content:center;margin-top:2%;padding-top:20px;width:100%}.chat-widget-config-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:10px 20px;position:relative;width:70%}.chat-widget-config-header h2{color:var(--LogoColor);flex-grow:1;font-size:40px;font-weight:700;text-align:center}.hashtag-color,.slash-color{color:#3f7d58}.chat-color{color:#a3d1c6}.chat-color,.widget-color{font-family:Sour Gummy,sans-serif!important;font-size:40px;font-weight:700}.widget-color{color:#b3d8a8}.chat-widget-config-heade-iconButton{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:24px;margin-left:0!important}.chat-widget-config-form{background-color:#f9fbf9;border-bottom:3px double #f0a04b;border-radius:25px;border-right:5px solid #6a9c89;border-top:5px solid #6a9c89;margin-bottom:3%;max-width:1400px;padding:20px;width:65%}.chat-widget-config-form h3{border-bottom:3px double #f0a04b;font-family:Outfit,sans-serif!important;font-size:24px;font-weight:700;margin-bottom:20px;text-align:left}.chat-widget-form-checkbox{margin-right:10px;width:auto}.chat-widget-form-select{background-color:#fff}.chat-widget-form-row{align-items:center;display:flex;gap:20px;justify-content:center}.chat-widget-form-row .chat-widget-form-input,.chat-widget-form-row .chat-widget-form-select{flex-grow:1;width:auto}.chat-widget-preview-toggle button{background-color:none!important;cursor:pointer;margin-top:10px}.chat-widget-preview-toggle{align-items:center;display:flex;margin-top:20px}.chat-widget-preview-toggle label{margin-right:10px}.chat-widget-preview-toggle input{margin-top:0}.chat-widget-preview{margin-top:30px;width:100%}.chat-widget-container{bottom:10px;position:fixed;right:10px;z-index:9999}.chat-widget-button{align-items:center;background-color:#25d366;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:15px}.chat-bubble p{color:#fff;font-size:14px;font-weight:700}.submit-widget-button{margin-left:30%}.generate-embed-button,.submit-widget-button{align-items:center;background-color:#3f7d58;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:16px;gap:8px;justify-content:center;margin-bottom:2%;padding:8px 20px;text-decoration:none;transition:all .3s ease}.generate-embed-button{margin-left:10%}.generate-embed-button:hover,.submit-widget-button:hover,.submit-widget-button:hover:hover{background-color:#99bc85;box-shadow:0 6px 8px #00000026;color:#fff;transform:translateY(-2px)}.chat-widget-open{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:15px;position:relative;width:250px}.chat-header{align-items:center;display:flex;justify-content:space-between}.minimize-button{background:#0000;border:none;cursor:pointer;font-size:18px}.chat-body{margin-top:10px}.whatsapp-button{background-color:#25d366;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;text-align:center}.chat-widget-minimized{align-items:center;background-color:#25d366;border-radius:50%;cursor:pointer;display:flex;justify-content:center}.section-container{margin-bottom:20px;padding:20px}.embed-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.embed-popup-content{background-color:#eefdf7;border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:600px;padding:25px;width:90%}.embedCodeTextarea-copy-button{background-color:#25d366}.embedCodeTextarea-close-button,.embedCodeTextarea-copy-button{border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:3%;padding:10px 20px}.embedCodeTextarea-close-button{background-color:red;margin-left:10px}.embed-popup-content textarea{overflow:auto;scrollbar-width:none}.embed-popup-content textarea::-webkit-scrollbar{display:none}.Pre-filled-chat-widget-form-row{display:flex;flex-direction:column;gap:10px}.pre-filled-button-container{flex-wrap:wrap}.pre-filled-insert-button{background-color:#25d366;border-radius:5px;flex:1 1;font-size:14px;min-width:100px;padding:10px 20px}.chat-widget-form-input,.chat-widget-form-select{background-color:#c0ffe8;border:1px solid #ccc;border-radius:20px;box-shadow:inset 0 0 3px #0000001a;box-sizing:border-box;color:#1a1a1a;font-family:Outfit,sans-serif;font-size:14px;margin-bottom:15px;padding:10px 14px;width:100%}.chat-widget-form-input[type=color]{appearance:none!important;-webkit-appearance:none!important;background:none!important;border:2px solid #6a9c89!important;border-radius:50%!important;cursor:pointer!important;height:30px!important;outline:none!important;padding:0!important;width:30px!important}.chat-widget-form-input[type=color]::-webkit-color-swatch-wrapper{border-radius:50%!important;padding:0!important}.chat-widget-form-input[type=color]::-webkit-color-swatch{border:none!important;border-radius:50%!important}.widget-name-layout{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px;justify-content:flex-start}.left-side-fields{display:flex;flex-direction:column;gap:15px;min-width:300px}.right-side-field{display:flex;flex-direction:column;gap:5px;min-width:200px}.widget-name-section{background-color:#e6fff4;border:1px solid #b2f0d7;border-radius:10px;margin-bottom:40px;padding:30px}.widget-section-title{font-size:20px;font-weight:600;margin-bottom:20px;text-align:left}.chat-widget-form-label{color:#333;font-weight:500;margin-bottom:5px;text-align:left}.button-settings-section{background-color:#e6fff4;border:1px solid #b2f0d7;border-radius:10px;margin-bottom:40px;padding:30px}.button-settings-section h3{font-size:24px;font-weight:700;margin-bottom:40px;position:relative}.button-layout{display:flex;flex-wrap:wrap;justify-content:space-between}.chat-widget-form-label{display:block;font-weight:700;margin-bottom:8px}.aaaWidget{margin-left:-10%;width:90%!important}.bbbWidget{float:left}.open-form-section3 .chat-widget-form-input,.open-form-section3 .chat-widget-form-select,.open-form-section3 .chat-widget-form-textarea{background-color:#c0ffe8;border:1px solid #ccc;border-radius:20px;box-shadow:inset 0 0 3px #0000001a;box-sizing:border-box;color:#1a1a1a;font-size:14px;margin-bottom:15px;min-width:30px;padding:10px 14px;width:100%}.open-form-section3{background-color:#e6fff4;border:1px solid #b2f0d7;border-radius:10px;margin-bottom:40px;padding:30px}.open-form-section3 h3{font-family:Outfit,sans-serif;font-size:24px;font-weight:700;margin-bottom:40px;position:relative}.open-form-layout{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.left-side-fields,.right-side-field{display:flex;flex:1 1;flex-direction:column;gap:20px;min-width:300px}.chat-widget-form-textarea{min-height:100px;resize:vertical}.pre-filled-button-container{display:flex;gap:10px;margin-top:10px}.pre-filled-insert-button{background-color:#6a9c89;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;padding:6px 12px;transition:.2s}.pre-filled-insert-button:hover{background-color:#4f7c6c}.widget-inline-layout{align-items:flex-end;display:flex;flex-wrap:wrap;gap:30px;margin-bottom:20px}.widget-name-container,.widget-status-container{display:flex;flex:1 1;flex-direction:column;min-width:200px}.widget-where-container{margin-top:15px}.position-settings-section{background-color:#e6fff4;border:1px solid #b2f0d7;border-radius:10px;margin-bottom:40px;padding:30px}.position-settings-section h3{font-family:Outfit,sans-serif;font-size:24px;font-weight:700;margin-bottom:40px;position:relative}.position-settings-layout{display:flex;flex-wrap:wrap;gap:30px}.position-settings-section .form-group{display:flex;flex:1 1;flex-direction:column;min-width:280px}.position-settings-section .chat-widget-form-input,.position-settings-section .chat-widget-form-select{background-color:#c0ffe8;border:1px solid #ccc;border-radius:20px;box-shadow:inset 0 0 3px #0000001a;box-sizing:border-box;color:#1a1a1a;font-size:14px;margin-bottom:15px;padding:10px 14px;width:100%}.position-settings-section .chat-widget-form-checkbox{margin-top:8px;transform:scale(1.2)}.circleCheckboxx{all:unset;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;border:2px solid #6a9c89!important;border-radius:50%!important;cursor:pointer!important;display:inline-block!important;height:30px!important;min-height:30px!important;min-width:30px!important;position:relative!important;vertical-align:middle!important;width:30px!important}.circleCheckboxx:checked:after{color:#000!important;content:"✔"!important;font-size:14px!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}.waba-chat-widget-container{align-items:flex-end;bottom:20px;display:flex;flex-direction:column-reverse;position:fixed;z-index:9999}.right-position{right:10px}.left-position{left:10px}.waba-chat-widget-container.left-position{left:20px}.waba-chat-bubble-header{align-items:center;cursor:pointer;display:flex;flex-direction:row;padding:5px;position:absolute;top:-40px}.waba-chat-bubble-header.right-position{right:10px}.waba-chat-bubble-header.left-position-header{flex-direction:row-reverse;gap:8px;left:5px;max-width:250px;text-align:left}.waba-chat-bubble-text{background:#fff;border:2px solid var(--LogoColor);border-radius:5px;font-size:14px;font-weight:700;max-width:200px;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap}.remove-chat-bubble{cursor:pointer;font-size:25px;margin-left:10px}.waba-chat-widget-button{align-items:center;background-color:#25d366;border-radius:50%;box-shadow:0 4px 12px #25d36666;cursor:pointer;display:flex;height:60px;justify-content:center;padding:15px;position:relative;right:15px;top:0;transition:transform .2s ease,box-shadow .2s ease;width:60px}.waba-chat-widget-button:hover{box-shadow:0 6px 16px #25d36699;transform:scale(1.05)}.waba-chat-widget-button.open .waba-whatsapp-icon{transform:rotate(180deg)}.waba-whatsapp-icon{color:#fff;font-size:32px;transition:transform .3s ease-in-out}.waba-chat-widget-open{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-bottom:10px;max-height:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:relative;transition:max-height .4s ease,padding .3s ease,opacity .3s ease;width:250px}.waba-chat-widget-open.open{max-height:1000px;opacity:1;overflow:visible;padding:15px;pointer-events:auto}.waba-chat-widget-open.closed{max-height:0;overflow:hidden}.waba-chat-widget-open.right-position{align-self:flex-end}.waba-chat-widget-open.left-position{align-self:flex-start}.waba-chat-widget-minimized{align-items:center;background-color:#25d366;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}.waba-expand-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:22px}.open-form-button{align-items:center;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px 20px}.open-form-button-text{color:#000;color:var(--openFormButtonTextColor,#000)}.open-form-button:hover{opacity:.9}.powered-by-section{align-items:center;color:grey;display:flex;font-size:14px;gap:10px;justify-content:center;padding-top:10px;text-align:center}.powered-by-section a{color:var(--LogoColor)!important;font-weight:700;text-decoration:none}.powered-by-section a:hover{color:#1a5b8e!important}.powered-by-gambot-logo{height:auto;width:20px}.waba-chat-widget-container.right-position{align-items:flex-end}.waba-chat-widget-container.left-position{align-items:flex-start}.chat-widget-list-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Varela Round,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.chat-widget-list-container:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#2e615533 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.chat-widget-list-wrapper{animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1);margin:0 auto;max-width:1400px;padding:40px 24px;position:relative;z-index:1}.chat-widget-header{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.chat-widget-header:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.chat-widget-header:before,.chat-widget-title{background:linear-gradient(135deg,#2e6155,#34d399)}.chat-widget-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#2e6155;font-size:42px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0 0 12px;text-transform:uppercase}.chat-widget-subtitle{color:#64748b;font-size:16px;font-weight:500;line-height:1.5;margin:0;max-width:500px}.chat-widget-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);min-width:400px}.stat-card.recent:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.chat-widget-controls{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.search-bar{flex:1 1;max-width:400px}.search-bar input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 4px 16px #0000000d;color:#1e293b;font-size:16px;font-weight:500;padding:16px 16px 16px 48px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.search-bar input:focus{border-color:#2e615580;box-shadow:0 8px 32px #2e615526;outline:none;transform:translateY(-1px)}.search-bar input::placeholder{color:#94a3b8;font-weight:400}.add-new-widget-button{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:16px;box-shadow:0 8px 24px #2e61554d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;letter-spacing:.5px;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.add-new-widget-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-new-widget-button:hover:before{left:100%}.add-new-widget-button:hover{box-shadow:0 12px 36px #2e615566;transform:translateY(-2px)}.add-new-widget-button:active{transform:translateY(0)}.chat-widget-list-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;max-height:600px;overflow:hidden;overflow-y:auto}.chat-widget-list-table-container::-webkit-scrollbar{width:8px}.chat-widget-list-table-container::-webkit-scrollbar-track{background:#f8fafc80}.chat-widget-list-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:4px}.chat-widget-list-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1e4a3f,#10b981)}.chat-widget-list-table{border-collapse:collapse;table-layout:fixed;width:100%}.chat-widget-list-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:sticky;top:0;z-index:10}.chat-widget-list-table th{border-bottom:2px solid #e2e8f080;color:#1e293b;font-size:14px;font-weight:700;letter-spacing:.5px;padding:20px 24px;text-align:left;text-transform:uppercase}.chat-widget-list-table td{border-bottom:1px solid #e2e8f04d;padding:20px 24px;vertical-align:middle}.widget-name-cell{display:flex;flex-direction:column;gap:4px}.widget-name{color:#1e293b;font-size:16px;font-weight:700}.widget-id{background:#f8fafccc;border-radius:4px;color:#64748b;font-family:monospace;font-size:12px;font-weight:400;padding:2px 6px;width:fit-content}.integration-cell{display:flex;flex-direction:column;gap:4px}.integration-type{color:#1e293b;font-size:14px;font-weight:600}.integration-status{color:#10b981;font-size:12px;font-weight:500}.purpose-badge{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:12px;color:#6366f1;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.purpose-badge.customer-support{background:#10b9811a;border-color:#10b98133;color:#10b981}.purpose-badge.sales{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.purpose-badge.general{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6}.widget-delete-button,.widget-edit-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.widget-edit-button{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.widget-edit-button:hover{background:#3b82f633;box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.widget-delete-button{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.widget-delete-button:hover{background:#ef444433;box-shadow:0 8px 24px #ef44444d;transform:translateY(-2px)}.chat-widget-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}@media (max-width:1200px){.chat-widget-header{align-items:stretch;flex-direction:column;gap:24px}.chat-widget-stats{grid-template-columns:repeat(2,1fr);min-width:auto}}@media (max-width:768px){.chat-widget-list-wrapper{padding:20px 16px}.chat-widget-header{border-radius:16px;padding:24px}.chat-widget-title{font-size:28px}.chat-widget-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-number{font-size:24px}.chat-widget-controls{flex-direction:column;gap:16px}.search-bar{max-width:none}.add-new-widget-button{justify-content:center;padding:16px;width:100%}.chat-widget-list-table thead{display:none}.chat-widget-list-table,.chat-widget-list-table tbody,.chat-widget-list-table td,.chat-widget-list-table tr{display:block;width:100%}.table-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:16px;margin-bottom:16px;padding:20px}.table-row:hover{transform:none}.chat-widget-list-table td{border:none;padding:8px 0 8px 40%;position:relative}.chat-widget-list-table td:before{color:#1e293b;content:attr(data-label);font-size:12px;font-weight:700;left:0;letter-spacing:.5px;position:absolute;text-transform:uppercase;width:35%}.chat-widget-list-table td:last-child{padding-left:0}.chat-widget-list-table td:last-child:before{display:none}.action-buttons{border-top:1px solid #e2e8f04d;justify-content:flex-start;margin-top:16px;padding-top:16px}}@media (max-width:480px){.chat-widget-stats{grid-template-columns:1fr}.empty-state-icon{font-size:60px}.empty-state-title{font-size:20px}.empty-state-subtitle{font-size:14px}}.chat-widget-list-header{color:var(--LogoColor);font-size:40px;margin-bottom:20px}.chat-widget-action-buttons{margin-bottom:20px}.catalog-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Varela Round,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.catalog-container:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#2e615533 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.catalog-wrapper{animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1);margin:0 auto;max-width:1400px;padding:40px 24px;position:relative;z-index:1}.catalog-header{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.catalog-header:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.catalog-header:before,.catalog-title{background:linear-gradient(135deg,#2e6155,#34d399)}.catalog-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#2e6155;font-size:42px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0 0 12px;text-transform:uppercase}.catalog-subtitle{color:#64748b;font-size:16px;font-weight:500;line-height:1.5;margin:0;max-width:500px}.catalog-stats{display:flex;gap:16px}.stat-card:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.stat-icon{font-size:24px;opacity:.8}.stat-content{align-items:center}.stat-number{font-size:24px}.catalog-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.catalog-instructions{display:flex;flex-direction:column}.instructions-card,.video-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;height:fit-content;overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.instructions-card:before,.video-card:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.instructions-card:hover,.video-card:hover{box-shadow:0 24px 72px #00000026;transform:translateY(-2px)}.card-header{margin-bottom:24px;padding-bottom:16px}.title-icon{font-size:28px;opacity:.8}.steps-container{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.step-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:16px;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-item:before{background:linear-gradient(135deg,#3b82f6,#60a5fa);content:"";height:2px;left:0;position:absolute;right:0;top:0}.step-item:hover{box-shadow:0 8px 32px #0000001a;transform:translateX(4px)}.step-number{background:linear-gradient(135deg,#2e6155,#34d399);font-size:16px;height:40px;width:40px}.step-content{flex:1 1}.step-title{color:#1e293b;font-size:18px;margin:0 0 8px}.step-description{color:#64748b;font-size:14px;margin:0}.step-link{border-bottom:1px solid #0000;color:#2e6155;font-weight:600;text-decoration:none;transition:all .3s ease}.step-link:hover{border-bottom-color:#34d399;color:#34d399}.action-buttons{gap:16px;justify-content:center}.primary-button,.secondary-button{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:700;gap:8px;letter-spacing:.5px;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.primary-button{background:linear-gradient(135deg,#2e6155,#34d399);box-shadow:0 8px 24px #2e61554d;color:#fff}.primary-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.primary-button:hover:before{left:100%}.primary-button:hover{box-shadow:0 12px 36px #2e615566;transform:translateY(-2px)}.secondary-button{background:#f8fafccc;border:1px solid #2e61554d;box-shadow:0 4px 16px #0000000d;color:#2e6155}.secondary-button:hover{background:#2e61551a;box-shadow:0 8px 24px #2e615533;transform:translateY(-2px)}.catalog-video{display:flex;flex-direction:column}.video-container{box-shadow:0 8px 32px #0000001a;margin-bottom:20px;width:100%}.video-iframe{border:none;border-radius:16px;height:315px;width:100%}.video-info{margin-top:16px}.video-stats{display:flex;gap:16px;justify-content:space-around}.video-stat{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:6px}.video-stat .stat-icon{font-size:16px;opacity:.7}@media (max-width:1200px){.catalog-header{align-items:stretch;flex-direction:column;gap:24px}.catalog-stats{justify-content:center}}@media (max-width:768px){.catalog-wrapper{padding:20px 16px}.catalog-header{border-radius:16px;padding:24px}.catalog-title{font-size:28px}.catalog-content{gap:24px;grid-template-columns:1fr}.instructions-card,.video-card{border-radius:16px;padding:24px}.card-title{font-size:20px}.step-item{padding:16px}.step-number{font-size:14px;height:32px;width:32px}.step-title{font-size:16px}.action-buttons{flex-direction:column}.primary-button,.secondary-button{justify-content:center;padding:16px}.catalog-stats{flex-direction:row;justify-content:space-around}.stat-card{padding:16px}.stat-number{font-size:20px}}@media (max-width:480px){.catalog-wrapper{padding:16px 12px}.catalog-title{font-size:24px}.catalog-subtitle{font-size:14px}.card-title{font-size:18px}.card-subtitle{font-size:12px}.catalog-stats{flex-direction:column;gap:12px}.stat-card{padding:12px}.video-stats{align-items:center;flex-direction:column;gap:8px}}.users-list-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Varela Round,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.users-list-container:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#2e615533 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.users-list-wrapper{animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1);margin:0 auto;max-width:1400px;padding:40px 24px;position:relative;z-index:1}.users-header{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.users-header:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.users-header:before,.users-title{background:linear-gradient(135deg,#2e6155,#34d399)}.users-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#2e6155;font-size:42px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0 0 12px;text-transform:uppercase}.users-subtitle{color:#64748b;font-size:16px;font-weight:500;line-height:1.5;margin:0;max-width:500px}.users-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);min-width:400px}.stat-card:before{background:linear-gradient(135deg,#64748b,#94a3b8);transition:all .3s ease}.stat-card.active:before{background:linear-gradient(135deg,#10b981,#34d399)}.stat-card.inactive:before{background:linear-gradient(135deg,#ef4444,#f87171)}.stat-card.admin:before{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.stat-card:hover{box-shadow:0 8px 32px #0000001f}.stat-number{color:#1e293b;font-size:28px;line-height:1;margin-bottom:4px}.users-controls{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.users-search-bar{flex:1 1;max-width:400px}.users-search-bar-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 4px 16px #0000000d;color:#1e293b;font-size:16px;font-weight:500;padding:16px 16px 16px 48px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.users-search-bar-input:focus{border-color:#2e615580;box-shadow:0 8px 32px #2e615526;outline:none;transform:translateY(-1px)}.users-search-bar-input::placeholder{color:#94a3b8;font-weight:400}.add-new-user-button{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:16px;box-shadow:0 8px 24px #2e61554d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;letter-spacing:.5px;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.add-new-user-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-new-user-button:hover:before{left:100%}.add-new-user-button:hover{box-shadow:0 12px 36px #2e615566;transform:translateY(-2px)}.add-new-user-button:active{transform:translateY(0)}.users-list-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;max-height:600px;overflow:hidden;overflow-y:auto}.users-list-table-container::-webkit-scrollbar{width:8px}.users-list-table-container::-webkit-scrollbar-track{background:#f8fafc80}.users-list-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:4px}.users-list-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1e4a3f,#10b981)}.users-list-table{border-collapse:collapse;table-layout:fixed;width:100%}.users-list-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:sticky;top:0;z-index:10}.users-list-table th{border-bottom:2px solid #e2e8f080;color:#1e293b;font-size:14px;font-weight:700;letter-spacing:.5px;padding:20px 24px;text-align:left;text-transform:uppercase}.table-header{align-items:center;display:flex;gap:8px}.header-icon{font-size:16px;opacity:.7}.table-row{border-bottom:1px solid #e2e8f04d;transition:all .3s cubic-bezier(.4,0,.2,1)}.table-row:hover{background:#2e61550d;transform:translateX(4px)}.users-list-table td{border-bottom:1px solid #e2e8f04d;padding:20px 24px;vertical-align:middle}.user-name-cell{display:flex;flex-direction:column;gap:4px}.user-name{color:#1e293b;font-size:16px;font-weight:700}.user-username{font-weight:400}.user-email,.user-username{color:#64748b;font-size:14px}.user-email{font-weight:500}.role-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.role-badge.admin{background:#8b5cf61a;border:1px solid #8b5cf633;color:#8b5cf6}.role-badge.chat{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.status-badge{gap:8px}.status-badge.active{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.status-badge.inactive{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.status-dot{animation:pulse 2s infinite;background:currentColor;border-radius:50%;height:8px;width:8px}.action-buttons{align-items:center;gap:8px}.user-delete-button,.user-edit-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.user-edit-button{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.user-edit-button:hover{background:#3b82f633;box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.user-delete-button{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.user-delete-button:hover{background:#ef444433;box-shadow:0 8px 24px #ef44444d;transform:translateY(-2px)}.users-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.empty-state-icon{font-size:80px;margin-bottom:24px;opacity:.7}.empty-state-title{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 12px}.empty-state-subtitle{color:#64748b;font-size:16px;line-height:1.5;margin:0 0 32px;max-width:400px}.empty-state-button{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:16px;box-shadow:0 8px 24px #2e61554d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.empty-state-button:hover{box-shadow:0 12px 36px #2e615566;transform:translateY(-2px)}@media (max-width:1200px){.users-header{align-items:stretch;flex-direction:column;gap:24px}.users-stats{grid-template-columns:repeat(2,1fr);min-width:auto}}@media (max-width:768px){.users-list-wrapper{padding:20px 16px}.users-header{border-radius:16px;padding:24px}.users-title{font-size:28px}.users-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-number{font-size:24px}.users-controls{flex-direction:column;gap:16px}.users-search-bar{max-width:none}.add-new-user-button{justify-content:center;padding:16px;width:100%}.users-list-table thead{display:none}.users-list-table,.users-list-table tbody,.users-list-table td,.users-list-table tr{display:block;width:100%}.table-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:16px;margin-bottom:16px;padding:20px}.table-row:hover{transform:none}.users-list-table td{border:none;padding:8px 0 8px 40%;position:relative}.users-list-table td:before{color:#1e293b;content:attr(data-label);font-size:12px;font-weight:700;left:0;letter-spacing:.5px;position:absolute;text-transform:uppercase;width:35%}.users-list-table td:last-child{padding-left:0}.users-list-table td:last-child:before{display:none}.action-buttons{border-top:1px solid #e2e8f04d;justify-content:flex-start;margin-top:16px;padding-top:16px}}@media (max-width:480px){.users-stats{grid-template-columns:1fr}.empty-state-icon{font-size:60px}.empty-state-title{font-size:20px}.empty-state-subtitle{font-size:14px}}.user-form-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Varela Round,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.user-form-container:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#2e615533 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.user-form-wrapper{animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1);margin:0 auto;max-width:1000px;padding:40px 24px;position:relative;z-index:1}.user-form__header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;display:flex;gap:24px;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.user-form__header:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.IconButtonGambotAi{background:#2e61551a!important;border:1px solid #2e615533!important;border-radius:12px!important;color:#2e6155!important;height:48px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:48px!important}.IconButtonGambotAi:hover{background:#2e615533!important;box-shadow:0 8px 24px #2e61554d!important;transform:translateY(-2px)!important}.form-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#34d399);-webkit-background-clip:text;background-clip:text;color:#2e6155;font-size:36px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0 0 8px;text-transform:uppercase}.form-subtitle{color:#64748b;font-size:16px;font-weight:500;line-height:1.5;margin:0}.user-form__form-container{display:flex;flex-direction:column;gap:32px}.form-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;overflow:visible;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-section:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.form-section:hover{box-shadow:0 24px 72px #00000026;transform:translateY(-2px)}.section-header{border-bottom:1px solid #e2e8f04d}.section-title{font-size:20px;gap:12px;margin:0 0 8px}.section-icon{font-size:24px;opacity:.8}.section-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.form-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.full-width{grid-column:1/-1}.field-label{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.label-icon{font-size:16px;opacity:.7}.required{color:#ef4444;font-weight:700}.optional{color:#64748b;font-size:12px;font-weight:400;letter-spacing:normal;text-transform:none}.modern-input,.modern-select,.modern-textarea{border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 4px 16px #0000000d;color:#1e293b;font-weight:500;width:100%}.modern-input:focus,.modern-select:focus,.modern-textarea:focus{background:#fffffff2;border-color:#2e615580;box-shadow:0 8px 32px #2e615526;transform:translateY(-1px)}.modern-input::placeholder,.modern-textarea::placeholder{color:#94a3b8;font-weight:400}.modern-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:48px}.modern-textarea{line-height:1.6;min-height:120px}.user-form-phone-number-input-container,.user-form-phone-number-input-container .react-tel-input{width:100%}.user-form-phone-number-input-container .react-tel-input .form-control{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#f8fafccc!important;border:1px solid #e2e8f080!important;border-radius:16px!important;box-shadow:0 4px 16px #0000000d!important;color:#1e293b!important;direction:ltr!important;font-family:Varela Round,sans-serif!important;font-size:16px!important;font-weight:500!important;height:56px!important;padding:16px 20px 16px 60px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.user-form-phone-number-input-container .react-tel-input .form-control:focus{background:#fffffff2!important;border-color:#2e615580!important;box-shadow:0 8px 32px #2e615526!important;outline:none!important;transform:translateY(-1px)!important}.user-form-phone-number-input-container .react-tel-input .flag-dropdown{background:#0000!important;border:none!important;border-radius:16px 0 0 16px!important}.user-form-phone-number-input-container .react-tel-input .selected-flag{background:#0000!important;border-radius:16px 0 0 16px!important;padding:0 12px!important}.user-form-phone-number-input-container .react-tel-input .selected-flag:hover{background:#2e61550d!important}.form-actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;padding:32px}.submit-btn{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:16px;box-shadow:0 8px 24px #2e61554d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:18px;font-weight:700;gap:12px;letter-spacing:.5px;min-width:200px;overflow:hidden;padding:18px 36px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{box-shadow:0 12px 36px #2e615566;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.button-icon{font-size:20px}.button-spinner{animation:spin 1s linear infinite;display:inline-block;font-size:20px}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.submit-btn:disabled:hover{box-shadow:0 8px 24px #2e61554d;transform:none}@media (max-width:768px){.user-form-wrapper{padding:20px 16px}.user-form__header{border-radius:16px;flex-direction:column;gap:16px;padding:24px;text-align:center}.form-title{font-size:28px}.form-section{border-radius:16px;padding:24px}.form-grid{gap:20px;grid-template-columns:1fr}.section-title{font-size:18px}.modern-input,.modern-select,.modern-textarea{font-size:16px;padding:14px 16px}.submit-btn{font-size:16px;justify-content:center;padding:16px 24px;width:100%}.form-actions{border-radius:16px;padding:24px}}@media (max-width:480px){.user-form-wrapper{padding:16px 12px}.form-title{font-size:24px}.form-subtitle{font-size:14px}.section-title{font-size:16px}.section-subtitle{font-size:12px}}.user-form__input{margin-bottom:20px}.user-form__input label{color:#1e293b;display:block;font-weight:600;margin-bottom:8px}.user-form__input input,.user-form__input select{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px;width:100%}.user-form-submit-btn{background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:12px;box-shadow:0 4px 16px #2e61554d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease}.user-form-submit-btn:hover{box-shadow:0 8px 24px #2e615566;transform:translateY(-2px)}.security-role-options{display:flex;gap:16px;margin-top:12px}.role-option{align-items:start;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex:1 1;gap:12px;padding:16px;transition:all .3s ease}.role-option:hover{background:#f9fafb;border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.role-option.selected{background:linear-gradient(135deg,#f0f4ff,#e8eeff);border-color:#667eea;box-shadow:0 4px 16px #667eea33}.role-option input[type=radio]{accent-color:#667eea;cursor:pointer;height:20px;margin-top:4px;width:20px}.role-content{flex:1 1}.role-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.role-icon{font-size:20px}.role-name{color:#1f2937;font-size:15px;font-weight:600}.role-description{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.form-field-full-width{grid-column:1/-1}.permissions-grid-container{background:#f9fafb;border:2px solid #e5e7eb;border-radius:16px;margin-top:24px;padding:24px}.permissions-header{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:12px;justify-content:space-between;margin:0 0 20px}.permissions-icon{font-size:22px}.permissions-status-badge{background:#10b981;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.permission-category{margin-bottom:24px}.permission-category:last-child{margin-bottom:0}.category-title{border-bottom:2px solid #e5e7eb;color:#4b5563;font-size:15px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.permissions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.permission-checkbox{align-items:start;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px;position:relative;transition:all .2s ease}.permission-checkbox:hover:not(.disabled){background:#f9fafb;border-color:#667eea;box-shadow:0 2px 8px #667eea26;transform:translateY(-1px)}.permission-checkbox.checked{background:linear-gradient(135deg,#f0f4ff,#e8eeff);border-color:#667eea}.permission-checkbox.disabled{cursor:not-allowed;opacity:.7}.permission-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;margin-top:2px;width:18px}.permission-checkbox.disabled input[type=checkbox]{cursor:not-allowed}.permission-content{flex:1 1}.permission-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.permission-icon{font-size:18px}.permission-name{color:#1f2937;font-size:14px;font-weight:600}.permission-includes{color:#6b7280;font-size:11px;line-height:1.4;margin-top:4px}.checkmark{color:#667eea;font-size:16px;font-weight:700;position:absolute;right:8px;top:8px}.field-description{color:#6b7280;font-size:13px;margin:4px 0 12px}@media (max-width:768px){.security-role-options{flex-direction:column}.permissions-grid{grid-template-columns:1fr}.permissions-grid-container{padding:16px}}.activity-log-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1f2937;font-family:Varela Round,sans-serif;min-height:100vh;padding:32px}.activity-logs-content-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-logs-header-section{background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;overflow:hidden;padding:32px;position:relative}.activity-logs-header-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.activity-log-header{color:#fff;font-size:42px;font-weight:700;margin:0 0 8px;position:relative;z-index:1}.activity-logs-header-subtitle{font-size:16px;font-weight:400;margin:0;opacity:.9;position:relative;z-index:1}.activity-logs-stats-dashboard{grid-gap:24px;background:#f8fafc80;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:32px}.activity-logs-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-logs-stat-card:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.activity-logs-stat-card:hover{box-shadow:0 12px 48px #0000001f;transform:translateY(-4px)}.activity-logs-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#6366f1;font-size:32px;font-weight:700;margin:0 0 8px}.activity-logs-stat-label{color:#64748b;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.activity-logs-controls-section{background:#ffffff80;border-bottom:1px solid #e2e8f080;padding:32px}.activity-logs-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.activity-logs-action-buttons{display:flex;flex-wrap:wrap;gap:12px}.activity-log-refresh-button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 16px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-log-refresh-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.activity-log-refresh-button:hover:before{left:100%}.activity-log-refresh-button:hover{box-shadow:0 8px 24px #6366f166;transform:translateY(-2px)}.activity-log-refresh-button:active{transform:translateY(0)}.activity-log-search-bar{flex:1 1;max-width:400px}.activity-log-search-bar input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;border-radius:12px;color:#1f2937;font-family:Varela Round,sans-serif;font-size:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.activity-log-search-bar input:focus{background:#fffffff2;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.activity-log-search-bar input::placeholder{color:#94a3b8}.activity-logs-table-section{padding:0 32px 32px}.activity-log-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;max-height:600px;overflow:hidden;overflow-y:auto}.activity-log-table{border-collapse:collapse;table-layout:fixed;width:100%}.activity-log-table thead th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-bottom:2px solid #6366f11a;color:#6366f1;font-size:14px;font-weight:700;letter-spacing:.5px;padding:20px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.activity-log-table tbody tr{background:#ffffff80;border-bottom:1px solid #e2e8f04d;transition:all .2s cubic-bezier(.4,0,.2,1)}.activity-log-table tbody tr:hover{background:#6366f10d;box-shadow:4px 0 0 #6366f133;transform:translateX(4px)}.activity-log-table td{word-wrap:break-word;color:#374151;font-size:14px;font-weight:500;overflow-wrap:break-word;padding:16px;vertical-align:middle;white-space:normal}.activity-log-status-badge{align-items:center;border-radius:14px;box-shadow:0 2px 8px #0000001a;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:28px;justify-content:center;letter-spacing:.5px;min-width:80px;padding:0 12px;text-align:center;text-transform:uppercase}.activity-log-status-badge.success{background:linear-gradient(135deg,#10b981,#34d399)}.activity-log-status-badge.pending{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.activity-log-status-badge.failed{background:linear-gradient(135deg,#ef4444,#f87171)}.activity-log-status-badge.info{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.activity-log-status-badge.default{background:linear-gradient(135deg,#6b7280,#9ca3af)}.activity-log-view-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#6366f1;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;justify-content:center;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.activity-log-view-button:hover{background:#6366f1;border-color:#6366f1;box-shadow:0 4px 16px #6366f14d;color:#fff;transform:translateY(-2px)}.activity-log-view-button:active{transform:translateY(0)}.activity-log-action-icon{border-radius:8px;font-size:16px;height:32px;margin-right:12px;width:32px}.activity-log-date-info{display:flex;flex-direction:column;gap:4px}.activity-log-date{color:#374151;font-size:13px;font-weight:600}.activity-log-user{color:#64748b;font-size:12px;font-style:italic}.activity-log-empty-state{color:#64748b;padding:60px 20px;text-align:center}.activity-log-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.activity-log-empty-text{font-size:18px;font-weight:600;margin:0}.activity-logs-pagination-controls{align-items:center;background:#f8fafc80;border-top:1px solid #e2e8f080;display:flex;gap:16px;justify-content:center;padding:24px 32px}.pagination-button{color:#6366f1}.pagination-button:hover:not([disabled]){background:#6366f1;box-shadow:0 4px 16px #6366f14d}.ActivityLogPageOf{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:12px;color:#64748b;font-size:14px;font-weight:500;padding:12px 20px}@media (max-width:1024px){.activity-log-container{padding:24px}.activity-logs-controls-row{align-items:stretch;flex-direction:column;gap:16px}.activity-log-search-bar{max-width:none}}@media (max-width:768px){.activity-log-container{padding:16px}.activity-logs-header-section{padding:24px}.activity-log-header{font-size:32px}.activity-logs-stats-dashboard{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:24px}.activity-logs-controls-section{padding:24px}.activity-logs-table-section{padding:0 16px 24px}.activity-log-table-container{overflow-x:auto}.activity-log-table thead{display:none}.activity-log-table tbody tr{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 4px 16px #00000014;display:block;margin-bottom:16px;padding:16px}.activity-log-table tbody tr:hover{box-shadow:0 8px 24px #0000001f;transform:none}.activity-log-table td{align-items:center;border:none;border-bottom:1px solid #e2e8f04d;display:flex;font-size:14px;justify-content:space-between;max-width:none;padding:8px 0}.activity-log-table td:last-child{border-bottom:none}.activity-log-table td:before{color:#6366f1;content:attr(data-label);flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.5px;margin-right:12px;text-transform:uppercase}.activity-log-view-button{font-size:12px;padding:6px 12px}}@media (max-width:480px){.activity-log-container{padding:12px}.activity-logs-header-section{padding:20px}.activity-log-header{font-size:28px}.activity-logs-stats-dashboard{gap:12px;grid-template-columns:1fr;padding:20px}.activity-logs-stat-card{padding:20px}.activity-logs-stat-number{font-size:28px}}.activity-log-form-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1f2937;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;min-height:100vh;padding:32px}.activity-log__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;max-width:1200px;padding:20px 0;width:100%}.activity-log__header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;flex-grow:1;font-size:42px;font-weight:700;margin:0;text-align:center}.activity-log__back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;border-radius:12px;color:#6366f1;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.activity-log__back-button:hover{background:#6366f1;box-shadow:0 4px 16px #6366f14d;color:#fff;transform:translateY(-2px)}.activity-log-form-paper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.activity-log-form-header-section{background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;overflow:hidden;padding:32px;position:relative}.activity-log-form-header-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.activity-log-form-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;position:relative;z-index:1}.activity-log-form-subtitle{color:#fff;font-size:16px;font-weight:400;margin:0;opacity:.9;position:relative;z-index:1}.activity-log-form-content{padding:40px}.activity-log-form-field{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:16px;margin-bottom:32px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-log-form-field:hover{border-color:#6366f133;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.activity-log-form-field-label{color:#6366f1;display:block;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.activity-log-form-field-value{color:#374151;font-size:16px;font-weight:600;line-height:1.6;margin:0;word-break:break-word}.activity-log-form-field--status .activity-log-form-field-value{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.5px;min-width:120px;padding:8px 16px;text-transform:uppercase}.activity-log-form-field--status.success .activity-log-form-field-value{background:linear-gradient(135deg,#10b981,#34d399)}.activity-log-form-field--status.pending .activity-log-form-field-value{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.activity-log-form-field--status.failed .activity-log-form-field-value{background:linear-gradient(135deg,#ef4444,#f87171)}.activity-log-form-field--status.info .activity-log-form-field-value{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.activity-log-form-field--status.default .activity-log-form-field-value{background:linear-gradient(135deg,#6b7280,#9ca3af)}.activity-log-form-field--action .activity-log-form-field-value{align-items:center;display:flex;gap:12px}.activity-log-action-icon{align-items:center;border-radius:10px;display:inline-flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.activity-log-action-icon.create{background:linear-gradient(135deg,#22c55e1a,#4ade801a);color:#16a34a}.activity-log-action-icon.update{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);color:#2563eb}.activity-log-action-icon.delete{background:linear-gradient(135deg,#ef44441a,#f871711a);color:#dc2626}.activity-log-action-icon.view{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:#6366f1}.activity-log-action-icon.default{background:linear-gradient(135deg,#6b72801a,#9ca3af1a);color:#6b7280}.activity-log-form-field--date .activity-log-form-field-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-family:Courier New,monospace;font-size:18px}.activity-log-form-error,.activity-log-form-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.activity-log-form-loading-spinner{animation:spin 1s linear infinite;border:4px solid #6366f11a;border-left-color:#6366f1;border-radius:50%;height:40px;margin-bottom:16px;width:40px}.activity-log-form-error-icon{font-size:48px;margin-bottom:16px;opacity:.5}.activity-log-form-error-text{font-size:18px;font-weight:600;margin:0}.MuiTextField-root{margin-bottom:24px!important}.MuiTextField-root .MuiOutlinedInput-root{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.MuiTextField-root .MuiOutlinedInput-root:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 4px #6366f11a}.MuiTextField-root .MuiInputLabel-root{color:#6366f1!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.MuiTextField-root .MuiOutlinedInput-input{color:#374151!important;font-size:16px!important;font-weight:600!important}@media (max-width:768px){.activity-log-form-container{padding:16px}.activity-log__header{flex-direction:column;gap:16px;text-align:center}.activity-log__header h1{font-size:32px;order:2}.activity-log__back-button{align-self:flex-start;order:1}.activity-log-form-paper{border-radius:16px}.activity-log-form-header-section{padding:24px}.activity-log-form-title{font-size:24px}.activity-log-form-content{padding:24px}.activity-log-form-field{margin-bottom:20px;padding:20px}.activity-log-form-field-value{font-size:15px}}@media (max-width:480px){.activity-log-form-container{padding:12px}.activity-log__header h1{font-size:28px}.activity-log-form-header-section{padding:20px}.activity-log-form-title{font-size:20px}.activity-log-form-content{padding:20px}.activity-log-form-field{padding:16px}}.settings-menu-container{height:100%;padding:32px}.menu-header{border-bottom:1px solid #e2e8f04d;margin-bottom:24px;padding-bottom:16px}.menu-title{color:#1e293b;font-size:20px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.menu-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.settings-menu{display:flex;flex-direction:column;gap:8px}.menu-item{align-items:center;background:#f8fafc80;border:1px solid #e2e8f04d;border-radius:16px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:16px 20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-item:before{background:linear-gradient(135deg,#2e6155,#34d399);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:4px}.menu-item:hover:before{transform:scaleY(1)}.menu-item:hover{background:#2e61550d;border-color:#2e615533;box-shadow:0 4px 16px #2e61551a;transform:translateX(4px)}.menu-item.active{background:linear-gradient(135deg,#2e61551a,#34d3991a);border-color:#2e61554d;box-shadow:0 4px 16px #2e615526}.menu-item.active:before{transform:scaleY(1)}.menu-item.active .menu-item-label{color:#2e6155;font-weight:700}.menu-item.active .menu-item-icon{background:#2e61551a;color:#2e6155}.menu-item.active .menu-item-arrow{color:#2e6155;transform:translateX(4px)}.menu-item-icon{align-items:center;background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;color:#64748b;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.menu-item:hover .menu-item-icon{background:#2e61551a;border-color:#2e615533;color:#2e6155}.menu-item-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.menu-item-label{color:#1e293b;font-size:16px;font-weight:600;transition:all .3s ease}.menu-item-description{color:#64748b;font-size:12px;font-weight:400;line-height:1.4}.menu-item-arrow{color:#94a3b8;flex-shrink:0;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-item:hover .menu-item-arrow{color:#2e6155;transform:translateX(4px)}@media (max-width:768px){.settings-menu-container{padding:24px}.menu-title{font-size:18px}.menu-item{gap:12px;padding:14px 16px}.menu-item-icon{font-size:16px;height:36px;width:36px}.menu-item-label{font-size:15px}.menu-item-description{font-size:11px}}@media (max-width:480px){.settings-menu-container{padding:20px}.menu-item{gap:10px;padding:12px 14px}.menu-item-icon{font-size:14px;height:32px;width:32px}.menu-item-label{font-size:14px}.menu-item-description{font-size:10px}}.waba-profile-container{color:#1f2937;font-family:Varela Round,sans-serif;margin:0;padding:0}.waba-profile-wrapper{animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1)}.waba-profile-header{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.waba-profile-header:before{background:linear-gradient(135deg,#25d366,#128c7e);content:"";height:4px;left:0;position:absolute;right:0;top:0}.profile-title{align-items:center;color:#25d366;display:flex;font-size:36px;font-weight:800;gap:16px;letter-spacing:-.5px;line-height:1.1;margin:0 0 12px;text-transform:uppercase}.title-icon{color:#25d366}.profile-subtitle{color:#64748b;font-size:16px;font-weight:500;line-height:1.5;margin:0;max-width:500px}.profile-stats{display:flex;gap:16px}.stat-card:before{background:linear-gradient(135deg,#25d366,#128c7e)}.stat-card:hover{box-shadow:0 8px 32px #25d36626}.stat-icon{background:#25d3661a;color:#25d366}.stat-value{font-size:16px}.waba-profile-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.profile-form-section{display:flex;flex-direction:column}.form-card,.preview-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;height:fit-content;overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-card:before,.preview-card:before{background:linear-gradient(135deg,#25d366,#128c7e);content:"";height:3px;left:0;position:absolute;right:0;top:0}.form-card:hover,.preview-card:hover{box-shadow:0 24px 72px #00000026;transform:translateY(-2px)}.card-header{border-bottom:1px solid #e2e8f04d;margin-bottom:32px;padding-bottom:20px}.card-title{align-items:center;color:#1e293b;display:flex;font-size:24px;font-weight:700;gap:12px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.card-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.form-sections{gap:32px}.form-section,.form-sections{display:flex;flex-direction:column}.form-section{gap:16px}.section-header{margin-bottom:16px}.section-title{font-size:18px;gap:10px;letter-spacing:.5px;text-transform:uppercase}.section-icon{font-size:20px}.photo-upload-container{align-items:center;background:#f8fafccc;border:1px solid #e2e8f080;border-radius:16px;display:flex;gap:24px;padding:20px}.current-photo{flex-shrink:0}.profile-photo-preview{border:3px solid #25d366;border-radius:50%;box-shadow:0 4px 16px #25d36633;height:80px;object-fit:cover;width:80px}.photo-upload{display:flex;flex-direction:column;gap:8px}.file-input{display:none}.file-upload-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.file-upload-btn:hover{box-shadow:0 8px 24px #25d3664d;transform:translateY(-2px)}.upload-hint{color:#64748b;font-size:12px;margin:0}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.label-icon{color:#25d366;font-size:14px}.modern-input,.modern-select,.modern-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:2px solid #e2e8f0cc;border-radius:12px;color:#1f2937;font-family:Varela Round,sans-serif;font-size:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-input:focus,.modern-select:focus,.modern-textarea:focus{background:#ffffffe6;border-color:#25d366;box-shadow:0 0 0 4px #25d3661a;outline:none}.modern-input::placeholder,.modern-textarea::placeholder{color:#9ca3af;font-style:italic}.modern-textarea{min-height:100px;resize:vertical}.form-actions{justify-content:center;margin-top:16px}.save-button{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:16px;box-shadow:0 8px 24px #25d3664d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:700;gap:12px;letter-spacing:.5px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.save-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.save-button:hover:before{left:100%}.save-button:hover{box-shadow:0 12px 36px #25d36666;transform:translateY(-2px)}.save-button.loading,.save-button:disabled{cursor:not-allowed;opacity:.7;pointer-events:none;transform:none}.save-button.loading{background:linear-gradient(135deg,#9ca3af,#6b7280)}.button-icon{font-size:18px}.profile-preview-section{display:flex;flex-direction:column}.phone-preview{display:flex;justify-content:center;margin-top:16px}.phone-frame{background:#fff;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #00000026;max-width:360px;overflow:hidden;width:100%}.phone-header{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;padding:24px}.profile-info{align-items:center;display:flex;gap:16px}.profile-avatar{border:3px solid #ffffff4d;border-radius:50%;height:60px;object-fit:cover;width:60px}.profile-details{flex:1 1}.profile-name{color:#fff;font-size:20px;font-weight:700;margin:0 0 4px}.profile-category{color:#fffc;font-size:14px;font-weight:500;margin:0 0 8px}.profile-about{color:#ffffffe6;font-size:13px;font-style:italic;line-height:1.4;margin:0}.phone-body{background:#fff;padding:24px}.contact-info{display:flex;flex-direction:column;gap:16px}.contact-item{align-items:center;background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;color:#374151;display:flex;font-size:14px;gap:12px;padding:12px 16px}.contact-icon{color:#25d366;flex-shrink:0;font-size:16px}.tier-info{background:#25d3660d;border:1px solid #25d36633;border-radius:12px;padding:16px}.tier-badge{align-items:center;display:flex;gap:8px;margin-bottom:8px}.tier-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px}.tier-label,.tier-value{text-transform:uppercase}.tier-value{color:#25d366;font-size:14px;font-weight:700}.tier-description{color:#64748b;font-size:12px;font-style:italic;margin:0}.websites-section{background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;padding:16px}.websites-section .section-title{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.websites-section .section-icon{color:#25d366;font-size:14px}.websites-list{display:flex;flex-direction:column;gap:8px}.website-link{background:#25d3660d;border-radius:8px;color:#25d366;font-size:13px;padding:8px 12px;text-decoration:none;transition:all .3s ease;word-break:break-all}.website-link:hover{background:#25d3661a;text-decoration:underline}.share-section{margin-top:8px;text-align:center}.share-button{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 20px;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.share-button:hover{box-shadow:0 8px 24px #25d3664d;transform:translateY(-2px)}.share-icon{font-size:14px}@media (max-width:1200px){.waba-profile-header{align-items:stretch;flex-direction:column;gap:24px}.profile-stats{justify-content:center}.waba-profile-content{gap:24px;grid-template-columns:1fr}}@media (max-width:768px){.waba-profile-header{border-radius:16px;padding:24px}.profile-title{font-size:28px}.form-card,.preview-card{border-radius:16px;padding:24px}.card-title{font-size:20px}.form-grid{gap:16px;grid-template-columns:1fr}.photo-upload-container{flex-direction:column;gap:16px;text-align:center}.profile-stats{flex-direction:row;justify-content:space-around}.stat-card{flex:1 1;min-width:auto;padding:16px}}@media (max-width:480px){.waba-profile-header{padding:20px}.profile-title{flex-direction:column;font-size:24px;gap:8px;text-align:center}.profile-subtitle{font-size:14px;text-align:center}.form-card,.preview-card{padding:20px}.card-title{font-size:18px}.card-subtitle{font-size:12px}.profile-stats{flex-direction:column;gap:12px}.stat-card{padding:12px}.phone-frame{max-width:100%}.phone-body,.phone-header{padding:20px}}.wabaProfile-container{display:flex;justify-content:center;margin-top:50px}.wabaProfile-container-wrapper{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;max-width:1200px;width:90%}.toggle-setting{align-items:center;background:#f8fafc80;border:1px solid #e2e8f080;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-setting:hover{background:#f8fafccc;border-color:#25d366;box-shadow:0 4px 12px #25d3661a}.toggle-info{flex:1 1}.setting-description{color:#64748b;font-size:14px;line-height:1.5;margin:8px 0 0}.toggle-switch{display:inline-block;height:28px;margin-left:20px;position:relative;width:56px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:28px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:4px;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#25d366}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(28px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #25d36633}.contact-column-container{color:#1f2937;font-family:Varela Round,sans-serif;margin:0;padding:0}.contact-column-header{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.contact-column-header:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.contact-title{align-items:center;color:#2e6155;display:flex;font-size:36px;font-weight:800;gap:16px;letter-spacing:-.5px;line-height:1.1;margin:0 0 12px;text-transform:uppercase}.contact-subtitle{color:#64748b;font-size:16px;font-weight:500;line-height:1.5;margin:0;max-width:500px}.contact-stats{display:flex;gap:12px}.contact-column-title{display:none}.contact-column-input-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}.contact-column-input,.contact-column-select{border:1px solid #ccc;border-radius:8px;flex:0 1 auto;font-size:13px;max-width:160px;min-width:140px;padding:8px 12px}.contact-column-checkbox{align-items:center;display:flex;font-size:14px;gap:6px}.contact-column-filters{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-wrap:nowrap;gap:12px;justify-content:center;margin:24px 0;padding:16px 20px}.search-input-wrapper{align-items:center;display:flex;flex:0 1 auto}.search-icon{font-size:14px;left:12px}.search-input{font-size:13px;padding:8px 12px 8px 40px!important;width:220px}.contact-column-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;transition:all .3s ease}.contact-column-button.primary{background-color:#27548a;color:#fff}.contact-column-button.primary:hover{background-color:#1d3f6c}.contact-column-button.secondary{background-color:initial;border:1px solid #27548a;color:#27548a}.contact-column-button.secondary:hover{background-color:#f3f8ff}.contact-column-button.danger{background-color:initial;border:1px solid #e83f25;color:#e83f25}.contact-column-button.danger:hover{background-color:#fff2f0}.contact-column-save-button{display:block;margin-left:auto;margin-right:auto;margin-top:32px}.contact-column-table{border-collapse:collapse;margin-top:32px;width:100%}.contact-column-table td,.contact-column-table th{border:1px solid #e5e5e5;font-size:14px;padding:12px;text-align:center}.contact-column-table th{background-color:#eef3fe;color:#27548a;font-weight:600}.contact-column-table tr:nth-child(2n){background-color:#f9fbff}.contact-column-table tr:has(input),.contact-column-table tr:has(select){background-color:#f4f8ff}.contact-column-edit{background-color:initial;border:none;color:#27548a;cursor:pointer;font-size:20px}.contact-column-delete{background:none;border:none;color:#e83f25;cursor:pointer;font-size:18px;margin-left:8px}.contact-column-table input[type=text],.contact-column-table select{border:1px solid #ccc;border-radius:6px;font-size:13px;padding:8px;width:100%}.contact-column-table input[type=checkbox]{transform:scale(1.1)}.contact-column-options-edit{margin-top:8px}.contact-column-options-edit .option-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.contact-column-options-edit .option-list div{align-items:center;background-color:#f2f4f7;border-radius:10px;box-shadow:0 1px 4px #0000000f;color:#333;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px}.contact-column-options-edit .option-list div:hover{background-color:#e9eef7}.contact-column-options-edit .option-list button{background:#fff;border:1px solid #e53935;border-radius:8px;color:#e53935;cursor:pointer;font-size:14px;font-weight:700;padding:4px 10px;transition:.2s ease}.contact-column-options-edit .option-list button:hover{background-color:#ffeaea}.contact-column-options-edit input[type=text]{border:1px solid #ccc;border-radius:8px;font-size:14px;margin-bottom:10px;padding:8px 10px;width:100%}.contact-column-options-edit .save-options-button{align-items:center;background:linear-gradient(135deg,#635dff,#843cf6);border:none;border-radius:10px;box-shadow:0 4px 10px #635dff33;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.contact-column-options-edit .save-options-button:hover{background:linear-gradient(135deg,#5247e9,#6d34dd);box-shadow:0 6px 18px #635dff4d;transform:translateY(-1px)}.contact-column-add-button,.primary-action-button{align-items:center;background:linear-gradient(135deg,#635dff,#843cf6);border:none;border-radius:12px;box-shadow:0 4px 12px #635dff33;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;letter-spacing:.5px;padding:10px 18px;transition:all .3s ease}.contact-column-add-button:hover,.primary-action-button:hover{background:linear-gradient(135deg,#5247e9,#6d34dd);box-shadow:0 6px 18px #635dff4d;transform:translateY(-2px)}.primary-action-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.contact-column-input-group{align-items:stretch;flex-direction:column}.contact-column-filters{flex-wrap:wrap}.contact-column-input,.contact-column-save-button,.contact-column-select{width:100%}.contact-column-options-edit .option-list div{align-items:flex-start;flex-direction:column;gap:4px}}.contact-column-table tbody tr:not(:has(input,select)):hover{background-color:#eef3fe;cursor:pointer;transition:background-color .2s ease}.GeneralSettings__container{background-color:#1c1c1e;border-radius:16px;box-shadow:0 10px 30px #0003;color:#f4f4f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:800px;padding:30px}.GeneralSettings__container h2{border-bottom:1px solid #333;color:#fdfdfd;font-size:24px;margin-bottom:25px;padding-bottom:8px}.GeneralSettings__section{background-color:#2a2a2d;border-radius:12px;margin-bottom:30px;padding:20px;transition:background-color .3s ease}.GeneralSettings__section:hover{background-color:#2f2f32}.GeneralSettings__label{color:#a0a0a0;font-size:14px;margin-bottom:6px}.GeneralSettings__tokenBox{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.GeneralSettings__maskedToken{background-color:#333;border-radius:8px;flex:1 1;font-family:monospace;font-size:14px;margin-right:10px;overflow:hidden;padding:10px 14px;text-overflow:ellipsis;white-space:nowrap}.GeneralSettings__copyButton{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px;transition:background-color .25s ease}.GeneralSettings__copyButton:hover{background-color:#4338ca}.GeneralSettings__emailInput{background-color:#333;border:none;border-radius:8px;color:#f4f4f5;font-size:14px;margin-top:10px;padding:10px;width:100%}.GeneralSettings__updateButton:hover{background-color:#059669}.GeneralSettings__message{background-color:#333;border-radius:8px;color:#a0f0d0;font-size:14px;margin-top:20px;padding:12px}.GeneralSettings__comingSoon{color:#aaa;font-style:italic;padding:8px 0 0 2px}.GeneralSettings__section{background-color:#2f3136;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.GeneralSettings__label{color:#b9bbbe;font-size:.875rem}.GeneralSettings__footerTextarea{width:98%}.GeneralSettings__updateButton,.GeneralSettings__updateFooterButton{align-self:flex-start;font-size:.9rem;transition:background-color .2s ease}.GeneralSettings__footerControls{align-items:flex-start;display:flex;gap:1rem}.GeneralSettings__footerTextarea{background-color:#202225;border:1px solid #202225;border-radius:4px;color:#dcddde;flex:1 1;font-size:.9rem;min-height:100px;padding:.75rem 1rem;resize:vertical}.GeneralSettings__updateButton,.GeneralSettings__updateFooterButton{align-self:left;background-color:#43b581;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:0;padding:.75rem 1.5rem;transition:background .2s}.GeneralSettings__updateFooterButton:hover{background-color:#389d6e}.GeneralSettings__toggleContainer{align-items:center;display:flex;gap:20px;justify-content:space-between}.GeneralSettings__toggleInfo{flex:1 1}.GeneralSettings__description{color:#888;font-size:13px;line-height:1.4;margin-top:4px}.GeneralSettings__toggle{display:inline-block;flex-shrink:0;height:28px;position:relative;width:54px}.GeneralSettings__toggle input{height:0;opacity:0;width:0}.GeneralSettings__slider{background-color:#4a4a4f;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.GeneralSettings__slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.3s;width:20px}.GeneralSettings__toggle input:checked+.GeneralSettings__slider{background-color:#43b581}.GeneralSettings__toggle input:checked+.GeneralSettings__slider:before{transform:translateX(26px)}.GeneralSettings__toggle input:disabled+.GeneralSettings__slider{cursor:not-allowed;opacity:.5}.GeneralSettings__slider:hover{opacity:.9}.GeneralSettings__sectionHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.GeneralSettings__addButton{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;box-shadow:0 4px 12px #4f46e54d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.GeneralSettings__addButton:hover{box-shadow:0 6px 16px #4f46e566;transform:translateY(-2px)}.GeneralSettings__emptyState{background:#202225;border:2px dashed #4a4a4f;border-radius:8px;padding:60px 20px;text-align:center}.GeneralSettings__table{background:#202225;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.GeneralSettings__table thead{background:#2f3136}.GeneralSettings__table th{color:#b9bbbe;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px;text-align:left;text-transform:uppercase}.GeneralSettings__table td{border-top:1px solid #2f3136;color:#dcddde;padding:16px 14px}.GeneralSettings__shortcut{background:#4f46e5;border-radius:6px;color:#fff;font-family:Courier New,monospace;font-size:13px;font-weight:600;padding:4px 12px}.GeneralSettings__messageText{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.GeneralSettings__actions{display:flex;gap:8px}.GeneralSettings__deleteBtn,.GeneralSettings__editBtn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s ease}.GeneralSettings__editBtn{background:#5865f2;color:#fff}.GeneralSettings__editBtn:hover{background:#4752c4}.GeneralSettings__deleteBtn{background:#ed4245;color:#fff}.GeneralSettings__deleteBtn:hover{background:#c03537}.GeneralSettings__modalOverlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.GeneralSettings__modalContent{animation:modalSlideIn .3s ease;background:#2f3136;border-radius:12px;box-shadow:0 10px 40px #00000080;max-width:500px;padding:28px;width:90%}.GeneralSettings__modalTitle{color:#fff;font-size:20px;font-weight:600;margin-bottom:24px}.GeneralSettings__formGroup{margin-bottom:20px}.GeneralSettings__input,.GeneralSettings__textarea{background:#202225;border:1px solid #4a4a4f;border-radius:6px;box-sizing:border-box;color:#dcddde;font-size:14px;margin-top:8px;padding:12px;transition:border-color .2s ease;width:100%}.GeneralSettings__input:focus,.GeneralSettings__textarea:focus{border-color:#5865f2;outline:none}.GeneralSettings__textarea{font-family:inherit;min-height:100px;resize:vertical}.GeneralSettings__modalActions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.GeneralSettings__cancelBtn,.GeneralSettings__saveBtn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.GeneralSettings__cancelBtn{background:#4a4a4f;color:#dcddde}.GeneralSettings__cancelBtn:hover{background:#5a5a5f}.GeneralSettings__saveBtn{background:#43b581;color:#fff}.GeneralSettings__saveBtn:hover{background:#389d6e}.payments-container{color:#1f2937;font-family:Varela Round,sans-serif;margin:0;padding:0}.payments-wrapper{animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1)}.payments-header{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.payments-header:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.header-content{flex:1 1}.payments-title{align-items:center;color:#2e6155;display:flex;font-size:36px;font-weight:800;gap:16px;letter-spacing:-.5px;line-height:1.1;margin:0 0 12px;text-transform:uppercase}.title-icon{color:#2e6155;font-size:40px}.payments-subtitle{color:#64748b;font-size:16px;font-weight:500;line-height:1.5;margin:0;max-width:500px}.payments-stats{display:flex;flex-wrap:wrap;gap:16px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f080;border-radius:16px;gap:12px;min-width:140px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 8px 32px #2e615526}.stat-icon{background:#2e61551a;color:#2e6155;flex-shrink:0;font-size:18px;height:40px;width:40px}.stat-icon.success{background:#22c55e1a;color:#22c55e}.stat-icon.failed{background:#ef44441a;color:#ef4444}.stat-content{display:flex;flex-direction:column}.stat-label{color:#64748b;font-size:12px;font-weight:600;margin-bottom:4px}.stat-value{color:#1e293b;font-size:20px}.payments-filters{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 8px 32px #00000014;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px;padding:24px}.search-input-wrapper{flex:1 1;min-width:300px;position:relative}.search-icon{color:#64748b;left:16px;z-index:1}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:2px solid #e2e8f0cc;border-radius:12px;color:#1f2937;font-family:Varela Round,sans-serif;font-size:16px;padding:16px 20px 16px 48px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.search-input:focus{background:#ffffffe6;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;outline:none}.search-input::placeholder{color:#9ca3af;font-style:italic}.status-filter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:2px solid #e2e8f0cc;border-radius:12px;color:#1f2937;font-family:Varela Round,sans-serif;font-size:16px;min-width:160px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-filter:focus{background:#ffffffe6;border-color:#2e6155;box-shadow:0 0 0 4px #2e61551a;outline:none}.payments-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;overflow:hidden;padding:32px;position:relative}.payments-content:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.payments-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #2e61551a;border-left-color:#2e6155;height:40px;margin-bottom:16px;width:40px}.payments-loading p{color:#64748b;font-size:16px;margin:0}.payments-empty{flex-direction:column;padding:60px 20px;text-align:center}.empty-icon,.payments-empty{align-items:center;display:flex;justify-content:center}.empty-icon{background:#2e61551a;border-radius:50%;color:#2e6155;font-size:32px;height:80px;width:80px}.payments-empty h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 12px}.payments-empty p{color:#64748b;font-size:16px;margin:0;max-width:400px}.payments-table-container{border:1px solid #e2e8f080;border-radius:16px;overflow-x:auto}.payments-table{background:#fff;border-collapse:collapse;font-size:14px;width:100%}.payments-table th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0cc;color:#374151;font-size:13px;font-weight:700;letter-spacing:.5px;padding:20px 16px;text-align:left;text-transform:uppercase}.payments-table th:first-child{border-top-left-radius:16px}.payments-table th:last-child{border-top-right-radius:16px}.table-icon{color:#2e6155;font-size:14px;margin-right:8px}.payment-row{border-bottom:1px solid #e2e8f04d;transition:all .3s ease}.payment-row:hover{background:#2e615505;transform:translateX(2px)}.payment-row:last-child{border-bottom:none}.payments-table td{padding:20px 16px;vertical-align:middle}.date-cell{color:#374151;font-weight:600}.amount-cell{color:#1e293b;font-weight:700}.amount-value{font-size:16px}.status-cell{text-align:center}.status-badge{gap:6px;letter-spacing:.5px;padding:8px 16px}.status-badge.success{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.status-badge.failed{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.status-icon{font-size:12px}.transaction-cell{color:#64748b;font-family:Courier New,monospace}.transaction-id{background:#f8fafccc;border-radius:6px;font-size:12px;padding:4px 8px}.invoice-cell{text-align:center}.invoice-link{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border-radius:8px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 16px;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.invoice-link:hover{box-shadow:0 4px 16px #2e61554d;transform:translateY(-2px)}.download-icon{font-size:12px}.invoice-unavailable{align-items:center;color:#9ca3af;display:inline-flex;font-size:12px;gap:6px}.invoice-placeholder{font-size:16px}.no-results{padding:40px 20px;text-align:center}.no-results-content{align-items:center;display:flex;flex-direction:column;gap:16px}.no-results-icon{color:#9ca3af;font-size:32px}.no-results-content p{color:#64748b;font-size:16px;margin:0}@media (max-width:1200px){.payments-header{align-items:stretch;flex-direction:column;gap:24px}.payments-stats{gap:12px;justify-content:center}.stat-card{flex:1 1;min-width:auto}}@media (max-width:768px){.payments-header{border-radius:16px;padding:24px}.payments-title{font-size:28px}.payments-content{border-radius:16px;padding:24px}.payments-filters{align-items:stretch;flex-direction:column;gap:16px}.search-input-wrapper{min-width:auto}.payments-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-value{font-size:18px}.payments-table td,.payments-table th{font-size:12px;padding:12px 8px}.invoice-link,.status-badge{font-size:10px;padding:6px 12px}}@media (max-width:480px){.payments-header{padding:20px}.payments-title{flex-direction:column;font-size:24px;gap:8px;text-align:center}.payments-subtitle{font-size:14px;text-align:center}.payments-content{padding:20px}.payments-stats{gap:12px;grid-template-columns:1fr}.stat-card{padding:12px}.payments-table-container{overflow-x:scroll}.payments-table{min-width:600px}.search-input,.status-filter{font-size:14px;padding:12px 16px}.search-input{padding-left:40px}}.column-builder{background:#fafafa;border:2px dashed #e0e0e0;border-radius:10px;padding:1.5rem}.columns-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.column-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:.5rem;transition:all .2s ease}.column-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.column-item.dragging{box-shadow:0 8px 24px #667eea4d;opacity:.5;transform:rotate(2deg)}.columns-list.dragging-over{background:#667eea0d;border-radius:8px}.column-content{align-items:center;display:flex;gap:1rem;padding:1rem}.drag-handle{border-radius:4px;color:#cbd5e0;cursor:grab;font-size:1.5rem;font-weight:700;letter-spacing:-2px;padding:.25rem .5rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.drag-handle:hover{background:#667eea1a;color:#667eea}.drag-handle:active{cursor:grabbing}.column-info{flex:1 1;gap:1rem}.column-icon,.column-info{align-items:center;display:flex}.column-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;font-size:1.75rem;height:40px;justify-content:center;width:40px}.column-details{flex:1 1}.column-name{align-items:center;color:#333;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.25rem}.column-type{color:#999;font-size:.875rem}.required-badge{background:linear-gradient(135deg,#fa709a,#fee140)}.hidden-badge,.required-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.hidden-badge{background:linear-gradient(135deg,#a0aec0,#718096)}.hidden-view-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.hidden-view-badge,.search-field-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.search-field-badge{background:linear-gradient(135deg,#10b981,#059669)}.display-field-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.search-field-info{background:#f0fdf4;border:2px solid #86efac;border-radius:8px;margin-top:1rem;padding:1rem}.search-field-info .info-text{color:#166534;font-size:.9rem;line-height:1.5;margin:0}.column-actions{display:flex;gap:.5rem}.btn-edit,.btn-move,.btn-remove{background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:.4rem .6rem;transition:all .2s ease}.btn-edit:hover{background:#3b82f6;transform:scale(1.1)}.btn-move:hover:not(:disabled){background:#667eea;transform:scale(1.1)}.btn-move:disabled{cursor:not-allowed;opacity:.3}.btn-remove:hover{background:#f44;transform:scale(1.1)}.btn-add-column{background:#fff;border:2px dashed #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:all .2s ease;width:100%}.btn-add-column:hover{background:#667eea;border-style:solid;color:#fff}.add-column-form{background:#fff;border:2px solid #667eea;border-radius:10px;padding:1.5rem}.form-group,.form-row{margin-bottom:1rem}.form-group label{font-size:.9rem}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;padding:.75rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-group input[type=checkbox]{cursor:pointer;width:auto}.checkbox-group-row{align-items:center;display:flex;gap:2rem;margin-bottom:1rem}.checkbox-label-inline{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.checkbox-label-inline:hover{background:#e9ecef;border-color:#667eea}.checkbox-label-inline input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.checkbox-label-inline span{color:#333;font-size:.95rem;font-weight:500;-webkit-user-select:none;user-select:none}.options-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.option-item{align-items:center;background:#f0f0f0;border-radius:20px;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem .75rem}.option-item button{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;font-size:1rem;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.option-item button:hover{color:#f44;transform:scale(1.2)}.btn-add-option{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1rem;transition:all .2s ease}.btn-add-option:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.option-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.option-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:90%}.option-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.option-modal-header h3{font-size:1.25rem;font-weight:600;margin:0}.btn-close-small{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:30px;justify-content:center;transition:all .2s ease;width:30px}.btn-close-small:hover{background:#ffffff4d;transform:rotate(90deg)}.option-modal-body{padding:1.5rem}.option-modal-body label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.option-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.option-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.option-modal-footer{background:#fafafa;border-radius:0 0 12px 12px;border-top:2px solid #f0f0f0;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.btn-cancel-small,.btn-save-small{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease}.btn-cancel-small{background:#e0e0e0;color:#333}.btn-cancel-small:hover{background:#d0d0d0}.btn-save-small{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.btn-save-small:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.lookup-config{background:#f8f9fa;border-radius:8px;margin-top:1rem;padding:1rem}.multi-select-checkboxes{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;padding:.75rem}.multi-select-checkboxes .checkbox-label-inline{align-items:center;background:#f3f4f6;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:.4rem;padding:.4rem .75rem;transition:all .2s ease}.multi-select-checkboxes .checkbox-label-inline:hover{background:#e5e7eb;border-color:#667eea}.multi-select-checkboxes .checkbox-label-inline input[type=checkbox]{cursor:pointer;height:16px;width:16px}.multi-select-checkboxes .checkbox-label-inline input[type=checkbox]:checked{accent-color:#667eea}.lookup-explanation{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-left:4px solid #667eea;border-radius:6px;color:#334155;font-size:.9rem;line-height:1.5;margin-top:1rem;padding:1rem}.lookup-explanation strong{color:#667eea;display:block;margin-bottom:.5rem}.lookup-explanation ul{margin:.5rem 0 0 1.5rem;padding:0}.lookup-explanation li{color:#666;margin-bottom:.35rem}.field-hint{color:#999;font-size:.825rem;font-style:italic;margin-bottom:0;margin-top:.25rem}.form-actions{border-top:2px solid #f0f0f0;gap:.75rem;margin-top:1.5rem;padding-top:1rem}.btn-add,.btn-cancel{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-add{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-add:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.form-row{grid-template-columns:1fr}.column-content{align-items:flex-start;flex-direction:column;gap:1rem}.column-actions{justify-content:flex-end;width:100%}.drag-handle{align-self:flex-start}.form-actions{flex-direction:column}.btn-add,.btn-cancel{width:100%}.checkbox-group-row{align-items:stretch;flex-direction:column;gap:.75rem}.checkbox-label-inline{justify-content:flex-start;width:100%}}.table-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:10000}.table-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:24px;box-shadow:0 30px 100px #00000080;max-height:95vh;max-width:1800px;overflow-y:auto;width:98%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:24px 24px 0 0;padding:2rem 3rem}.btn-close,.modal-header h2{font-size:2rem}.btn-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;transition:all .2s ease;width:45px}.btn-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{min-height:500px;padding:4rem}.form-section{margin-bottom:3rem}.form-section label{color:#333;display:block;font-size:1.15rem;font-weight:600;margin-bottom:1rem}.input-table-name{border:2px solid #e0e0e0;border-radius:12px;font-size:1.15rem;padding:1.25rem 1.5rem;transition:all .2s ease;width:100%}.input-table-name:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.icon-picker{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));max-width:100%}.icon-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;font-size:2.5rem;height:70px;justify-content:center;transition:all .2s ease;width:70px}.icon-option:hover{border-color:#667eea;transform:scale(1.1)}.icon-option.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea66}.modal-footer{background:#fafafa;border-radius:0 0 16px 16px;border-top:2px solid #f0f0f0;gap:1rem;padding:1.5rem 2rem}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.btn-cancel{background:#e0e0e0;color:#333}.btn-cancel:hover{background:#d0d0d0}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.btn-save:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.table-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}.modal-body,.modal-footer,.modal-header{padding:1rem}.icon-picker{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.icon-option{font-size:1.75rem;height:50px;width:50px}.modal-footer{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.custom-tables-container{margin:0;padding:0;width:100%}.custom-tables-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.custom-tables-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:2rem;margin-bottom:.5rem}.subtitle{color:#666;font-size:.95rem}.btn-create-table{border-radius:8px;font-size:1rem;padding:.75rem 1.5rem}.empty-state{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;margin-top:2rem;padding:4rem 2rem;text-align:center}.empty-icon{margin-bottom:1rem}.empty-state h3{color:#333;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:#666;margin-bottom:2rem}.custom-tables-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.custom-tables-btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.tables-grid{grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.table-card{border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:1.5rem}.table-card:hover{box-shadow:0 8px 25px #00000026}.table-card-header{gap:1rem;margin-bottom:1.5rem}.table-card-header,.table-icon{align-items:center;display:flex}.table-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-size:3rem;height:60px;justify-content:center;width:60px}.table-info h3{color:#333;font-size:1.25rem;margin-bottom:.25rem}.table-meta{color:#999;font-size:.875rem}.table-card-actions{display:flex;gap:.5rem;margin-top:1rem}.table-card-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.6rem 1rem;transition:all .2s ease}.btn-view{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-view:hover{box-shadow:0 4px 12px #11998e4d;transform:scale(1.05)}.btn-edit{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-edit:hover{box-shadow:0 4px 12px #f093fb4d;transform:scale(1.05)}.btn-delete{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.btn-delete:hover{box-shadow:0 4px 12px #fa709a4d;transform:scale(1.05)}.loading-spinner{color:#666;font-size:1.25rem;padding:4rem;text-align:center}@media (max-width:1200px){.tables-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.custom-tables-container{padding:0}.custom-tables-header{align-items:flex-start;flex-direction:column;gap:1rem}.btn-create-table{width:100%}.tables-grid{grid-template-columns:1fr}.table-card-actions{flex-direction:column}.subtitle{font-size:.85rem}.custom-tables-header h2{font-size:1.5rem}}.integrations-page{margin:0 auto;max-width:1400px;padding:2rem}.integrations-header{margin-bottom:3rem;text-align:center}.integrations-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem}.integrations-header p{color:#666;font-size:1.1rem}.integrations-loading{padding:4rem;text-align:center}.spinner{margin:0 auto 1rem}.integrations-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:3rem}.integration-card{background:#fff;border-radius:16px;border-top:4px solid #667eea;box-shadow:0 4px 20px #0000001a;padding:2rem;position:relative;transition:all .3s ease}.integration-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.integration-card.connected{background:linear-gradient(135deg,#f5f7fa,#f8fff5);border-top-width:6px}.integration-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:1.5rem}.integration-icon{align-items:center;display:flex;font-size:3rem;justify-content:center}.integration-title h3{font-size:1.5rem;margin:0 0 .5rem}.integration-status{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.status-icon{font-size:1rem}.status-icon.connected{color:#10b981}.status-icon.disconnected{color:#ef4444}.status-text.connected{color:#10b981;font-weight:600}.status-text.disconnected{color:#6b7280;font-weight:500}.integration-description{color:#64748b;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.connection-details{background:#10b9811a;border-left:3px solid #10b981;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.connection-email{color:#1e293b;font-weight:600;margin:0 0 .5rem}.connection-date{color:#64748b;font-size:.85rem;margin:0}.integration-capabilities{margin-bottom:1.5rem}.integration-capabilities h4{color:#64748b;font-size:.9rem;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.integration-capabilities ul{list-style:none;margin:0;padding:0}.integration-capabilities li{align-items:center;color:#475569;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 0}.integration-capabilities li svg{color:#667eea}.integration-actions{display:flex;gap:1rem;margin-top:auto}.btn-connect,.btn-disconnect{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-connect{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-connect:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:scale(1.05)}.btn-connect:disabled{cursor:not-allowed;opacity:.6}.btn-disconnect{background:#ef4444;color:#fff}.btn-disconnect:hover{background:#dc2626;transform:scale(1.05)}.integrations-info{background:linear-gradient(135deg,#f0f9ff,#e0e7ff);border:2px solid #c7d2fe;border-radius:16px;padding:2rem}.integrations-info h3{color:#3730a3;margin-bottom:1rem}.integrations-info ul{list-style:none;margin:0;padding:0}.integrations-info li{border-bottom:1px solid #e0e7ff;color:#475569;font-size:1rem;padding:.75rem 0}.integrations-info li:last-child{border-bottom:none}.integrations-info li strong{color:#1e293b}@media (max-width:768px){.integrations-page{padding:1rem}.integrations-grid{gap:1.5rem;grid-template-columns:1fr}.integration-header{flex-direction:column;text-align:center}.integration-icon{font-size:2.5rem}}.settings-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Varela Round,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.settings-container:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#2e615533 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.settings-wrapper{animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1);margin:0 auto;max-width:1400px;padding:40px 24px;position:relative;z-index:1}.settings-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.settings-header:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.header-content{text-align:center}.settings-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#34d399);-webkit-background-clip:text;background-clip:text;color:#2e6155;font-size:42px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0 0 12px;text-transform:uppercase}.settings-subtitle{color:#64748b;font-size:16px;font-weight:500;line-height:1.5;margin:0}.settings-main{grid-gap:32px;display:grid;gap:32px;grid-template-columns:350px 1fr;min-height:600px}.settings-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;height:fit-content;overflow:hidden;padding:0;position:relative}.settings-sidebar:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.settings-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000001a;max-height:calc(100vh - 250px);min-height:600px;overflow-x:hidden;overflow-y:auto;padding:32px;position:relative}.settings-content:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.entering{animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1)}@media (max-width:1200px){.settings-main{gap:24px;grid-template-columns:300px 1fr}}@media (max-width:768px){.settings-wrapper{padding:20px 16px}.settings-header{border-radius:16px;padding:24px}.settings-title{font-size:28px}.settings-main{gap:20px;grid-template-columns:1fr}.settings-content,.settings-sidebar{border-radius:16px;padding:24px}}@media (max-width:480px){.settings-wrapper{padding:16px 12px}.settings-title{font-size:24px}.settings-subtitle{font-size:14px}.settings-content,.settings-sidebar{padding:20px}}.credit-card-info-modal{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:clamp(10px,3vw,20px);position:fixed;right:0;top:0;z-index:1000}.credit-card-info-modal-content{background-color:#fff;border-radius:clamp(8px,2vw,16px);box-shadow:0 10px 40px #0003;box-sizing:border-box;margin:auto;max-height:90vh;max-width:550px;overflow-x:hidden;overflow-y:auto;padding:clamp(15px,4vw,30px) clamp(15px,4vw,30px) clamp(20px,5vw,35px);position:relative;width:calc(100% - 20px)}.credit-card-info-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:red;cursor:pointer;display:flex;font-size:clamp(24px,5vw,32px);height:clamp(32px,6vw,44px);justify-content:center;position:absolute;right:clamp(10px,2vw,15px);top:clamp(10px,2vw,15px);transition:all .3s ease;width:clamp(32px,6vw,44px);z-index:10}.credit-card-info-close-btn:hover{background:#ff00001a;transform:rotate(90deg)}.credit-card-info-form{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.credit-card-info-form *{box-sizing:border-box}.credit-card-info-form-group{margin-bottom:clamp(15px,3vw,25px);width:100%}.credit-card-info-label{color:#333;display:block;font-size:clamp(14px,2.5vw,16px);font-weight:600;margin-bottom:clamp(5px,1vw,8px);text-align:left}.credit-card-info-input-container{position:relative;width:100%}.credit-card-info-form-group input,.credit-card-info-input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:clamp(14px,3vw,16px);letter-spacing:1px;max-width:100%;padding:clamp(10px,2.5vw,14px) clamp(35px,8vw,45px) clamp(10px,2.5vw,14px) clamp(10px,2.5vw,14px);transition:all .3s ease;width:100%}.credit-card-info-form-group input:focus,.credit-card-info-input:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.credit-card-info-icon{color:#666;font-size:clamp(18px,4vw,22px);position:absolute;right:clamp(10px,2vw,15px);top:50%;transform:translateY(-50%)}.credit-card-info-error{color:#dc3545;font-size:clamp(11px,2vw,13px);margin-top:clamp(4px,1vw,6px);text-align:left}.credit-card-info-form-group-flex{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,15px);justify-content:space-between;width:100%}.credit-card-info-cvv,.credit-card-info-expiration{flex:1 1;max-width:100%;min-width:0}.credit-card-info-cvv input,.credit-card-info-expiration input{max-width:100%;width:100%}.credit-card-info-submit-btn{background-color:#2e6155;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-size:clamp(14px,3vw,16px);font-weight:600;margin-top:clamp(15px,3vw,20px);min-height:48px;padding:clamp(12px,2.5vw,16px);transition:all .3s ease;width:100%}.credit-card-info-submit-btn:hover:not(:disabled){background-color:#86a788;box-shadow:0 4px 12px #2e61554d;transform:translateY(-2px)}.credit-card-info-submit-btn:active:not(:disabled){transform:translateY(0)}.credit-card-info-submit-btn:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.credit-card-info-form-group-flex .credit-card-info-cvv,.credit-card-info-form-group-flex .credit-card-info-expiration{position:relative}.credit-card-info-cvv .credit-card-info-error,.credit-card-info-expiration .credit-card-info-error{bottom:clamp(-22px,-4vw,-18px);left:0;position:absolute}.credit-card-info-form-group-flex{margin-bottom:clamp(35px,8vw,55px)}.credit-card-info-brand-message{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(13px,2.5vw,15px);margin-bottom:clamp(15px,3vw,25px);text-align:left}.credit-card-info-brand-message span{margin-right:clamp(8px,2vw,12px)}.credit-card-info-brand-message svg{font-size:clamp(18px,4vw,22px)}.credit-card-info-modal-header{color:#333;font-size:clamp(18px,4vw,24px);margin-bottom:clamp(15px,3vw,25px);text-align:center}.credit-card-info-form-group-checkbox-conatiner{align-items:flex-start!important;background:#0000!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;gap:12px!important;max-width:100%!important;min-height:50px!important;padding:15px 0!important;width:100%!important}.credit-card-info-form-group-checkbox-input{accent-color:#2e6155!important;appearance:auto!important;-webkit-appearance:checkbox!important;cursor:pointer!important;display:block!important;flex-shrink:0!important;height:20px!important;margin:2px 0 0!important;min-width:20px!important;opacity:1!important;position:relative!important;visibility:visible!important;width:20px!important;z-index:10!important}.credit-card-info-checkbox-termofpayments{word-wrap:break-word!important;background:#0000!important;color:#333!important;display:block!important;flex:1 1!important;font-size:14px!important;line-height:1.6!important;margin:0!important;opacity:1!important;overflow-wrap:break-word!important;text-align:left!important;visibility:visible!important}.credit-card-info-checkbox-termofpayments a{color:#2e6155!important;font-weight:500!important;margin-left:4px!important;margin-right:4px!important;text-decoration:none!important}.credit-card-info-checkbox-termofpayments a:hover{color:#86a788!important;text-decoration:underline!important}.credit-card-info-form-group:has(.credit-card-info-form-group-checkbox-conatiner){margin-bottom:clamp(20px,4vw,30px);padding-bottom:5px}@media (max-width:399px){.credit-card-info-modal{padding:10px}.credit-card-info-modal-content{min-width:0;padding:12px;width:calc(100% - 20px)}.credit-card-info-modal-header{font-size:18px;padding-right:35px}.credit-card-info-form-group-flex{flex-direction:column;gap:30px}.credit-card-info-cvv,.credit-card-info-expiration{max-width:100%;min-width:0;width:100%}.credit-card-info-brand-message{align-items:flex-start;flex-direction:column;gap:5px}.credit-card-info-form input{font-size:14px}}@media (min-width:400px) and (max-width:600px){.credit-card-info-form-group-flex{gap:40px}}@media (min-width:601px) and (max-width:900px){.credit-card-info-modal-content{max-width:500px}}@media (min-width:901px){.credit-card-info-modal-content{max-width:550px}}@media (orientation:landscape) and (max-height:600px){.credit-card-info-modal-content{max-height:85vh;padding:20px}.credit-card-info-modal-header{margin-bottom:10px}}@media (hover:none) and (pointer:coarse){.credit-card-info-submit-btn{min-height:52px}.credit-card-info-close-btn{min-height:44px;min-width:44px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.credit-card-info-modal-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (min-width:1400px){.credit-card-info-modal-content{max-width:600px}}.addpayment-container{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;margin:auto;max-width:600px;min-height:100vh;padding:clamp(80px,15vw,150px) clamp(15px,4vw,40px) clamp(15px,4vw,40px);text-align:right}.addpayment-container-header{border-bottom:1px solid #9dc08b;color:#333;font-size:clamp(20px,4vw,24px);margin-bottom:clamp(10px,2vw,20px);padding-bottom:10px;text-align:center}.addpayment-container-plan-info,.addpayment-container-sim-price,.addpayment-container-total-amount{align-items:center;direction:rtl;display:flex;flex-wrap:wrap;font-size:clamp(15px,3.5vw,18px);gap:clamp(6px,1.5vw,10px);margin:clamp(8px,2vw,15px) 0;text-align:right}.addpayment-container-plan-info u{direction:ltr;display:inline;text-align:right}.addpayment-container-purchase-btn{align-items:center;background-color:#2e6155;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:clamp(14px,3vw,16px);gap:clamp(8px,2vw,12px);justify-content:center;margin-top:clamp(15px,3vw,25px);min-height:48px;padding:clamp(10px,2vw,12px) clamp(20px,5vw,30px);transition:all .3s ease;width:100%}.addpayment-container-purchase-btn:hover{background-color:#86a788;box-shadow:0 4px 12px #2e61554d;transform:translateY(-2px)}.addpayment-vat-disclaimer{color:#757575;direction:rtl;font-size:clamp(12px,2.5vw,14px);font-style:italic;margin-bottom:15px;margin-top:8px;text-align:right}.payment-info-notice{align-items:flex-start;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;direction:rtl;display:flex;gap:10px;margin:20px 0;padding:15px;text-align:right}.payment-info-notice .info-icon{flex-shrink:0;font-size:20px}.payment-info-notice p{color:#1976d2;font-size:clamp(13px,2.8vw,15px);line-height:1.5;margin:0}.next-charge-notice{align-items:flex-start;background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;direction:rtl;display:flex;gap:10px;margin:15px 0;padding:15px;text-align:right}.next-charge-notice .calendar-icon{flex-shrink:0;font-size:20px}.next-charge-notice p{color:#856404;font-size:clamp(13px,2.8vw,15px);line-height:1.5;margin:0}.next-charge-notice .charge-date{color:#ff6f00;font-size:clamp(14px,3vw,16px);font-weight:700}.addpayment-error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:red;font-size:clamp(14px,3vw,16px);margin-top:clamp(10px,2vw,15px);padding:10px}.tranzila-iframe-wrapper{animation:slideDown .4s ease-out;margin-top:30px;width:100%}.tranzila-iframe-header{background:linear-gradient(135deg,#2e6155,#3d7a68);border-radius:12px 12px 0 0;padding:20px;text-align:center}.security-badge{align-items:center;background:#fff3;border-radius:20px;display:inline-flex;gap:8px;margin-bottom:10px;padding:8px 20px}.security-icon{font-size:20px}.security-text{color:#fff;font-size:16px;font-weight:600}.iframe-instruction{color:#fffffff2;font-size:14px;line-height:1.5;margin:10px 0 0}.tranzila-iframe-container{background:#f9f9f9;border-radius:0 0 12px 12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;padding:0}.tranzila-iframe{background:#fff;border:none;display:block;height:650px;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.tranzila-iframe{height:700px}.tranzila-iframe-header{padding:15px}.security-text{font-size:14px}.iframe-instruction{font-size:13px}}.addpayment-container-sim-price,.addpayment-container-total-amount{margin-top:clamp(12px,2.5vw,18px)}.addpayment-container-purchase-btn:active{transform:scale(.98)}.checkmark-icon{color:#2e6155}.checkmark-icon,.payment-icon{flex-shrink:0;font-size:clamp(18px,4vw,22px)}.plan-price-info{align-items:center;display:inline-flex;flex-wrap:wrap;gap:5px}.addpayment-container label{display:block;font-size:clamp(14px,2.5vw,16px);margin-bottom:clamp(5px,1vw,8px)}.addpayment-container input,.addpayment-container select{border:1px solid #ccc;border-radius:6px;font-size:clamp(14px,2.5vw,16px);padding:clamp(8px,2vw,12px);width:100%}.addpayment-credit-card-info-modal{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:clamp(10px,3vw,20px);position:fixed;right:0;top:0;z-index:1000}.addpayment-credit-card-info-modal-content{background-color:#fff;border-radius:clamp(8px,2vw,16px);box-shadow:0 10px 40px #0003;box-sizing:border-box;margin:auto;max-height:90vh;max-width:550px;overflow-x:hidden;overflow-y:auto;padding:clamp(15px,4vw,30px) clamp(15px,4vw,30px) clamp(20px,5vw,35px);position:relative;width:calc(100% - 20px)}.addpayment-credit-card-info-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:red;cursor:pointer;display:flex;font-size:clamp(24px,5vw,32px);height:clamp(32px,6vw,44px);justify-content:center;position:absolute;right:clamp(10px,2vw,15px);top:clamp(10px,2vw,15px);transition:all .3s ease;width:clamp(32px,6vw,44px);z-index:10}.addpayment-credit-card-info-close-btn:hover{background:#ff00001a;transform:rotate(90deg)}.addpayment-credit-card-info-form{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.addpayment-credit-card-info-form *{box-sizing:border-box}.addpayment-credit-card-info-form-group{margin-bottom:clamp(15px,3vw,25px);width:100%}.addpayment-credit-card-info-label{color:#333;display:block;font-size:clamp(14px,2.5vw,16px);font-weight:600;margin-bottom:clamp(5px,1vw,8px);text-align:left}.addpayment-credit-card-info-input-container{position:relative;width:100%}.addpayment-credit-card-info-input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:clamp(14px,3vw,16px);letter-spacing:1px;max-width:100%;padding:clamp(10px,2.5vw,14px) clamp(35px,8vw,45px) clamp(10px,2.5vw,14px) clamp(10px,2.5vw,14px);transition:all .3s ease;width:100%}.addpayment-credit-card-info-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.addpayment-credit-card-info-icon{color:#666;font-size:clamp(18px,4vw,22px);position:absolute;right:clamp(10px,2vw,15px);top:50%;transform:translateY(-50%)}.addpayment-credit-card-info-error{color:#dc3545;font-size:clamp(11px,2vw,13px);margin-top:clamp(4px,1vw,6px);text-align:left}.addpayment-credit-card-info-form-group-flex{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,15px);justify-content:space-between;width:100%}.addpayment-credit-card-info-cvv,.addpayment-credit-card-info-expiration{flex:1 1;max-width:100%;min-width:0}.addpayment-credit-card-info-cvv input,.addpayment-credit-card-info-expiration input{max-width:100%;width:100%}.addpayment-credit-card-info-submit-btn{background-color:#2e6155;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-size:clamp(14px,3vw,16px);font-weight:600;margin-top:clamp(15px,3vw,20px);min-height:48px;padding:clamp(12px,2.5vw,16px);transition:all .3s ease;width:100%}.addpayment-credit-card-info-submit-btn:hover:not(:disabled){background-color:#86a788;box-shadow:0 4px 12px #2e61554d;transform:translateY(-2px)}.addpayment-credit-card-info-submit-btn:active:not(:disabled){transform:translateY(0)}.addpayment-credit-card-info-submit-btn:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.addpayment-credit-card-info-form-group-flex .addpayment-credit-card-info-cvv,.addpayment-credit-card-info-form-group-flex .addpayment-credit-card-info-expiration{position:relative}.addpayment-credit-card-info-cvv .addpayment-credit-card-info-error,.addpayment-credit-card-info-expiration .addpayment-credit-card-info-error{bottom:clamp(-22px,-4vw,-18px);left:0;position:absolute}.addpayment-credit-card-info-form-group-flex{margin-bottom:clamp(35px,8vw,55px)}.addpayment-credit-card-info-brand-message{font-size:clamp(13px,2.5vw,15px);margin-bottom:clamp(15px,3vw,25px);text-align:left}.addpayment-credit-card-info-brand-message span{margin-right:clamp(8px,2vw,12px)}.addpayment-credit-card-info-modal-header{color:#333;font-size:clamp(18px,4vw,24px);margin-bottom:clamp(15px,3vw,25px);text-align:center}.addpayment-credit-card-info-form-group-checkbox-conatiner{align-items:flex-start!important;background:#0000!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;gap:12px!important;max-width:100%!important;min-height:50px!important;padding:15px 0!important;width:100%!important}.addpayment-credit-card-info-form-group-checkbox-input{accent-color:#2e6155!important;appearance:auto!important;-webkit-appearance:checkbox!important;cursor:pointer!important;display:block!important;flex-shrink:0!important;height:20px!important;margin:2px 0 0!important;min-width:20px!important;opacity:1!important;position:relative!important;visibility:visible!important;width:20px!important;z-index:10!important}.addpayment-credit-card-info-checkbox-termofpayments{word-wrap:break-word!important;background:#0000!important;color:#333!important;display:block!important;flex:1 1!important;font-size:14px!important;line-height:1.6!important;margin:0!important;opacity:1!important;overflow-wrap:break-word!important;text-align:left!important;visibility:visible!important}.addpayment-credit-card-info-checkbox-termofpayments a{color:#2e6155!important;font-weight:500!important;margin-left:4px!important;margin-right:4px!important;text-decoration:none!important}.addpayment-credit-card-info-checkbox-termofpayments a:hover{color:#86a788!important;text-decoration:underline!important}.addpayment-credit-card-info-form-group:has(.addpayment-credit-card-info-form-group-checkbox-conatiner){margin-bottom:clamp(20px,4vw,30px);padding-bottom:5px}@media (max-width:399px){.addpayment-container{padding:80px 12px 12px}.addpayment-container-header{font-size:18px}.addpayment-credit-card-info-modal{padding:10px}.addpayment-credit-card-info-modal-content{min-width:0;padding:12px;width:calc(100% - 20px)}.addpayment-credit-card-info-modal-header{font-size:18px;padding-right:35px}.addpayment-credit-card-info-form-group-flex{flex-direction:column;gap:30px}.addpayment-credit-card-info-cvv,.addpayment-credit-card-info-expiration{max-width:100%;min-width:0;width:100%}.addpayment-credit-card-info-form input{font-size:14px}}@media (min-width:400px) and (max-width:600px){.addpayment-container{padding:100px 15px 15px}.addpayment-credit-card-info-form-group-flex{gap:40px}}@media (min-width:601px) and (max-width:900px){.addpayment-container{max-width:550px;padding:25px}.addpayment-credit-card-info-modal-content{max-width:500px}}@media (min-width:901px){.addpayment-container{padding:30px 40px}.addpayment-credit-card-info-modal-content{max-width:550px}}@media (orientation:landscape) and (max-height:600px){.addpayment-container{min-height:auto;padding-top:60px}.addpayment-credit-card-info-modal-content{max-height:85vh;padding:20px}.addpayment-container-header{margin-bottom:10px}}@media (hover:none) and (pointer:coarse){.addpayment-container-purchase-btn,.addpayment-credit-card-info-submit-btn{min-height:52px}.addpayment-credit-card-info-close-btn{min-height:44px;min-width:44px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.addpayment-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (min-width:1400px){.addpayment-container{max-width:650px}.addpayment-credit-card-info-modal-content{max-width:600px}}.success-overlay{align-items:center;animation:fadeIn .3s ease-in;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.success-dialog{animation:slideUp .4s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:clamp(40px,6vw,60px);text-align:center;width:90%}.success-icon{align-items:center;animation:scaleIn .5s ease-out .2s backwards;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;color:#fff;display:flex;font-size:clamp(50px,8vw,60px);font-weight:700;height:clamp(80px,12vw,100px);justify-content:center;margin:0 auto 30px;width:clamp(80px,12vw,100px)}.success-dialog h2{color:#2e6155;font-size:clamp(24px,4vw,32px);font-weight:700;margin-bottom:15px}.success-dialog p{color:#666;font-size:clamp(16px,2.5vw,18px);line-height:1.6;margin-bottom:10px}.redirect-message{color:#999;font-size:clamp(14px,2vw,16px);font-style:italic;margin-top:20px}.terms-acceptance-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;margin:25px 0;padding:20px}.terms-checkbox-label{align-items:flex-start;cursor:pointer;direction:rtl;display:flex;gap:12px;text-align:right;-webkit-user-select:none;user-select:none}.terms-checkbox{accent-color:#2d6a4f;appearance:auto;-webkit-appearance:checkbox;-moz-appearance:checkbox;border:2px solid #2d6a4f;border-radius:4px;cursor:pointer;flex-shrink:0;height:22px;margin-left:0;margin-right:0;margin-top:2px;min-height:22px;min-width:22px;width:22px}.terms-checkbox:hover{border-color:#1b4332;transform:scale(1.1);transition:transform .2s ease}.terms-checkbox:checked{background-color:#2d6a4f;border-color:#2d6a4f}.terms-text{color:#495057;font-size:15px;line-height:1.6}.terms-link{color:#2d6a4f;font-weight:600;text-decoration:underline;transition:color .3s ease}.terms-link:hover{color:#1b4332;text-decoration:none}.terms-required-message{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;display:flex;font-size:13px;font-weight:500;gap:8px;margin-top:12px;padding:10px 15px}.terms-required-message:before{content:"⚠️";font-size:16px}.addpayment-container-purchase-btn:disabled{background:linear-gradient(135deg,#adb5bd,#868e96);cursor:not-allowed;opacity:.6;transform:none}.addpayment-container-purchase-btn:disabled:hover{box-shadow:0 4px 12px #0000001a;transform:none}[dir=rtl] .terms-checkbox-label{direction:rtl;text-align:right}[dir=rtl] .terms-text{text-align:right}.terms-checkbox-label:hover .terms-checkbox{border-color:#1b4332}@media (max-width:768px){.addpayment-container{padding:80px 15px 15px}.addpayment-container-plan-info,.addpayment-container-sim-price,.addpayment-container-total-amount{margin:8px 0}.addpayment-container-header{font-size:20px;margin-bottom:12px}.payment-info-notice{margin:12px 0;padding:12px}.payment-info-notice p{font-size:13px}.next-charge-notice{margin:12px 0;padding:12px}.next-charge-notice p{font-size:13px}.addpayment-vat-disclaimer{font-size:11px;margin-bottom:8px;margin-top:5px}.terms-acceptance-container{margin:12px 0;padding:12px}.terms-checkbox{height:24px;min-height:24px;min-width:24px;width:24px}.terms-text{font-size:13px}.terms-required-message{font-size:12px;margin-top:8px;padding:8px 12px}.addpayment-container-purchase-btn{font-size:14px;margin-top:12px;padding:12px 20px}}@media (max-width:480px){.addpayment-container{padding:70px 12px 12px}.addpayment-container-header{font-size:18px;margin-bottom:10px}.addpayment-container-plan-info,.addpayment-container-sim-price,.addpayment-container-total-amount{font-size:14px;margin:6px 0}.next-charge-notice,.payment-info-notice{margin:10px 0;padding:10px}.next-charge-notice p,.payment-info-notice p{font-size:12px}.addpayment-vat-disclaimer{font-size:10px;margin-bottom:6px;margin-top:4px}.terms-acceptance-container{margin:10px 0;padding:10px}.terms-checkbox{height:26px;min-height:26px;min-width:26px;width:26px}.terms-text{font-size:12px}.terms-required-message{font-size:11px;margin-top:6px;padding:6px 10px}.addpayment-container-purchase-btn{font-size:13px;margin-top:10px;min-height:44px;padding:10px 16px}}.payment-success-overlay{align-items:center;animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.payment-success-container{animation:slideUp .6s cubic-bezier(.68,-.55,.265,1.55);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:550px;padding:50px;text-align:center;width:90%}.payment-success-logo{margin-bottom:30px}.payment-success-logo img{animation:fadeIn .8s ease-in .3s both;height:80px;object-fit:contain;width:80px}.payment-success-icon-wrapper{margin:20px 0}.payment-success-checkmark{animation:scaleIn .6s cubic-bezier(.68,-.55,.265,1.55) .3s both;height:120px;margin:0 auto;width:120px}.checkmark{stroke-width:3;stroke:#4bb543;stroke-miterlimit:10;border-radius:50%;display:block;height:120px;width:120px}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke:#4bb543;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) .5s forwards}.checkmark-check{stroke-dasharray:48;stroke-dashoffset:48;stroke:#4bb543;stroke-width:3;animation:stroke .3s cubic-bezier(.65,0,.45,1) 1s forwards;transform-origin:50% 50%}.payment-success-content{margin-top:30px}.payment-success-title{animation:fadeIn .8s ease-in .6s both;color:#2d3748;font-size:32px;font-weight:700;margin:20px 0}.payment-success-message{animation:fadeIn .8s ease-in .7s both;color:#4a5568;font-size:18px;line-height:1.6;margin:15px 0 30px}.payment-success-details{animation:fadeIn .8s ease-in .8s both;background:#f7fafc;border-radius:12px;margin:30px 0;padding:25px}.success-detail-item{color:#2d3748;font-size:16px;gap:12px;padding:10px 0}.detail-icon,.success-detail-item{align-items:center;display:flex;justify-content:center}.detail-icon{background:#4bb543;border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:24px;width:24px}.detail-text{font-weight:500}.payment-success-redirect{animation:fadeIn .8s ease-in .9s both;border-top:2px solid #e2e8f0;margin-top:30px;padding-top:30px}.redirect-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:30px;margin:0 auto 15px;width:30px}.payment-success-redirect p{color:#718096;font-size:15px;font-weight:500;margin:15px 0}.redirect-now-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:15px;padding:12px 30px;transition:all .3s ease}.redirect-now-btn:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.redirect-now-btn:active{transform:translateY(0)}@media (max-width:768px){.payment-success-container{padding:30px 20px;width:95%}.payment-success-title{font-size:26px}.payment-success-message{font-size:16px}.checkmark,.payment-success-checkmark{height:100px;width:100px}}.payment-failure-overlay{align-items:center;animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.payment-failure-container{animation:slideUp .6s cubic-bezier(.68,-.55,.265,1.55);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:550px;padding:50px;text-align:center;width:90%}.payment-failure-logo{margin-bottom:30px}.payment-failure-logo img{animation:fadeIn .8s ease-in .3s both;height:80px;object-fit:contain;width:80px}.payment-failure-icon-wrapper{margin:20px 0}.payment-failure-icon{animation:scaleIn .6s cubic-bezier(.68,-.55,.265,1.55) .3s both;height:120px;margin:0 auto;width:120px}.error-cross{stroke-width:3;stroke:#f5576c;stroke-miterlimit:10;border-radius:50%;display:block;height:120px;width:120px}.error-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke:#f5576c;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) .5s forwards}.error-line{stroke-dasharray:28;stroke-dashoffset:28;stroke:#f5576c;stroke-width:3;transform-origin:50% 50%}.error-line-1{animation:stroke .3s cubic-bezier(.65,0,.45,1) 1s forwards}.error-line-2{animation:stroke .3s cubic-bezier(.65,0,.45,1) 1.1s forwards}.payment-failure-content{margin-top:30px}.payment-failure-title{animation:fadeIn .8s ease-in .6s both;color:#2d3748;font-size:32px;font-weight:700;margin:20px 0}.payment-failure-message{animation:fadeIn .8s ease-in .7s both;color:#4a5568;font-size:18px;line-height:1.6;margin:15px 0 30px}.payment-failure-error-box{animation:fadeIn .8s ease-in .8s both;background:#fff5f5;border:2px solid #feb2b2;border-radius:12px;margin:25px 0;padding:20px}.error-code{color:#c53030;font-size:16px;margin-bottom:10px}.error-code strong{font-size:18px;font-weight:700}.error-description{color:#742a2a;font-size:14px;font-style:italic;margin-top:10px}.payment-failure-reasons{animation:fadeIn .8s ease-in .9s both;background:#f7fafc;border-radius:12px;margin:25px 0;padding:25px;text-align:start}.reasons-title{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:15px}.payment-failure-reasons ul{list-style:none;margin:0;padding:0}.payment-failure-reasons li{color:#4a5568;font-size:15px;padding:8px 0 8px 30px;position:relative}.payment-failure-reasons li:before{color:#ed8936;content:"⚠";font-size:16px;left:0;position:absolute}.payment-failure-actions{animation:fadeIn .8s ease-in 1s both;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px}.btn-retry,.btn-support{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.btn-retry{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.btn-retry:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.btn-support{background:#718096;box-shadow:0 4px 15px #7180964d;color:#fff}.btn-support:hover{background:#4a5568;box-shadow:0 6px 20px #4a556880;transform:translateY(-2px)}.btn-retry:active,.btn-support:active{transform:translateY(0)}.btn-icon{font-size:18px;font-weight:700}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes stroke{to{stroke-dashoffset:0}}@media (max-width:768px){.payment-failure-container{padding:30px 20px;width:95%}.payment-failure-title{font-size:26px}.payment-failure-message{font-size:16px}.error-cross,.payment-failure-icon{height:100px;width:100px}.payment-failure-actions{flex-direction:column;gap:10px}.btn-retry,.btn-support{width:100%}}.dashboard-messages-block{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:24px;overflow:hidden;padding:32px;position:relative}.dashboard-messages-block:before{background:linear-gradient(90deg,#2e6155,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.dashboard-messages-block-title{align-items:center;color:#1f2937;display:flex;font-size:24px;font-weight:700;justify-content:space-between;margin-bottom:32px;position:relative;z-index:1}.dashboard-messages-block-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#34d399);-webkit-background-clip:text;background-clip:text;margin:0}.dashboard-messages-block-toggle{background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:12px;box-shadow:0 4px 16px #2e61554d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-messages-block-toggle:before{background:linear-gradient(135deg,#fff3,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.dashboard-messages-block-toggle:hover:before{opacity:1}.dashboard-messages-block-toggle:hover{box-shadow:0 8px 24px #2e615566;transform:translateY(-2px)}.dashboard-messages-block-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.dashboard-messages-block-label{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.dashboard-messages-block-header{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:16px}.dashboard-messages-block-cell{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 4px 16px #0000000d;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-messages-block-cell:before{background:linear-gradient(90deg,#2e6155,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.dashboard-messages-block-cell:hover{border-color:#2e61554d;box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.dashboard-messages-failed-cell{background:linear-gradient(135deg,#fef2f2,#fecaca)!important;border-color:#dc262633!important;color:#dc2626!important;font-weight:700!important}.dashboard-messages-failed-cell:before{background:linear-gradient(90deg,#dc2626,#ef4444)!important}.dashboard-messages-block-chart{margin:0 auto;max-width:800px;width:100%}.dashboard-messages-block-header-row{align-items:center;display:flex;justify-content:space-between}.dashboard-messages-block-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.dashboard-messages-block-user-toggle{align-items:center;display:flex;gap:.5rem}.dashboard-messages-delivered-cell{background:#e3f2fd;color:#1976d2;font-weight:700}.dashboard-messages-failed-cell{background:#ffebee;color:#d32f2f;font-weight:700}.dashboard-conversations-block{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:32px;position:relative}.dashboard-conversations-block:before{background:linear-gradient(90deg,#34d399,#10b981);content:"";height:4px;left:0;position:absolute;right:0;top:0}.dashboard-conversations-block-header-row{align-items:center;display:flex;justify-content:space-between}.dashboard-conversations-block-title{font-size:20px;margin-bottom:12px}.dashboard-conversations-block-toggle{background:#2e6155;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.dashboard-conversations-block-main-numbers{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-around;margin:1.5rem 0}.dashboard-conversations-block-circle{background:#f4f4f4;flex-direction:column;font-size:16px;height:120px;text-align:center;width:120px}.dashboard-conversations-block-circle span{color:#2e6155;font-size:24px;margin-top:5px}.dashboard-conversations-block-controls{align-items:center;display:flex;gap:1rem;margin:1rem 0}.dashboard-conversations-block-chart{margin:0 auto;max-width:800px;width:100%}.dashboard-conversations-block-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:1rem;text-align:center}.dashboard-conversations-block-label{align-self:center;font-size:16px;font-weight:700;grid-column:1/span 1;padding-left:10px;text-align:left}.dashboard-conversations-block-header{font-size:16px;font-weight:700;padding:10px 0}.dashboard-conversations-block-cell,.dashboard-conversations-block-circle{align-items:center;display:flex;justify-content:center}.dashboard-conversations-block-circle{background-color:#f4f4f4;border-radius:50%;box-shadow:0 2px 5px #0000000d;color:#2e6155;font-size:20px;font-weight:700;height:60px;width:60px}.mentions-feed{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;height:fit-content;max-height:600px;padding:24px}.mentions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.mentions-header h3{align-items:center;color:#f8fafc;display:flex;font-size:20px;font-weight:700;gap:8px;margin:0}.unread-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444466}.admin-badge,.unread-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px}.admin-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f666}.mentions-loading{color:#94a3b8;font-size:14px;padding:40px;text-align:center}.mentions-empty{background:#1e293b80;border:2px dashed #334155;border-radius:12px;padding:60px 20px;text-align:center}.empty-icon{margin-bottom:16px}.empty-text{color:#cbd5e1;font-size:18px;font-weight:600;margin-bottom:8px}.empty-subtext{color:#64748b;font-size:14px;line-height:1.6}.mentions-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:8px}.mentions-list::-webkit-scrollbar{width:6px}.mentions-list::-webkit-scrollbar-track{background:#3341554d;border-radius:3px}.mentions-list::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.mentions-list::-webkit-scrollbar-thumb:hover{background:#64748b}.mention-card{background:#1e293b99;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mention-card:before{background:linear-gradient(135deg,#f59e0b,#d97706);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.mention-card.unread:before{transform:scaleY(1)}.mention-card.unread{background:#f59e0b1a;border-color:#f59e0b4d}.mention-card:hover{background:#334155cc;border-color:#475569;transform:translateX(4px)}.mention-indicator{align-items:flex-start;color:#f59e0b;display:flex;font-size:12px;justify-content:center;margin-top:2px;min-width:16px}.mention-card.read .mention-indicator{color:#64748b}.mention-content{flex:1 1;min-width:0}.mention-sender{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.mention-sender strong{color:#f8fafc;font-size:14px;font-weight:600}.mention-time{color:#94a3b8;font-size:12px;white-space:nowrap}.mention-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#cbd5e1;display:-webkit-box;font-size:14px;font-style:italic;line-height:1.6;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}.mention-related{align-items:center;background:#0f172a80;border-radius:6px;color:#64748b;display:flex;font-size:12px;gap:6px;padding:6px 12px;width:fit-content}.mention-action{align-items:center;color:#f59e0b;display:inline-flex;font-size:13px;font-weight:600;gap:4px;margin-top:8px}.mention-card:hover .mention-action{color:#fbbf24}.contact-growth-chart{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;box-shadow:0 10px 30px #0000004d;margin-bottom:24px;padding:24px}.growth-header{margin-bottom:32px}.growth-title h3{color:#f8fafc;font-size:24px;font-weight:700;margin:0 0 4px}.growth-subtitle{color:#94a3b8;font-size:14px;margin:0}.growth-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.stat-card{background:#1e293b99;border:1px solid #4755694d;gap:16px;padding:20px}.stat-card:hover{border-color:#47556980;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.stat-card.total{border-left:4px solid #3b82f6}.stat-card.monthly{border-left:4px solid #8b5cf6}.stat-card.growth.positive{border-left:4px solid #10b981}.stat-card.growth.negative{border-left:4px solid #ef4444}.stat-icon{font-size:32px;opacity:.9}.stat-value{color:#f8fafc;font-size:28px;margin-bottom:4px}.stat-label{color:#94a3b8;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.growth-stats{grid-template-columns:1fr}.stat-value{font-size:24px}.stat-icon{font-size:28px}}.stats-card{align-items:flex-start;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #4755694d;border-radius:12px;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stats-card:before{bottom:0;content:"";left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.stats-card-blue:before{background:linear-gradient(180deg,#3b82f6,#2563eb)}.stats-card-green:before{background:linear-gradient(180deg,#10b981,#059669)}.stats-card-purple:before{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.stats-card-orange:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.stats-card-red:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.stats-card:hover{border-color:#47556999;box-shadow:0 12px 24px #0006;transform:translateY(-4px)}.stats-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;transition:transform .3s ease;width:56px}.stats-card-blue .stats-card-icon{background:#3b82f626;border:1px solid #3b82f64d}.stats-card-green .stats-card-icon{background:#10b98126;border:1px solid #10b9814d}.stats-card-purple .stats-card-icon{background:#8b5cf626;border:1px solid #8b5cf64d}.stats-card-orange .stats-card-icon{background:#f59e0b26;border:1px solid #f59e0b4d}.stats-card-red .stats-card-icon{background:#ef444426;border:1px solid #ef44444d}.stats-card:hover .stats-card-icon{transform:scale(1.1) rotate(5deg)}.stats-card-content{flex:1 1;min-width:0}.stats-card-title{color:#94a3b8;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stats-card-value{color:#f8fafc;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.stats-card-subtitle{color:#64748b;font-size:13px;margin-top:4px}.stats-card-trend{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:600;gap:6px;margin-top:12px;padding:6px 12px;width:fit-content}.stats-card-trend.positive{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.stats-card-trend.negative{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.trend-icon{font-size:16px}.trend-value{font-weight:700}.trend-label{font-size:12px;opacity:.8}@media (max-width:768px){.stats-card{padding:16px}.stats-card-icon{font-size:24px;height:48px;width:48px}.stats-card-value{font-size:28px}}.message-trend-chart{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;box-shadow:0 10px 30px #0000004d;margin-bottom:24px;padding:24px}.trend-header{margin-bottom:24px}.trend-header h3{color:#f8fafc;font-size:20px;font-weight:700;margin:0 0 4px}.trend-subtitle{color:#94a3b8;font-size:14px;margin:0}.chart-container{background:#0f172a80;border:1px solid #47556933;border-radius:12px;padding:20px}@media (max-width:768px){.message-trend-chart{padding:16px}.trend-header h3{font-size:18px}.chart-container{padding:16px}}.internal-message-composer{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #4755694d;border-radius:16px;box-shadow:0 10px 30px #0000004d;padding:24px}.internal-msg-header h3{color:#f8fafc;font-size:18px;font-weight:700;margin:0 0 4px}.internal-msg-subtitle{color:#94a3b8;font-size:13px;margin:0 0 16px}.internal-msg-mentioned-users{background:#1e293b80;border:1px solid #f973164d;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:12px}.internal-msg-pill{align-items:center;animation:slideIn .2s ease-out;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:20px;box-shadow:0 2px 8px #f973164d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:6px 12px}.internal-msg-pill-icon{font-size:14px}.internal-msg-pill-name{font-size:13px}.internal-msg-pill-remove{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:20px}.internal-msg-pill-remove:hover{background:#ffffff4d;transform:scale(1.1)}.internal-msg-input-container{margin-bottom:12px;position:relative}.internal-msg-textarea{background:#0f172a99;border:1px solid #4755694d;border-radius:8px;color:#f8fafc;font-family:Varela Round,sans-serif;font-size:14px;padding:12px;resize:vertical;transition:all .3s ease;width:100%}.internal-msg-textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a;outline:none}.internal-msg-textarea::placeholder{color:#64748b}.internal-msg-user-dropdown{animation:slideUp .2s ease-out;background:#0f172afa;border:1px solid #47556980;border-radius:8px;bottom:100%;box-shadow:0 -4px 12px #0000004d;left:0;margin-bottom:8px;max-height:250px;overflow-y:auto;position:absolute;right:0;z-index:1000}.internal-msg-dropdown-header{border-bottom:1px solid #4755694d;color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-transform:uppercase}.internal-msg-dropdown-item{align-items:center;border-bottom:1px solid #47556933;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.internal-msg-dropdown-item:last-child{border-bottom:none}.internal-msg-dropdown-item:hover{background:#f973161a;border-left:3px solid #f97316;padding-left:9px}.internal-msg-user-icon{align-items:center;background:#f9731626;border:1px solid #f973164d;border-radius:50%;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.internal-msg-user-info{flex:1 1;min-width:0}.internal-msg-user-name{color:#f8fafc;font-size:14px;font-weight:600;margin-bottom:2px}.internal-msg-user-email{color:#94a3b8;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.internal-msg-dropdown-empty{color:#64748b;font-size:14px;padding:20px;text-align:center}.internal-msg-send-btn{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;box-shadow:0 4px 12px #f973164d;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-size:15px;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.internal-msg-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 6px 16px #f9731666;transform:translateY(-2px)}.internal-msg-send-btn:active:not(:disabled){transform:translateY(0)}.internal-msg-send-btn:disabled{background:linear-gradient(135deg,#64748b,#475569);cursor:not-allowed;opacity:.5}.internal-msg-status{animation:slideIn .3s ease-out;border-radius:6px;font-size:13px;font-weight:600;margin-top:12px;padding:10px 12px}.internal-msg-status.success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.internal-msg-status.error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.internal-msg-user-dropdown::-webkit-scrollbar{width:6px}.internal-msg-user-dropdown::-webkit-scrollbar-track{background:#0f172a80}.internal-msg-user-dropdown::-webkit-scrollbar-thumb{background:#f9731680;border-radius:3px}.internal-msg-user-dropdown::-webkit-scrollbar-thumb:hover{background:#f97316b3}@media (max-width:768px){.internal-message-composer{padding:16px}.internal-msg-header h3{font-size:16px}.internal-msg-textarea{font-size:13px}.internal-msg-user-dropdown{max-height:200px}}.modern-dashboard{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Varela Round,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.modern-dashboard:before{background:radial-gradient(circle at 20% 20%,#2e61550d 0,#0000 50%),radial-gradient(circle at 80% 80%,#34d39908 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dashboard-header{background:linear-gradient(135deg,#2e6155,#1e3a32);box-shadow:0 8px 32px #0000001f;color:#fff;overflow:hidden;padding:40px 32px 60px;position:relative}.dashboard-header:before{background:radial-gradient(circle at 30% 30%,#34d39926 0,#0000 50%),radial-gradient(circle at 70% 70%,#ffffff14 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dashboard-header-content{margin:0 auto;max-width:1200px;position:relative;z-index:2}.dashboard-greeting{color:#34d399;font-size:1.2rem;font-weight:500;letter-spacing:.3px;margin-bottom:12px;opacity:.95}.dashboard-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#fff,#34d399);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2.5rem;font-weight:700;gap:12px;margin:0 0 12px;text-shadow:0 2px 4px #0000001a}.dashboard-icon{-webkit-text-fill-color:initial;background:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2.5rem;text-shadow:0 2px 8px #0000004d}.dashboard-subtitle{font-size:1.1rem;font-weight:400;line-height:1.6;margin:0 0 20px;opacity:.9}.dashboard-quick-actions{display:flex;gap:12px;margin-top:20px}.quick-action-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-action-btn.create-campaign{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.quick-action-btn.create-campaign:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.quick-action-btn.create-template{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.quick-action-btn.create-template:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.quick-action-btn .btn-icon{font-size:18px}.quick-action-btn .btn-text{font-size:15px}.dashboard-header-decoration{background:linear-gradient(90deg,#34d399,#10b981 50%,#059669);bottom:0;height:4px;left:0;position:absolute;right:0}.dashboard-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 420px;margin:0 auto;max-width:1600px;padding:32px;position:relative;z-index:1}.dashboard-left-column{display:flex;flex-direction:column;gap:32px}.dashboard-right-column{display:flex;flex-direction:column;gap:24px}.stats-grid{grid-gap:20px;gap:20px;margin-bottom:24px}.dashboard-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:100px 20px}.spinner{border:4px solid #94a3b833;margin-bottom:16px}@media (max-width:1200px){.dashboard-content{gap:24px;grid-template-columns:1fr}.dashboard-right-column{order:-1}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.dashboard-header-content{padding:60px 20px 40px}.dashboard-greeting{font-size:1rem}.dashboard-title{font-size:32px}.dashboard-subtitle{font-size:14px}.dashboard-content{padding:20px}.stats-grid{grid-template-columns:1fr}.dashboard-quick-actions{flex-direction:column}.quick-action-btn{justify-content:center;width:100%}}@media (max-width:480px){.dashboard-greeting{font-size:.9rem}.dashboard-title{font-size:24px}.dashboard-header-content{padding:40px 16px 30px}.dashboard-content{padding:16px}.quick-action-btn{font-size:14px;padding:10px 20px}.quick-action-btn .btn-icon{font-size:16px}.quick-action-btn .btn-text{font-size:14px}}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr}.dashboard-right-column{order:-1}}@media (max-width:768px){.dashboard-header{padding:24px 20px 40px}.dashboard-title{font-size:2rem}.dashboard-subtitle{font-size:1rem}.dashboard-content{gap:24px;padding:20px}}@media (max-width:480px){.dashboard-header{padding:20px 16px 32px}.dashboard-title{font-size:1.75rem}.dashboard-subtitle{font-size:.95rem}.dashboard-content{gap:20px;padding:16px}}.phonecall-list-container{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#1e293b;font-family:Inter,Segoe UI,sans-serif;min-height:100vh;padding:24px}.phonecalls-content-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.phonecalls-header-section{background:linear-gradient(135deg,#2e6155,#1e3a32);color:#fff;overflow:hidden;padding:32px;position:relative}.phonecalls-header-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.phonecall-list-header{color:#fff;font-size:36px;font-weight:800;letter-spacing:-.025em;margin:0 0 8px;position:relative;z-index:1}.phonecalls-header-subtitle{font-size:16px;font-weight:400;margin:0;opacity:.9;position:relative;z-index:1}.phonecalls-stats-dashboard{grid-gap:20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:24px}.phonecalls-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .2s ease-in-out}.phonecalls-stat-card:before{background:linear-gradient(135deg,#2e6155,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.phonecalls-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.phonecalls-stat-number{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.phonecalls-stat-label{color:#64748b;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.phonecalls-controls-section{background:#fff;border-bottom:1px solid #e2e8f0;padding:24px}.phonecalls-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.phonecalls-action-buttons{flex-wrap:wrap;gap:12px}.make-call-button{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:12px;box-shadow:0 4px 16px #2e61554d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.make-call-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.make-call-button:hover:before{left:100%}.make-call-button:hover{box-shadow:0 8px 24px #2e615566;transform:translateY(-2px)}.make-call-button:active{transform:translateY(0)}.make-call-button.conference{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 16px #7c3aed4d}.make-call-button.conference:hover{box-shadow:0 8px 24px #7c3aed66}.phonecall-list-search-bar{flex:1 1;max-width:400px}.phonecall-list-search-bar input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-family:Inter,Segoe UI,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s ease-in-out;width:100%}.phonecall-list-search-bar input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.phonecall-list-search-bar input::placeholder{color:#94a3b8}.phonecalls-table-section{padding:0 24px 24px}.phonecall-list-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;max-height:700px;overflow:hidden;overflow-y:auto}.phonecall-list-table{border-collapse:collapse;font-size:14px;table-layout:fixed;width:100%}.phonecall-list-table thead th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;letter-spacing:.05em;padding:16px 20px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.phonecall-list-table tbody tr{background:#fff;border-bottom:1px solid #f1f5f9;transition:all .2s ease-in-out}.phonecall-list-table tbody tr:hover{background:#f8fafc;box-shadow:0 2px 4px -1px #0000001a}.phonecall-list-table td{word-wrap:break-word;color:#334155;font-size:14px;font-weight:500;line-height:1.5;max-width:200px;overflow-wrap:break-word;padding:16px 20px;vertical-align:middle;white-space:normal}.phonecalls-action-buttons{display:flex;gap:6px;justify-content:flex-start;padding:0}.phone-call-play-button,.phonecall-delete-button,.phonecall-edit-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;padding:6px;transition:all .2s ease-in-out;width:32px}.phonecall-edit-button{color:#3b82f6}.phonecall-edit-button:hover{background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f633;color:#fff}.phonecall-delete-button{color:#ef4444}.phonecall-delete-button:hover{background:#ef4444;box-shadow:0 4px 16px #ef44444d;color:#fff;transform:translateY(-2px)}.phone-call-play-button{color:#059669;font-size:16px}.phone-call-play-button:hover{background:#059669;border-color:#059669;box-shadow:0 2px 4px #05966933;color:#fff}.status-badge{border:1px solid #0000;border-radius:14px;font-size:11px;height:28px;letter-spacing:.025em;min-width:80px;padding:0 12px}.status-badge.queued{background:#fef3c7;border-color:#fcd34d;color:#92400e}.status-badge.initiated{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.status-badge.ringing{background:#ede9fe;border-color:#c4b5fd;color:#7c3aed}.status-badge.in-progress{background:#cffafe;border-color:#67e8f9;color:#0891b2}.status-badge.completed{border-color:#6ee7b7}.status-badge.unknown{background:#f3f4f6;border-color:#d1d5db;color:#374151}.direction-cell{text-align:left;vertical-align:middle}.direction-badge{align-items:center;border:1px solid;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.025em;padding:6px 12px;text-transform:uppercase}.direction-badge.outbound{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.direction-badge.inbound{background:#eff6ff;border-color:#93c5fd;color:#1e40af}.direction-badge.unknown{background:#f9fafb;border-color:#d1d5db;color:#374151}.PhoneCalls__icon-label{align-items:center;color:#334155;display:flex;font-weight:500;gap:10px}.PhoneCalls__customer-icon{color:#3b82f6;flex-shrink:0;font-size:16px}.PhoneCalls__customer-name{background:#f1f5f9;border-radius:6px;color:#1e293b;font-size:13px;font-weight:600;min-width:60px;padding:4px 8px}.PhoneCalls__agent-icon{color:#f59e0b;flex-shrink:0;font-size:16px}.recording-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.recording-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:500px;padding:32px;text-align:center;width:90%}.close-modal-button{background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:12px;box-shadow:0 4px 16px #2e61554d;color:#fff;cursor:pointer;font-weight:600;margin-top:24px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.close-modal-button:hover{box-shadow:0 8px 24px #2e615566;transform:translateY(-2px)}.phonecalls-pagination-controls{background:#f8fafc80;border-top:1px solid #e2e8f080;gap:16px;padding:24px 32px}.pagination-button,.phonecalls-pagination-controls{align-items:center;display:flex;justify-content:center}.pagination-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:12px;color:#2e6155;cursor:pointer;font-size:18px;height:44px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.pagination-button:hover:not([disabled]){background:#2e6155;box-shadow:0 4px 16px #2e61554d;color:#fff;transform:translateY(-2px)}.pagination-button[disabled]{cursor:not-allowed;opacity:.4}.PhoneCallsPageOf{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:12px;color:#64748b;font-size:14px;font-weight:500;padding:12px 20px}@media (max-width:1024px){.phonecall-list-container{padding:24px}.phonecalls-controls-row{align-items:stretch;flex-direction:column;gap:16px}.phonecall-list-search-bar{max-width:none}}@media (max-width:768px){.phonecall-list-container{padding:16px}.phonecalls-header-section{padding:24px}.phonecall-list-header{font-size:32px}.phonecalls-stats-dashboard{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:24px}.phonecalls-controls-section{padding:24px}.phonecalls-table-section{padding:0 16px 24px}.phonecall-list-table-container{overflow-x:auto}.phonecall-list-table thead{display:none}.phonecall-list-table tbody tr{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 4px 16px #00000014;display:block;margin-bottom:16px;padding:16px}.phonecall-list-table tbody tr:hover{box-shadow:0 8px 24px #0000001f;transform:none}.phonecall-list-table td{border:none;border-bottom:1px solid #e2e8f04d;display:flex;font-size:14px;justify-content:space-between;max-width:none;padding:8px 0}.phonecall-list-table td:last-child{border-bottom:none}.phonecall-list-table td:before{color:#2e6155;content:attr(data-label);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.phonecalls-action-buttons{flex-direction:row;gap:8px;justify-content:center}.make-call-button{font-size:13px;padding:10px 16px}}@media (max-width:480px){.phonecall-list-container{padding:12px}.phonecalls-header-section{padding:20px}.phonecall-list-header{font-size:28px}.phonecalls-stats-dashboard{gap:12px;grid-template-columns:1fr;padding:20px}.phonecalls-stat-card{padding:20px}.phonecalls-stat-number{font-size:28px}}.view-call-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1f2937;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;min-height:100vh;padding:32px}.view-call__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;max-width:1200px;padding:20px 0;width:100%}.view-call__header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#34d399);-webkit-background-clip:text;background-clip:text;flex-grow:1;font-size:42px;font-weight:700;margin:0;text-align:center}.view-call__back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;border-radius:12px;color:#2e6155;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.view-call__back-button:hover{background:#2e6155;box-shadow:0 4px 16px #2e61554d;color:#fff;transform:translateY(-2px)}.view-call__form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;display:flex;gap:0;max-width:1200px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.view-call__details{background:#f8fafc80;border-right:1px solid #e2e8f080;flex:1 1;padding:40px}.view-call__details-header{background:linear-gradient(135deg,#2e6155,#1e3a32);color:#fff;margin:-40px -40px 32px;overflow:hidden;padding:24px;position:relative}.view-call__details-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.view-call__details-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f1f5f9);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0 0 8px;position:relative;z-index:1}.view-call__details-subtitle{font-size:14px;font-weight:400;margin:0;opacity:.9;position:relative;z-index:1}.view-call__field{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:12px;margin-bottom:24px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-call__field:hover{border-color:#2e615533;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.view-call__field-label{color:#2e6155;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.view-call__field-value{color:#374151;font-size:16px;font-weight:600;margin:0;word-break:break-word}.view-call__field--status .view-call__field-value{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.5px;min-width:100px;padding:8px 16px;text-transform:uppercase}.view-call__field--status.completed .view-call__field-value{background:linear-gradient(135deg,#10b981,#34d399)}.view-call__field--status.failed .view-call__field-value{background:linear-gradient(135deg,#ef4444,#f87171)}.view-call__field--status.in-progress .view-call__field-value{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.view-call__field--duration .view-call__field-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#34d399);-webkit-background-clip:text;background-clip:text;font-family:Courier New,monospace;font-size:18px}.view-call__timeline{background:#ffffff4d;flex:1 1;padding:40px}.view-call__timeline-header{background:linear-gradient(135deg,#2e61551a,#34d3991a);border-bottom:1px solid #2e61551a;margin:-40px -40px 32px;padding:24px}.view-call__timeline-title{color:#2e6155;font-size:24px;font-weight:700;margin:0 0 8px}.view-call__timeline-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.view-call__timeline-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:16px;box-shadow:0 8px 32px #00000014;min-height:400px;padding:24px}.view-call__empty,.view-call__loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.view-call__loading-spinner{animation:spin 1s linear infinite;border:4px solid #2e61551a;border-left-color:#2e6155;border-radius:50%;height:40px;margin-bottom:16px;width:40px}.view-call__empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.view-call__empty-text{font-size:18px;font-weight:600;margin:0}@media (max-width:1024px){.view-call-container{padding:24px}.view-call__form-container{flex-direction:column;max-width:800px}.view-call__details{border-bottom:1px solid #e2e8f080;border-right:none}.view-call__details,.view-call__timeline{padding:32px}.view-call__details-header,.view-call__timeline-header{margin:-32px -32px 24px}}@media (max-width:768px){.view-call-container{padding:16px}.view-call__header{flex-direction:column;gap:16px;text-align:center}.view-call__header h1{font-size:32px;order:2}.view-call__back-button{align-self:flex-start;order:1}.view-call__form-container{border-radius:16px}.view-call__details,.view-call__timeline{padding:24px}.view-call__details-header,.view-call__timeline-header{margin:-24px -24px 20px;padding:20px}.view-call__details-title,.view-call__timeline-title{font-size:20px}.view-call__field{margin-bottom:16px;padding:16px}.view-call__field-value{font-size:15px}.view-call__timeline-content{min-height:300px;padding:20px}}@media (max-width:480px){.view-call-container{padding:12px}.view-call__header h1{font-size:28px}.view-call__details,.view-call__timeline{padding:20px}.view-call__details-header,.view-call__timeline-header{margin:-20px -20px 16px;padding:16px}.view-call__details-title,.view-call__timeline-title{font-size:18px}.view-call__field{padding:14px}.view-call__timeline-content{min-height:250px;padding:16px}}.whatsapp-pricing-blog-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0 20%,#f1f5f9);font-family:Varela Round,sans-serif;min-height:100vh;padding:120px 20px 40px;position:relative}.whatsapp-pricing-blog-container:before{background:radial-gradient(circle at 20% 30%,#25d3661a 0,#0000 50%),radial-gradient(circle at 80% 70%,#25d3660d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.blog-header{direction:rtl;margin:0 auto 60px;max-width:900px;position:relative;text-align:center;z-index:1}.header-badge{align-items:center;background:linear-gradient(135deg,#25d366,#1faa53);border-radius:50px;box-shadow:0 4px 15px #25d3664d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.sparkle-icon{animation:sparkle 2s ease-in-out infinite;font-size:16px}.blog-title{align-items:center;color:#1e293b;display:flex;flex-wrap:wrap;font-size:clamp(28px,5vw,42px);font-weight:700;gap:16px;justify-content:center;line-height:1.3;margin:0 0 24px}.whatsapp-icon{color:#25d366;font-size:clamp(32px,5vw,44px)}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#1faa53);-webkit-background-clip:text;background-clip:text}.blog-intro{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:16px;box-shadow:0 8px 25px #00000014;display:flex;gap:12px;padding:24px}.verified-icon{color:#25d366;flex-shrink:0;font-size:24px;margin-top:4px}.intro-text{color:#374151;font-size:18px;line-height:1.6;margin:0;text-align:right}.content-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:20px;box-shadow:0 8px 25px #00000014;direction:rtl;margin:0 auto 48px;max-width:900px;padding:32px}.section-header{align-items:center;border-bottom:2px solid #25d3661a;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.section-icon{background:#25d3661a;border-radius:50%;color:#25d366;font-size:28px;padding:12px}.section-title{color:#1e293b;font-size:24px;margin:0}.section-content{text-align:right}.content-paragraph{color:#374151;font-size:16px;line-height:1.7;margin:0 0 20px}.highlight-box{align-items:flex-start;background:linear-gradient(135deg,#dcfce7,#f0fdf4);border:1px solid #22c55e33;border-radius:12px;display:flex;gap:12px;margin-top:20px;padding:20px}.highlight-icon{color:#22c55e;flex-shrink:0;font-size:20px;margin-top:2px}.highlight-text{color:#166534;font-size:15px;font-weight:500;line-height:1.6;margin:0}.conversation-types{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:24px}.conversation-type-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #0000;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.conversation-type-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.conversation-type-card.marketing:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.conversation-type-card.service:before{background:linear-gradient(90deg,#10b981,#059669)}.conversation-type-card.utility:before{background:linear-gradient(90deg,#6366f1,#4f46e5)}.conversation-type-card:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-4px)}.card-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.card-icon{color:#25d366;font-size:20px}.conversation-type-card h3{color:#1e293b;font-size:18px;font-weight:700;margin:0}.conversation-type-card p{color:#64748b;font-size:14px;line-height:1.6;margin:0}.benefits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:24px}.benefit-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e933;border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.benefit-card:hover{box-shadow:0 12px 35px #0ea5e926;transform:translateY(-4px)}.benefit-icon{background:#0ea5e91a;border-radius:50%;color:#0ea5e9;display:inline-block;font-size:32px;margin-bottom:16px;padding:16px}.benefit-card h4{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 12px}.benefit-card p{color:#64748b;font-size:14px;line-height:1.6;margin:0}.tip-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b4d;border-radius:20px;direction:rtl;margin:0 auto 48px;max-width:900px;overflow:hidden;padding:32px;position:relative}.tip-section:before{background:radial-gradient(circle,#f59e0b1a 0,#0000 70%);content:"";height:100%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}.tip-header{align-items:center;display:flex;gap:12px;margin-bottom:16px;position:relative;z-index:1}.tip-icon{animation:pulse 2s infinite;color:#f59e0b;font-size:28px}.tip-section h3{color:#92400e;font-size:22px;font-weight:700;margin:0}.tip-content{position:relative;z-index:1}.tip-content p{color:#92400e;font-size:16px;font-weight:500;line-height:1.7;margin:0}.external-link-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f633;border-radius:16px;margin-top:24px;padding:24px}.link-content h4{color:#1e40af;font-size:18px;font-weight:700;margin:0 0 12px}.link-content p{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 16px}.external-link{align-items:center;background:#2563eb1a;border-radius:8px;color:#2563eb;display:inline-flex;font-weight:600;gap:8px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.external-link:hover{background:#2563eb33;transform:translateY(-2px)}.external-icon{font-size:14px}.summary-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #22c55e4d;border-radius:20px;direction:rtl;margin:0 auto 48px;max-width:900px;padding:32px}.summary-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.summary-icon{color:#22c55e;font-size:28px}.summary-section h2{color:#166534;font-size:24px;font-weight:700;margin:0}.summary-content p{color:#166534;font-size:16px;font-weight:500;line-height:1.7;margin:0}.calculator-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #25d36633;border-radius:20px;box-shadow:0 12px 35px #0000001a;direction:rtl;margin:0 auto 48px;max-width:900px;padding:40px}.calculator-header{margin-bottom:32px;text-align:center}.calculator-icon{background:#25d3661a;border-radius:50%;color:#25d366;display:inline-block;font-size:48px;margin-bottom:16px;padding:20px}.important-notice{word-wrap:break-word;background:linear-gradient(135deg,#fffbeb,#fef3c7 50%,#fef9c3);border:2px solid #f59e0b;border-radius:16px;box-shadow:0 8px 24px #f59e0b26;direction:rtl;display:flex;gap:20px;margin:32px 0;overflow:hidden;overflow-wrap:break-word;padding:28px;position:relative}.important-notice:before{background:linear-gradient(90deg,#f59e0b,#fbbf24 50%,#f59e0b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.notice-icon{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));flex-shrink:0;font-size:36px}.notice-content{flex:1 1;min-width:0}.notice-content,.notice-content strong{word-wrap:break-word;overflow-wrap:break-word}.notice-content strong{color:#92400e;display:block;font-size:18px;font-weight:700;margin-bottom:12px;text-shadow:0 1px 2px #92400e1a}.notice-content p{word-wrap:break-word;color:#78350f;font-size:15px;line-height:1.7;margin:0;overflow-wrap:break-word}.notice-content .notice-explanation{background:#ffffffb3;border-radius:10px;border-top:2px dashed #fbbf2466;box-shadow:0 2px 8px #0000000d;color:#92400e;font-weight:600;margin-top:16px;padding:16px;position:relative}.notice-content .notice-explanation:before{background:#fff;border-radius:50%;content:"💡";font-size:16px;padding:4px 8px;position:absolute;right:16px;top:-12px}.calculator-header h2{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.calculator-header p{color:#64748b;font-size:16px;margin:0}.calculator-container{margin:0 auto;max-width:600px}.calculator-form{gap:24px}.calculator-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151;font-size:16px;text-align:right}.select-wrapper{position:relative}.form-input,.select-wrapper select{background:#fff;border:2px solid #d1d5dbcc;border-radius:12px;direction:rtl;font-family:Varela Round,sans-serif;font-size:16px;padding:14px 16px;text-align:right;transition:all .3s ease;width:100%}.form-input:focus,.select-wrapper select:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;outline:none}.select-wrapper:after{color:#64748b;content:"▼";font-size:12px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.calculate-button{align-items:center;background:linear-gradient(135deg,#25d366,#1faa53);border:none;border-radius:12px;box-shadow:0 4px 15px #25d3664d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:18px;font-weight:700;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s ease}.calculate-button:hover{box-shadow:0 8px 25px #25d36666;transform:translateY(-2px)}.button-icon{font-size:16px}.result-display{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#f0fdf4,#dcfce7 50%,#d1fae5);border:3px solid #22c55e;border-radius:16px;box-shadow:0 10px 30px #22c55e33;margin-top:24px;overflow:hidden;padding:28px;position:relative}.result-display:before{background:linear-gradient(90deg,#22c55e,#16a34a 50%,#22c55e);content:"";height:5px;left:0;position:absolute;right:0;top:0}.result-row{align-items:flex-start;display:flex;gap:20px}.result-details{display:flex;flex:1 1;flex-direction:column;gap:14px}.result-item{align-items:center;background:#fff9;border:1px solid #22c55e26;border-radius:10px;display:flex;justify-content:space-between;padding:14px 16px;transition:all .3s ease}.result-item:hover{background:#ffffffe6;box-shadow:0 4px 12px #22c55e26;transform:translateX(-4px)}.result-item.total{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;box-shadow:0 6px 20px #22c55e4d;margin-top:12px;overflow:hidden;padding:18px 20px;position:relative}.result-item.total:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{to{left:100%}}.result-item.total:hover{box-shadow:0 8px 25px #22c55e66;transform:scale(1.02)}.result-label{align-items:center;color:#64748b;display:flex;font-size:15px;font-weight:600;gap:8px}.result-value{color:#1e293b;font-family:Courier New,monospace;font-size:18px;font-weight:700}.result-item.total .result-label{color:#fff;font-size:18px;font-weight:700}.result-item.total .result-value{color:#fff;font-size:24px;text-shadow:0 2px 4px #0003}.result-icon{animation:bounce 2s ease-in-out infinite;color:#22c55e;filter:drop-shadow(0 4px 8px rgba(34,197,94,.3));font-size:32px}.result-text{color:#166534;font-size:18px;font-weight:700}.cta-section{direction:rtl;margin:60px auto 0;max-width:900px}.cta-container{background:linear-gradient(135deg,#25d366,#1faa53);border-radius:24px;box-shadow:0 20px 60px #25d3664d;overflow:hidden;padding:48px 40px;position:relative;text-align:center}.cta-container:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.cta-content{position:relative;z-index:1}.cta-icon{align-items:center;background:#fff3;border-radius:50%;box-shadow:0 8px 25px #0003;color:#fff;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.cta-title{color:#fff;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 16px}.cta-description{color:#ffffffe6;font-size:18px;line-height:1.6;margin:0 0 32px}.cta-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.cta-feature{align-items:center;color:#fff;display:flex;font-weight:500;gap:8px;justify-content:center}.feature-icon{color:#ffffffe6;font-size:16px}.cta-button{align-items:center;background:#fff;border-radius:12px;color:#25d366;display:inline-flex;font-size:18px;gap:8px;padding:16px 32px}.cta-button:hover{box-shadow:0 8px 25px #0000004d;color:#1faa53;transform:translateY(-2px)}.button-arrow{font-size:16px;transition:transform .3s ease}.cta-button:hover .button-arrow{transform:translateX(-3px)}@media (max-width:768px){.whatsapp-pricing-blog-container{padding:100px 15px 30px}.blog-title{flex-direction:column;font-size:24px;gap:8px}.blog-intro{flex-direction:column;gap:16px;padding:20px;text-align:center}.intro-text{font-size:16px;text-align:center}.content-section{margin-bottom:32px;padding:20px}.section-header{flex-direction:column;gap:8px;text-align:center}.section-title{font-size:20px}.conversation-types{grid-template-columns:1fr}.conversation-type-card{padding:20px}.benefits-grid{grid-template-columns:1fr}.benefit-card,.calculator-section,.tip-section{padding:20px}.important-notice{flex-direction:column;gap:12px;padding:20px;text-align:center}.notice-icon{font-size:32px}.notice-content strong{font-size:16px;text-align:center}.notice-content p{font-size:14px;text-align:center}.notice-content .notice-explanation{font-size:13px;padding:12px}.notice-content .notice-explanation:before{right:50%;transform:translateX(50%)}.calculator-form{gap:16px}.calculator-container{padding:0 10px}.result-row{flex-direction:column;gap:16px}.result-icon{font-size:28px}.result-details{width:100%}.result-item{flex-direction:column;gap:8px;padding:12px;text-align:center}.result-label,.result-value{text-align:center;width:100%}.result-item.total{padding:16px}.external-link-card{padding:20px}.link-content h4{font-size:16px}.link-content p{font-size:13px}.external-link{flex-wrap:wrap;font-size:14px;justify-content:center;padding:10px 14px}.cta-container{padding:32px 20px}.cta-features{gap:12px;grid-template-columns:1fr}.cta-feature{font-size:14px}.cta-title{font-size:22px}.cta-button,.cta-description{font-size:16px}.cta-button{padding:14px 24px}}@media (max-width:480px){.whatsapp-pricing-blog-container{padding:90px 10px 25px}.header-badge{font-size:11px;padding:6px 12px}.blog-title{font-size:22px}.whatsapp-icon{font-size:28px}.intro-text{font-size:14px}.section-icon,.summary-icon,.tip-icon{font-size:22px;padding:8px}.section-title{font-size:18px}.content-paragraph,.highlight-text{font-size:14px}.conversation-type-card h3{font-size:16px}.conversation-type-card p{font-size:13px}.benefit-card{padding:16px}.benefit-card h4{font-size:16px}.benefit-card p{font-size:13px}.calculator-icon{font-size:36px;padding:16px}.calculator-header h2{font-size:22px}.calculator-header p{font-size:14px}.important-notice{gap:10px;padding:16px}.notice-icon{font-size:28px}.notice-content strong{font-size:15px}.notice-content p{font-size:13px;line-height:1.5}.notice-content .notice-explanation{font-size:12px;margin-top:12px;padding:10px}.calculator-section,.content-section,.summary-section,.tip-section{padding:16px}.calculator-container{padding:0 5px}.result-display{padding:20px 16px}.result-item{padding:10px}.result-label{font-size:13px}.result-item.total .result-label,.result-value{font-size:16px}.result-item.total .result-value{font-size:20px}.cta-icon{font-size:28px;height:60px;width:60px}.cta-title{font-size:20px}.cta-description{font-size:14px}.cta-button{font-size:15px;padding:12px 20px}.form-group label{font-size:14px}.form-input,.select-wrapper select{font-size:14px;padding:12px 14px}.external-link{font-size:13px;padding:8px 12px}}@media (max-width:320px){.whatsapp-pricing-blog-container{padding:80px 8px 20px}.blog-title{font-size:20px}.whatsapp-icon{font-size:24px}.intro-text{font-size:13px}.calculator-section,.content-section,.summary-section,.tip-section{border-radius:16px;padding:14px}.section-title{font-size:16px}.important-notice{border-radius:12px;padding:14px}.notice-content strong{font-size:14px}.notice-content p{font-size:12px}.notice-content .notice-explanation{font-size:11px;padding:8px}.calculator-header h2{font-size:20px}.calculator-header p,.form-group label{font-size:13px}.form-input,.select-wrapper select{font-size:13px;padding:10px 12px}.cta-title,.result-item.total .result-value{font-size:18px}.cta-description{font-size:13px}.cta-button{font-size:14px;padding:10px 18px}}@media (prefers-contrast:high){.calculator-section,.content-section{border:2px solid #25d366}.cta-button{border:2px solid #1faa53}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sparkle-icon,.tip-icon{animation:none}}.guide-detail-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0 20%,#f1f5f9);font-family:Varela Round,sans-serif;min-height:100vh;padding-top:100px;position:relative}.guide-detail-wrapper.rtl{direction:rtl}.guide-detail-wrapper.ltr{direction:ltr}.reading-progress-bar{background:#2e61551a;height:4px;left:0;position:fixed;top:0;width:100%;z-index:10001}.reading-progress-fill{background:linear-gradient(90deg,#2e6155,#3a7966);border-radius:0 2px 2px 0;height:100%;transition:width .3s ease}.error-page{align-items:center;display:flex;justify-content:center;min-height:80vh}.error-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #2e61551a;border-radius:24px;box-shadow:0 20px 40px #0000001a;padding:60px 40px;text-align:center}.error-content h1{color:#374151;font-size:32px;margin-bottom:16px}.error-content p{color:#64748b;font-size:16px;margin-bottom:24px}.breadcrumb{margin:0 auto 30px;max-width:1200px;padding:0 20px}.breadcrumb-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #2e61551a;border-radius:50px;display:flex;font-size:14px;gap:8px;padding:12px 20px;width:fit-content}.breadcrumb-link{color:#2e6155;cursor:pointer;font-weight:500;transition:all .2s ease}.breadcrumb-link:hover{color:#1e4037;text-decoration:underline}.breadcrumb-separator{color:#94a3b8;font-weight:300}.breadcrumb-current{color:#64748b;font-weight:600;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-content-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000014,0 8px 25px #0000000d;margin:0 auto 40px;max-width:900px;overflow:hidden}.guide-header{border-bottom:1px solid #2e61551a;padding:40px 40px 30px;text-align:center}.guide-badge{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border-radius:50px;box-shadow:0 4px 15px #2e61554d;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.badge-icon{animation:sparkle 2s ease-in-out infinite;font-size:14px}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}.guide-title{color:#1e293b;font-size:clamp(24px,4vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 24px}.guide-meta-enhanced{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:20px}.meta-item{color:#64748b;font-size:14px;font-weight:500;gap:8px}.meta-icon{color:#2e6155;font-size:14px}.category-badge{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #2e61551a;border-radius:50px;color:#475569;padding:4px 12px}.guide-description-enhanced{color:#475569;font-size:18px;font-weight:400;line-height:1.6;margin:0 0 30px}.guide-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.action-btn{align-items:center;background:#2e61551a;border:2px solid #2e615533;border-radius:50px;color:#2e6155;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.action-btn:hover{background:#2e615533;border-color:#2e6155;transform:translateY(-2px)}.share-container{position:relative}.share-menu{background:#fff;border:1px solid #2e61551a;border-radius:12px;box-shadow:0 10px 30px #00000026;margin-top:8px;min-width:150px;padding:8px;position:absolute;right:0;top:100%;z-index:100}.share-menu button{background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;text-align:right;transition:background .2s ease;width:100%}.share-menu button:hover{background:#2e61551a}.video-section{border-bottom:1px solid #2e61551a;padding:40px}.video-header{margin-bottom:30px;text-align:center}.video-title{align-items:center;color:#1e293b;display:flex;font-size:24px;font-weight:700;gap:12px;justify-content:center;margin-bottom:8px}.play-icon-title{color:#2e6155;font-size:20px}.video-subtitle{color:#64748b;font-size:16px;margin:0}.video-container{border:2px solid #fffc;border-radius:16px;box-shadow:0 15px 40px #0000001f,0 5px 15px #00000014;overflow:hidden;position:relative;transition:all .4s ease}.video-container:hover{box-shadow:0 25px 60px #00000026,0 10px 25px #0000001a;transform:translateY(-4px)}.responsive-video{height:0;padding-bottom:56.25%;position:relative}.responsive-video iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.guide-content{padding:40px}.content-header{margin-bottom:30px;text-align:center}.content-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0;padding-bottom:10px;position:relative}.content-header h2:after{background:linear-gradient(90deg,#2e6155,#3a7966);border-radius:2px;bottom:0;content:"";height:3px;position:absolute;right:50%;transform:translateX(50%);width:60px}.guide-content-text{color:#374151;font-size:16px;line-height:1.8}.rtl .guide-content-text{text-align:right}.ltr .guide-content-text{text-align:left}.guide-content-text h2,.guide-content-text h3{color:#1e293b;font-weight:700;margin:30px 0 15px}.guide-content-text h2{border-bottom:2px solid #2e61551a;font-size:20px;padding-bottom:8px}.guide-content-text h3{color:#2e6155;font-size:18px}.guide-content-text ol,.guide-content-text ul{margin:20px 0}.rtl .guide-content-text ol,.rtl .guide-content-text ul{padding-left:0;padding-right:30px}.rtl .guide-content-text li{margin:10px 0;text-align:right}.ltr .guide-content-text ol,.ltr .guide-content-text ul{padding-left:30px;padding-right:0}.ltr .guide-content-text li{margin:10px 0;text-align:left}.guide-content-text strong{color:#2e6155;font-weight:700}.rtl .guide-content-text p{margin:15px 0;text-align:right}.ltr .guide-content-text p{margin:15px 0;text-align:left}.guide-navigation{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin:40px 0;padding:0 40px}.nav-card{background:linear-gradient(135deg,#fff,#fafcfb);border:1px solid #2e61551a;border-radius:16px;box-shadow:0 4px 20px #0000000f;color:inherit;display:flex;flex:1 1 45%;flex-direction:column;min-width:250px;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.8,.25,1)}.nav-card:before{background:linear-gradient(90deg,#2e6155,#3a7966);content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.nav-card:hover{box-shadow:0 12px 40px #0000001a;text-decoration:none;transform:translateY(-4px)}.nav-card:hover:before{transform:scaleX(1)}.nav-direction{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.nav-icon{color:#2e6155;font-size:14px}.prev-guide{text-align:right}.prev-guide .nav-direction{justify-content:flex-end}.next-guide{text-align:left}.next-guide .nav-direction{justify-content:flex-start}.nav-guide-icon{background:#2e61551a;border-radius:50%;color:#2e6155;font-size:24px;margin-bottom:8px;padding:8px;transition:all .3s ease;width:fit-content}.nav-card:hover .nav-guide-icon{background:#2e615533;transform:scale(1.1)}.nav-card h4{color:#1e293b;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 12px}.nav-card h4,.nav-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.nav-card p{color:#64748b;font-size:13px;line-height:1.5;margin:0}.guide-footer{background:#f8fafc80;border-top:1px solid #2e61551a;padding:30px 40px}.back-to-guides{text-align:center}.back-to-guides-btn{align-items:center;background:linear-gradient(135deg,#2e6155,#3a7966);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.back-to-guides-btn:hover{box-shadow:0 8px 25px #2e61554d;transform:translateY(-2px)}@media (max-width:1024px){.guide-content-wrapper{margin:0 20px 40px}.guide-header{padding:30px 25px 25px}.guide-content,.video-section{padding:30px 25px}.guide-navigation{gap:20px;padding:0 25px}.guide-footer{padding:25px}}@media (max-width:768px){.guide-detail-wrapper{padding-top:80px}.breadcrumb{padding:0 15px}.breadcrumb-container{font-size:13px;padding:10px 16px}.breadcrumb-current{max-width:200px}.guide-content-wrapper{border-radius:20px;margin:0 10px 30px}.guide-header{padding:25px 20px 20px}.guide-title{font-size:24px}.guide-meta-enhanced{flex-direction:column;gap:12px}.guide-description-enhanced{font-size:16px}.guide-actions{flex-direction:column;gap:12px}.action-btn{justify-content:center;width:100%}.video-section{padding:25px 20px}.video-title{font-size:20px}.guide-content{padding:25px 20px}.guide-content-text{font-size:15px}.guide-navigation{flex-direction:column;gap:16px;padding:0 20px}.nav-card{min-width:auto}.guide-footer{padding:20px}}@media (max-width:480px){.breadcrumb-container{font-size:12px;padding:8px 12px}.breadcrumb-current{max-width:150px}.guide-header{padding:20px 15px}.guide-title{font-size:20px}.video-section{padding:20px 15px}.video-title{font-size:18px}.guide-content{padding:20px 15px}.guide-content-text{font-size:14px}.nav-card{padding:20px 16px}.nav-card h4{font-size:15px}.nav-card p{font-size:12px}.guide-footer{padding:15px}}.embed-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.embed-error,.embed-loading{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:500px;padding:60px 40px;text-align:center;width:100%}.embed-error h2,.embed-loading h2{color:#333;font-size:24px;margin:20px 0 10px}.embed-loading p{color:#666;font-size:14px;margin:0}.spinner-large{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#25d366;height:60px;margin:0 auto 20px;width:60px}.error-icon{font-size:64px}.embed-error p{color:#666;font-size:15px;line-height:1.5;margin:0 0 30px}.error-details{background:#f8f9fa;border-radius:8px;padding:20px;text-align:left}.error-details p{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.error-details ul{margin:0;padding-left:20px}.error-details li{color:#666;font-size:13px;line-height:1.6;margin-bottom:8px}@media (max-width:600px){.embed-error,.embed-loading{padding:40px 30px}.embed-error h2,.embed-loading h2{font-size:20px}.error-icon{font-size:48px}}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;z-index:10000}.modal-content{animation:slideIn .3s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0}.connection-form-modal{max-width:700px;width:100%}.modal-header{background:linear-gradient(135deg,#2e6155,#1e3a32);border-bottom:none;color:#fff;overflow:hidden;padding:28px 32px;position:relative}.modal-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.modal-header h2{font-size:26px;font-weight:700;letter-spacing:-.015em}.close-btn,.modal-header h2{color:#fff;position:relative;z-index:1}.close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;padding:0;transition:all .2s ease-in-out;width:36px}.close-btn:hover{background:#fff3;border-color:#ffffff4d;transform:rotate(90deg)}.close-btn:active{transform:rotate(90deg) scale(.95)}.connection-form{background:#fff;padding:32px}.form-section{margin-bottom:32px}.form-section:last-of-type{margin-bottom:0}.form-section h3{color:#333;font-size:18px;margin:0 0 16px}.section-description{color:#666;font-size:14px;margin:-8px 0 16px}.info-box{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-left:4px solid #3b82f6;border-radius:8px;box-shadow:0 2px 4px #3b82f61a;display:flex;font-size:13px;gap:12px;margin-bottom:20px;padding:16px 20px}.info-icon{flex-shrink:0;font-size:20px}.form-group{margin-bottom:20px}.form-group input,.form-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-family:Inter,Segoe UI,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s ease-in-out;width:100%}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-hint{color:#666;display:block;font-size:12px;margin-top:6px}.form-row{grid-gap:16px;gap:16px}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.connection-form-btn-secondary{background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.connection-form-btn-secondary:hover:not(:disabled){background-color:#f5f5f5;border-color:#aaa}.connection-form-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.connection-form-btn-primary{align-items:center;background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:12px;box-shadow:0 4px 16px #2e61554d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.connection-form-btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.connection-form-btn-primary:hover:not(:disabled):before{left:100%}.connection-form-btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #2e615566;transform:translateY(-2px)}.connection-form-btn-primary:active:not(:disabled){transform:translateY(0)}.connection-form-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@media (max-width:768px){.connection-form-modal{margin:10px;max-width:100%}.connection-form,.modal-header{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.connections-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e0e7ff);color:#1e293b;font-family:Inter,Segoe UI,sans-serif;min-height:100vh;overflow:hidden;padding:32px;position:relative}.connections-page:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#667eea0d 0,#0000 70%);content:"";height:200%;pointer-events:none;position:fixed;right:-50%;top:-50%;width:200%}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.empty-state-container{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 10px 40px #00000014;overflow:hidden;padding:4rem 3rem;position:relative;text-align:center;z-index:1}.empty-state-container:before{background:linear-gradient(90deg,#667eea,#764ba2 50%,#f093fb);content:"";height:4px;left:0;position:absolute;right:0;top:0}.empty-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 8px rgba(102,126,234,.2));font-size:5rem;margin-bottom:1.5rem}.empty-state-container h2{color:#1e293b;font-size:2rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.75rem}.empty-state-container p{color:#64748b;font-size:1.1rem;line-height:1.6;margin-bottom:3rem}.quick-connect-buttons{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px}.btn-quick-connect{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:1.25rem;max-width:400px;min-height:240px;min-width:280px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.btn-quick-connect:before{background:linear-gradient(135deg,#667eea08,#764ba20d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.btn-quick-connect:hover:before{opacity:1}.btn-quick-connect:hover{border-color:#667eea;box-shadow:0 12px 32px #667eea33;transform:translateY(-4px) scale(1.02)}.btn-quick-connect .icon{font-size:3.5rem;transition:transform .4s ease}.btn-quick-connect:hover .icon{transform:scale(1.15) rotateY(10deg)}.btn-quick-connect strong{color:#1e293b;display:block;font-size:1.25rem;font-weight:700;margin-bottom:.5rem;position:relative;z-index:1}.btn-quick-connect small{color:#64748b;display:block;font-size:.95rem;line-height:1.5;position:relative;z-index:1}.btn-quick-connect[data-provider=microsoft]:hover:not(:disabled){border-color:#00a4ef;box-shadow:0 12px 32px #00a4ef40}.btn-quick-connect[data-provider=google]:hover:not(:disabled){border-color:#4285f4;box-shadow:0 12px 32px #4285f440}.btn-quick-connect[data-provider=dynamics365]:hover:not(:disabled){border-color:#0078d4;box-shadow:0 12px 32px #0078d440}.btn-quick-connect.connected{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;cursor:not-allowed;opacity:.8}.btn-quick-connect.connected:hover{box-shadow:none;transform:none}.btn-quick-connect.connected:before{display:none}.btn-quick-connect:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn-quick-connect.loading{justify-content:center;opacity:.9;pointer-events:none}.btn-quick-connect .checkmark{animation:checkmarkPop .5s cubic-bezier(.175,.885,.32,1.275);color:#10b981;font-size:1.3rem;font-weight:700;margin-left:.5rem}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.connections-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));position:relative;z-index:1}.connection-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.connection-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.connection-card:hover{border-color:#667eea;box-shadow:0 16px 48px #667eea33;transform:translateY(-6px)}.card-icon{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;font-size:3.5rem;height:70px;justify-content:center;margin-bottom:1.25rem;width:70px}.card-content{margin-bottom:1.5rem}.card-content h3{align-items:center;color:#1e293b;display:flex;flex-wrap:wrap;font-size:1.35rem;font-weight:800;gap:.75rem;letter-spacing:-.025em;margin:0 0 .75rem}.provider-badge{align-items:center;animation:fadeIn .3s ease;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1.5px solid #38bdf8;border-radius:12px;color:#0369a1;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.provider-badge.oauth{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);border-color:#8b5cf6;color:#5b21b6}.provider-badge.crm{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.card-type{color:#64748b;font-size:1rem;font-weight:500;margin-bottom:.75rem}.card-email{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;margin-bottom:.5rem}.card-email,.card-user{border-radius:8px;display:inline-block;font-size:.95rem;font-weight:600;padding:.5rem 1rem}.card-user{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed;margin-bottom:.75rem}.card-date{border-top:1px solid #f1f5f9;color:#94a3b8;font-size:.85rem;margin-top:1rem;padding-top:.75rem}.card-actions{border-top:2px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:.75rem;padding-top:1.5rem}.btn-action{border:2px solid #e2e8f0;border-radius:10px;color:#64748b;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.btn-action:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.btn-action.btn-edit:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;color:#3b82f6}.btn-action.btn-delete:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);box-shadow:0 4px 12px #ef444433;color:#ef4444}.connections-content-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-header{align-items:center;background:linear-gradient(135deg,#2e6155,#1e3a32);border-radius:20px;box-shadow:0 12px 40px #2e61554d;color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:40px;position:relative;z-index:1}.page-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.page-header:after{content:"🔌";font-size:100px;opacity:.1;position:absolute;right:40px;top:50%;transform:translateY(-50%)}.page-header h1,.page-header>div{position:relative;z-index:1}.page-header h1{color:#fff;font-size:40px;font-weight:800;letter-spacing:-.025em;margin:0 0 10px;text-shadow:0 2px 8px #0003}.page-subtitle{font-size:17px;font-weight:400;margin:0;opacity:.95;position:relative;text-shadow:0 1px 4px #00000026;z-index:1}.connections-btn-primary{background:linear-gradient(135deg,#34d399,#10b981);border:none;border-radius:14px;box-shadow:0 4px 16px #34d39966;color:#fff;cursor:pointer;font-size:15px;font-weight:700;overflow:hidden;padding:14px 28px;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.connections-btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.connections-btn-primary:hover:before{left:100%}.connections-btn-primary:hover{box-shadow:0 12px 32px #34d39980;transform:translateY(-3px) scale(1.02)}.connections-btn-primary:active{transform:translateY(-1px) scale(1)}.loading-container{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.spinner{border:4px solid #e2e8f0;border-top-color:#2e6155;height:48px;margin-bottom:20px;width:48px}.connections-table-container{padding:0 24px 24px}.connections-table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow:hidden;width:100%}.connections-table thead th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;letter-spacing:.05em;padding:16px 20px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.connections-table tbody tr{background:#fff;border-bottom:1px solid #f1f5f9;transition:all .2s ease-in-out}.connections-table tbody tr:hover{background:#f8fafc;box-shadow:0 2px 4px -1px #0000001a}.connections-table td{color:#334155;font-size:14px;font-weight:500;padding:16px 20px;vertical-align:middle}.connection-name{align-items:center;display:flex;font-weight:500;gap:10px}.connection-name .icon{font-size:20px}.status-badge{align-items:center;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000014;display:inline-flex;font-size:.75rem;font-weight:700;height:32px;justify-content:center;letter-spacing:.05em;min-width:100px;padding:0 16px;text-align:center;transition:all .3s ease}.status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#065f46}.status-badge.active:hover{box-shadow:0 4px 12px #0596694d;transform:scale(1.05)}.status-badge.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#991b1b}.status-badge.error:hover{box-shadow:0 4px 12px #ef44444d;transform:scale(1.05)}.status-badge.inactive{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;color:#374151}.status-badge.inactive:hover{box-shadow:0 4px 12px #6b728033;transform:scale(1.05)}.action-buttons{display:flex;gap:6px;justify-content:flex-start;padding:0}.btn-action{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;padding:6px;transition:all .2s ease-in-out;width:32px}.btn-action:hover{background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f633;color:#fff;transform:translateY(-1px)}.btn-action.btn-delete{color:#ef4444}.btn-action.btn-delete:hover{background:#ef4444;border-color:#ef4444;box-shadow:0 4px 16px #ef44444d;color:#fff}.empty-state{padding:0!important}.empty-state-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state-content h3{color:#333;font-size:20px;margin:0 0 10px}.empty-state-content p{color:#666;font-size:14px;margin:0 0 30px}@media (max-width:1024px){.connections-page{padding:24px}.connections-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.connections-page{padding:20px}.page-header{align-items:flex-start;flex-direction:column;gap:16px;padding:24px}.page-header h1{font-size:32px}.empty-state-container{padding:3rem 2rem}.quick-connect-buttons{gap:1.25rem;grid-template-columns:1fr}.connections-grid{gap:1.5rem;grid-template-columns:1fr}.connections-table-container{padding:0 16px 24px}.connections-table{display:block;overflow-x:auto}.connections-table thead{display:none}.connections-table tbody tr{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 4px 16px #00000014;display:block;margin-bottom:16px;padding:16px}.connections-table tbody tr:hover{box-shadow:0 8px 24px #0000001f}.connections-table td{border:none;border-bottom:1px solid #e2e8f04d;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.connections-table td:last-child{border-bottom:none}.connections-table td:before{color:#2e6155;content:attr(data-label);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.action-buttons{flex-direction:row;gap:8px;justify-content:center}}@media (max-width:480px){.connections-page{padding:16px}.page-header{padding:20px}.page-header h1{font-size:28px}.empty-state-container{padding:2.5rem 1.5rem}.empty-state-container h2{font-size:1.5rem}.empty-state-container p{font-size:1rem}.btn-quick-connect{min-height:200px;min-width:240px;padding:1.5rem}.btn-quick-connect strong{font-size:1.1rem}.btn-quick-connect small{font-size:.85rem}.connection-card{padding:1.5rem}}.card-capabilities{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.capability-badge{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1.5px solid #bae6fd;border-radius:20px;box-shadow:0 2px 4px #06b6d41a;color:#0c4a6e;display:inline-flex;font-size:.85rem;font-weight:600;padding:.45rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.capability-badge:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#06b6d4;box-shadow:0 4px 12px #06b6d440;transform:translateY(-2px) scale(1.05)}.oauth-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.oauth-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:480px;overflow-y:auto;position:relative;width:90%}.oauth-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px}.oauth-modal-close:hover:not(:disabled){background:#0000000d;color:#333}.oauth-modal-close:disabled{cursor:not-allowed;opacity:.3}.oauth-modal-content{padding:48px 40px 40px;text-align:center}.oauth-modal-content.microsoft{border-top:4px solid #00a4ef}.oauth-modal-content.google{border-top:4px solid #4285f4}.oauth-logo{align-items:center;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001f;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.oauth-modal-content.microsoft .oauth-logo{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.oauth-modal-content.google .oauth-logo{background:#fff}.oauth-logo svg{height:48px;width:48px}.oauth-modal-title{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 16px}.oauth-modal-content.microsoft .oauth-modal-title{color:#00a4ef}.oauth-modal-content.google .oauth-modal-title{color:#4285f4}.oauth-modal-description{color:#666;font-size:15px;line-height:1.6;margin:0 0 24px}.oauth-connecting-btn{align-items:center;border:none;border-radius:12px;cursor:not-allowed;display:inline-flex;font-size:16px;font-weight:600;gap:12px;margin:0 0 24px;padding:14px 32px;transition:all .3s ease}.oauth-modal-content.microsoft .oauth-connecting-btn{background:linear-gradient(135deg,#00a4ef,#0078d4);color:#fff}.oauth-modal-content.google .oauth-connecting-btn{background:linear-gradient(135deg,#4285f4,#1967d2);color:#fff}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.oauth-success-icon{animation:successPop .6s cubic-bezier(.175,.885,.32,1.275);margin:2rem auto}.oauth-success-icon svg{display:block;filter:drop-shadow(0 4px 12px rgba(16,185,129,.4))}.oauth-success-icon circle{animation:successCircle .6s ease}.oauth-success-icon path{stroke-dasharray:50;stroke-dashoffset:50;animation:successCheck .4s ease .3s forwards}@keyframes successCircle{0%{r:0}to{r:40}}@keyframes successCheck{to{stroke-dashoffset:0}}.oauth-permissions{background:linear-gradient(135deg,#f8f9fa,#f1f3f5);border:1px solid #e9ecef;border-radius:12px;display:flex;gap:16px;margin:0 0 24px;padding:20px;text-align:left}.oauth-permissions-icon{flex-shrink:0;font-size:24px}.oauth-permissions-content{flex:1 1}.oauth-permissions-content strong{color:#1a1a1a;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.oauth-permissions-content ul{list-style:none;margin:0;padding:0 0 0 20px}.oauth-permissions-content li{color:#666;font-size:14px;line-height:1.8;padding-left:8px;position:relative}.oauth-permissions-content li:before{content:"•";font-weight:700;left:-8px;position:absolute}.oauth-modal-content.microsoft .oauth-permissions-content li:before{color:#00a4ef}.oauth-modal-content.google .oauth-permissions-content li:before{color:#4285f4}.oauth-cancel-btn{background:#fff;border:2px solid #e9ecef;border-radius:10px;color:#666;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:all .2s ease}.oauth-cancel-btn:hover{background:#f8f9fa;border-color:#d1d5db;color:#333;transform:translateY(-1px)}@media (max-width:640px){.oauth-modal{margin:20px;width:95%}.oauth-modal-content{padding:40px 24px 24px}.oauth-modal-title{font-size:20px}.oauth-modal-description{font-size:14px}.oauth-permissions{padding:16px}}.selection-modal{max-width:600px!important}.selection-modal-content h2{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.selection-description{color:#64748b;font-size:1rem;margin-bottom:2rem}.connection-options{grid-gap:1rem;display:grid;gap:1rem}.connection-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;gap:1.25rem;padding:1.5rem;text-align:left;transition:all .3s ease;width:100%}.connection-option:hover:not(:disabled){border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateY(-2px)}.connection-option:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.5}.connection-option.microsoft:hover:not(:disabled){border-color:#00a4ef;box-shadow:0 8px 20px #00a4ef26}.connection-option.google:hover:not(:disabled){border-color:#ea4335;box-shadow:0 8px 20px #ea433526}.connection-option.dynamics:hover:not(:disabled){border-color:#0078d4;box-shadow:0 8px 20px #0078d426}.connection-option.other:hover:not(:disabled){border-color:#667eea;box-shadow:0 8px 20px #667eea26}.option-icon{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f1f3f5);border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.option-content{flex:1 1;position:relative}.option-content h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.option-content p{color:#64748b;font-size:.9rem;margin:0}.option-status{align-items:center;animation:fadeIn .3s ease;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1.5px solid #10b981;border-radius:12px;color:#047857;display:inline-flex;font-size:.75rem;font-weight:700;padding:.25rem .75rem;position:absolute;right:0;top:0}@media (max-width:768px){.selection-modal{margin:1rem;max-width:95%!important}.option-icon{font-size:2rem;height:50px;width:50px}.option-content h3{font-size:1.1rem}.option-content p{font-size:.85rem}}.custom-tables-list{background:#f5f7fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.tables-header{align-items:center;border-bottom:2px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:20px}.header-title h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0 0 8px}.header-title .subtitle{color:#7f8c8d;font-size:1.1rem;margin:0}.btn-create-table{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;padding:14px 28px;transition:all .3s ease}.btn-create-table:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.loading-state{padding:80px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 20px;width:50px}.loading-state p{color:#7f8c8d;font-size:1.1rem}.error-state{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d;margin:40px auto;max-width:500px;padding:60px 20px;text-align:center}.error-icon{font-size:4rem;margin-bottom:20px}.error-state p{color:#e74c3c;font-size:1.1rem;margin-bottom:20px}.btn-retry{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 28px;transition:background .3s ease}.btn-retry:hover{background:#2980b9}.empty-tables{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;margin:40px auto;max-width:600px;padding:80px 20px;text-align:center}.empty-icon{font-size:6rem;margin-bottom:24px;opacity:.7}.empty-tables h2{color:#2c3e50;font-size:2rem;margin:0 0 12px}.empty-tables p{color:#7f8c8d;font-size:1.15rem;margin:0 0 32px}.btn-primary-large{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 6px 20px #667eea4d;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:600;padding:16px 40px;transition:all .3s ease}.btn-primary-large:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.tables-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:20px 0}.table-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.table-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.table-card:hover:before{transform:scaleX(1)}.table-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.card-icon{font-size:3rem;margin-bottom:16px;text-align:center}.card-content{flex:1 1}.card-title{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0 0 16px;text-align:center}.card-meta{border-bottom:1px solid #ecf0f1;border-top:1px solid #ecf0f1;display:flex;gap:20px;justify-content:center;margin-bottom:12px;padding:12px 0}.meta-item{align-items:center;color:#7f8c8d;display:flex;font-size:.95rem;gap:4px}.card-footer{color:#95a5a6;font-size:.85rem;margin-top:12px;text-align:center}.card-arrow{color:#667eea;font-size:1.5rem;opacity:0;position:absolute;right:20px;top:20px;transform:translateX(-10px);transition:all .3s ease}.table-card:hover .card-arrow{opacity:1;transform:translateX(0)}@media (max-width:768px){.custom-tables-list{padding:20px}.tables-header{align-items:flex-start;flex-direction:column;gap:20px}.header-title h1{font-size:2rem}.btn-create-table{padding:16px;width:100%}.tables-grid{gap:16px;grid-template-columns:1fr}.table-card{padding:20px}.card-icon{font-size:2.5rem}.card-title{font-size:1.2rem}.card-meta{align-items:center;flex-direction:column;gap:8px}}@media (max-width:480px){.header-title h1{font-size:1.6rem}.empty-tables{padding:60px 20px}.empty-icon{font-size:4rem}.empty-tables h2{font-size:1.6rem}}.files-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.files-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.files-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1.5rem}.files-modal-header h3{color:#fff;font-size:1.3rem;margin:0}.files-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:36px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:36px}.files-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.files-modal-body{max-height:calc(80vh - 100px);overflow-y:auto;padding:1.5rem}.files-modal-body::-webkit-scrollbar{width:8px}.files-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.files-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.files-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.files-modal-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.files-modal-item:hover{background:#e3f2fd;border-color:#90caf9;transform:translateX(4px)}.file-icon{flex-shrink:0;font-size:1.5rem}.file-modal-link{color:#0284c7;flex:1 1;font-size:1rem;font-weight:500;text-decoration:none;word-break:break-all}.file-modal-link:hover{color:#0369a1;text-decoration:underline}.file-download-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;justify-content:center;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease}.file-download-btn:hover{background:#059669;transform:scale(1.1)}@media (max-width:768px){.files-modal-content{max-height:90vh;width:95%}.files-modal-header{padding:1rem}.files-modal-header h3{font-size:1.1rem}.files-modal-body{padding:1rem}.files-modal-item{gap:.5rem;padding:.75rem}.file-icon{font-size:1.2rem}.file-modal-link{font-size:.9rem}}.tableviewer-container{background:#f5f7fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.tableviewer-header{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:2rem}.tableviewer-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.tableviewer-btn-back{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;color:#495057;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.tableviewer-btn-back:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateX(-4px)}.tableviewer-title{align-items:center;display:flex;flex:1 1;gap:1rem}.tableviewer-title-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3rem}.tableviewer-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:700;margin:0}.tableviewer-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.875rem}.tableviewer-search-input{background:#f8f9fa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");background-position:left 1rem center;background-repeat:no-repeat;background-size:16px 16px;border:2px solid #e5e7eb;border-radius:10px;flex:1 1;font-size:.95rem;min-width:280px;padding:.875rem 1.25rem .875rem 2.75rem;transition:all .3s ease}.tableviewer-search-input:focus,.tableviewer-search-input:hover{background-color:#fff;border-color:#667eea}.tableviewer-search-input:focus{box-shadow:0 0 0 4px #667eea1a;outline:none}.tableviewer-btn-manage-columns{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#667eea;cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.tableviewer-btn-manage-columns:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.tableviewer-btn-manage-columns:hover{border-color:#0000;box-shadow:0 6px 20px #667eea4d;color:#fff;transform:translateY(-2px)}.tableviewer-btn-manage-columns:hover:before{left:0}.tableviewer-btn-filters{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#667eea;cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.tableviewer-btn-filters:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.tableviewer-btn-filters:hover{border-color:#0000;box-shadow:0 6px 20px #667eea4d;color:#fff;transform:translateY(-2px)}.tableviewer-btn-filters:hover:before{left:0}.tableviewer-btn-template{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:10px;box-shadow:0 4px 12px #f59e0b40,0 2px 6px #f59e0b26;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tableviewer-btn-template:before{background:linear-gradient(135deg,#ffffff26,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tableviewer-btn-template:hover{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 6px 20px #f59e0b59,0 3px 10px #f59e0b33;transform:translateY(-2px)}.tableviewer-btn-template:hover:before{opacity:1}.tableviewer-btn-template:active{transform:translateY(0)}.tableviewer-btn-template svg{font-size:1.1rem}.tableviewer-btn-export{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:10px;box-shadow:0 4px 12px #05966940,0 2px 6px #05966926;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tableviewer-btn-export:before{background:linear-gradient(135deg,#ffffff26,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tableviewer-btn-export:hover{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 6px 20px #05966959,0 3px 10px #05966933;transform:translateY(-2px)}.tableviewer-btn-export:hover:before{opacity:1}.tableviewer-btn-export:active{transform:translateY(0)}.tableviewer-btn-export svg{font-size:1.1rem}.tableviewer-btn-import{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:10px;box-shadow:0 4px 12px #8b5cf640,0 2px 6px #8b5cf626;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tableviewer-btn-import:before{background:linear-gradient(135deg,#ffffff26,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tableviewer-btn-import:hover{background:linear-gradient(135deg,#a78bfa,#c4b5fd);box-shadow:0 6px 20px #8b5cf659,0 3px 10px #8b5cf633;transform:translateY(-2px)}.tableviewer-btn-import:hover:before{opacity:1}.tableviewer-btn-import:active{transform:translateY(0)}.tableviewer-btn-import svg{font-size:1.2rem}.tableviewer-btn-filters.active{border-color:#0000;box-shadow:0 4px 15px #667eea66}.tableviewer-btn-create,.tableviewer-btn-filters.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tableviewer-btn-create{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d,0 2px 6px #667eea26;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tableviewer-btn-create:before{background:linear-gradient(135deg,#ffffff26,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tableviewer-btn-create:hover{background:linear-gradient(135deg,#764ba2,#8b60d3);box-shadow:0 6px 20px #667eea66,0 3px 10px #667eea40;transform:translateY(-2px)}.tableviewer-btn-create:hover:before{opacity:1}.tableviewer-btn-create:active{transform:translateY(0)}.tableviewer-empty-records{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:4rem 2rem;text-align:center}.tableviewer-empty-icon{font-size:5rem;margin-bottom:1rem;opacity:.5}.tableviewer-empty-records h3{color:#333;font-size:1.5rem;margin-bottom:.5rem}.tableviewer-empty-records p{color:#666;margin-bottom:2rem}.tableviewer-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.tableviewer-btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.tableviewer-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.tableviewer-data-table{border-collapse:collapse;width:100%}.tableviewer-data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.tableviewer-data-table thead:after{background:#fff3;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.tableviewer-data-table th{font-size:.9rem;font-weight:700;letter-spacing:.8px;padding:1.25rem 1.75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.tableviewer-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .3s ease}.tableviewer-data-table tbody tr:hover{background:linear-gradient(90deg,#f8f9ff 0,#f0f4ff);box-shadow:0 2px 8px #667eea14;transform:scale(1.001)}.tableviewer-data-table tbody tr:last-child{border-bottom:none}.tableviewer-data-table td{color:#374151;font-size:.95rem;padding:1.25rem 1.75rem;vertical-align:middle}.tableviewer-actions-column{text-align:center;width:200px}.tableviewer-actions-cell{align-items:center;display:flex;gap:.625rem;justify-content:center}.tableviewer-btn-delete-sm,.tableviewer-btn-edit-sm{border:none;border-radius:8px;box-shadow:0 2px 8px #00000014;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.125rem;transition:all .3s ease;white-space:nowrap}.tableviewer-btn-edit-sm{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.tableviewer-btn-edit-sm:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.tableviewer-btn-edit-sm:active{transform:translateY(0)}.tableviewer-btn-delete-sm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.tableviewer-btn-delete-sm:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.tableviewer-btn-delete-sm:active{transform:translateY(0)}.tableviewer-loading-state{color:#666;font-size:1.25rem;padding:4rem;text-align:center}@media (max-width:1024px){.tableviewer-container{padding:1rem}.tableviewer-header{align-items:flex-start;flex-direction:column;gap:1rem}.tableviewer-header-actions{flex-direction:column;width:100%}.tableviewer-btn-create,.tableviewer-btn-export,.tableviewer-btn-filters,.tableviewer-btn-import,.tableviewer-btn-manage-columns,.tableviewer-btn-template,.tableviewer-search-input{width:100%}.tableviewer-table-wrapper{overflow-x:auto}.tableviewer-data-table{min-width:800px}}@media (max-width:768px){.tableviewer-title h1{font-size:1.5rem}.tableviewer-title-icon{font-size:2rem}.tableviewer-data-table td,.tableviewer-data-table th{font-size:.9rem;padding:.75rem 1rem}}.tableviewer-file-count-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.125rem;transition:all .3s ease;white-space:nowrap}.tableviewer-file-count-badge:hover{box-shadow:0 4px 16px #667eea80;transform:translateY(-2px) scale(1.05)}.tableviewer-file-count-badge:active{transform:translateY(0) scale(1)}.tableviewer-column-manager-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.tableviewer-column-manager-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.tableviewer-column-manager-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1.5rem}.tableviewer-column-manager-header h3{color:#fff;font-size:1.3rem;margin:0}.tableviewer-btn-close-modal{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:36px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:36px}.tableviewer-btn-close-modal:hover{background:#ffffff4d;transform:rotate(90deg)}.tableviewer-column-manager-body{max-height:calc(80vh - 180px);overflow-y:auto;padding:1.5rem}.tableviewer-column-manager-hint{color:#666;font-size:.95rem;margin-bottom:1.5rem;text-align:center}.tableviewer-columns-checklist{display:flex;flex-direction:column;gap:.75rem}.tableviewer-column-checkbox-item{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:move;display:flex;padding:1rem;position:relative;transition:all .2s ease}.tableviewer-column-checkbox-item:hover{background:#e3f2fd;border-color:#90caf9;transform:translateX(4px)}.tableviewer-column-checkbox-item.dragging{background:#fff3cd;border-color:#ffc107;opacity:.4}.tableviewer-column-checkbox-item.drag-over{background:#d1e7dd;border-color:#198754;border-style:dashed;transform:scale(1.02)}.tableviewer-drag-handle{align-items:center;color:#999;cursor:grab;display:flex;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;margin-right:.75rem;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:32px}.tableviewer-drag-handle:active{cursor:grabbing}.tableviewer-column-checkbox-item:hover .tableviewer-drag-handle{color:#667eea}.tableviewer-column-label{align-items:center;cursor:pointer;display:flex;flex:1 1}.tableviewer-column-label input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;margin-right:1rem;width:20px}.tableviewer-column-checkbox-name{color:#333;flex:1 1;font-size:1rem;font-weight:600}.tableviewer-column-checkbox-type{background:#e0e0e0;border-radius:12px;color:#666;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.tableviewer-column-manager-footer{background:#fafafa;border-radius:0 0 12px 12px;border-top:2px solid #f0f0f0;display:flex;gap:1rem;padding:1.5rem}.tableviewer-btn-cancel-columns,.tableviewer-btn-save-columns{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem;transition:all .2s ease}.tableviewer-btn-cancel-columns{background:#fff;border:2px solid #e0e0e0;color:#666}.tableviewer-btn-cancel-columns:hover{background:#f5f5f5;border-color:#ccc}.tableviewer-btn-save-columns{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.tableviewer-btn-save-columns:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.tableviewer-btn-save-columns:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.tableviewer-column-manager-modal{max-height:90vh;width:95%}.tableviewer-column-manager-body,.tableviewer-column-manager-footer,.tableviewer-column-manager-header{padding:1rem}.tableviewer-column-checkbox-item{padding:.75rem}.tableviewer-column-checkbox-name{font-size:.9rem}}.tableviewer-lookup-value{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;color:#0c4a6e;cursor:help;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem .875rem;transition:all .3s ease}.tableviewer-lookup-icon{flex-shrink:0;font-size:1.1rem;line-height:1}.tableviewer-lookup-value:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#667eea;box-shadow:0 4px 12px #667eea40;transform:translateY(-2px)}.tableviewer-pagination{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding:1.5rem}.tableviewer-pagination-info{color:#6b7280;font-size:.95rem;font-weight:500}.tableviewer-pagination-controls{align-items:center;display:flex;gap:.5rem}.tableviewer-pagination-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:600;padding:.625rem 1rem;transition:all .3s ease;white-space:nowrap}.tableviewer-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.tableviewer-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.tableviewer-pagination-current{color:#667eea;font-size:.95rem;font-weight:600;padding:.625rem 1rem}.tableviewer-pagination-size{align-items:center;display:flex;gap:.625rem}.tableviewer-pagination-size label{color:#6b7280;font-size:.95rem;font-weight:500}.tableviewer-pagination-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:600;padding:.625rem 1rem;transition:all .3s ease}.tableviewer-pagination-select:hover{background-color:#f8f9ff;border-color:#667eea}.tableviewer-pagination-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}@media (max-width:1024px){.tableviewer-header{flex-direction:column;gap:1rem}.tableviewer-header-left{width:100%}.tableviewer-header-actions{flex-wrap:wrap;width:100%}.tableviewer-search-input{flex:1 1;min-width:200px}}@media (max-width:768px){.tableviewer-container,.tableviewer-header{padding:1rem}.tableviewer-title h1{font-size:1.5rem}.tableviewer-btn-back{font-size:.9rem;padding:.5rem 1rem}.tableviewer-btn-create,.tableviewer-btn-export,.tableviewer-btn-import,.tableviewer-btn-manage-columns,.tableviewer-btn-template{font-size:.9rem;padding:.6rem 1rem}.tableviewer-pagination{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.tableviewer-pagination-info{font-size:.85rem;text-align:center}.tableviewer-pagination-controls{flex-wrap:wrap;justify-content:center}.tableviewer-pagination-btn,.tableviewer-pagination-current{font-size:.85rem;padding:.5rem .75rem}.tableviewer-pagination-size{justify-content:center}.tableviewer-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.tableviewer-data-table{min-width:600px}.tableviewer-data-table td,.tableviewer-data-table th{font-size:.85rem;padding:.75rem .5rem}.tableviewer-actions-cell{min-width:140px}.tableviewer-btn-delete-sm,.tableviewer-btn-edit-sm{font-size:.8rem;padding:.4rem .8rem}.tableviewer-empty-records{padding:2rem 1rem}.tableviewer-empty-icon{font-size:3rem}.tableviewer-empty-records h3{font-size:1.2rem}.tableviewer-empty-records p{font-size:.9rem}}@media (max-width:480px){.tableviewer-container{padding:.5rem}.tableviewer-header{padding:.75rem}.tableviewer-title{align-items:flex-start;flex-direction:column;gap:.25rem}.tableviewer-title-icon{font-size:1.5rem}.tableviewer-title h1{font-size:1.25rem}.tableviewer-header-actions{flex-direction:column;width:100%}.btn-manage-columns,.tableviewer-btn-create,.tableviewer-btn-export,.tableviewer-btn-import,.tableviewer-btn-template,.tableviewer-search-input{width:100%}.tableviewer-data-table{border:none}.tableviewer-data-table thead{display:none}.tableviewer-data-table tbody{display:block}.tableviewer-data-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:block;margin-bottom:1rem}.tableviewer-data-table td{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem}.tableviewer-data-table td:last-child{border-bottom:none}.tableviewer-data-table td:before{color:#667eea;content:attr(data-label);font-weight:600;margin-right:1rem;min-width:100px}.tableviewer-actions-cell{border-top:2px solid #f3f4f6;display:flex;gap:.5rem;padding:.75rem!important}.tableviewer-actions-cell:before{display:none}.tableviewer-btn-delete-sm,.tableviewer-btn-edit-sm{flex:1 1;font-size:.85rem;padding:.6rem}.tableviewer-lookup-value{flex-direction:column;font-size:.85rem;gap:.25rem;padding:.5rem}.tableviewer-lookup-icon{font-size:1.3rem}.tableviewer-file-count-badge{font-size:.85rem;padding:.5rem .75rem}}@media (max-width:640px){.tableviewer-column-manager-modal{max-height:90vh;width:95%}.tableviewer-column-manager-body,.tableviewer-column-manager-footer,.tableviewer-column-manager-header{padding:1rem}.tableviewer-column-checkbox-item{padding:.75rem}.tableviewer-column-checkbox-name{font-size:.9rem}}.tableviewer-filters-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.tableviewer-filters-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:600px;width:90%}.tableviewer-filters-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1.5rem}.tableviewer-filters-modal-header h3{color:#fff;font-size:1.3rem;margin:0}.tableviewer-filters-modal-body{max-height:calc(85vh - 180px);overflow-y:auto;padding:2rem}.tableviewer-filter-group{margin-bottom:1.5rem}.tableviewer-filter-group:last-of-type{margin-bottom:0}.tableviewer-filter-group label{align-items:center;color:#333;display:block;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.tableviewer-filter-group label:before{color:#667eea;content:"•";font-size:1.5rem;line-height:1}.tableviewer-filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23667eea' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;padding:.875rem 3rem .875rem 1.25rem;transition:all .2s ease;width:100%}.tableviewer-filter-select:hover{background-color:#f8f9ff;border-color:#667eea}.tableviewer-filter-select:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.tableviewer-filter-select option{padding:.5rem}.tableviewer-filter-input{border:2px solid #e0e0e0;border-radius:8px;color:#333;font-size:1rem;padding:.875rem 1.25rem;transition:all .2s ease;width:100%}.tableviewer-filter-input:hover{background-color:#f8f9ff;border-color:#667eea}.tableviewer-filter-input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.tableviewer-filter-input::placeholder{color:#999}.tableviewer-filter-info{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;color:#667eea;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-top:1.5rem;padding:.875rem 1rem}.tableviewer-filters-modal-footer{background:#fafafa;border-radius:0 0 12px 12px;border-top:2px solid #f0f0f0;display:flex;gap:1rem;padding:1.5rem}.tableviewer-btn-clear-filters{background:#fff;border:2px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem;transition:all .3s ease;white-space:nowrap}.tableviewer-btn-clear-filters:hover{background:#ef4444;box-shadow:0 4px 15px #ef44444d;color:#fff;transform:translateY(-2px)}.tableviewer-btn-clear-filters:active{transform:translateY(0)}.tableviewer-btn-apply-filters{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem;transition:all .3s ease}.tableviewer-btn-apply-filters:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.tableviewer-btn-apply-filters:active{transform:translateY(0)}.tableviewer-logic-operator-row{align-items:center;display:flex;justify-content:center;margin:15px 0}.tableviewer-logic-operator-buttons{background:#f0f0f0;border-radius:8px;display:flex;gap:10px;padding:8px}.tableviewer-logic-btn{background:#fff;border:2px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .3s ease}.tableviewer-logic-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.tableviewer-logic-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.tableviewer-btn-add-filter{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:10px;padding:10px;transition:all .3s ease;width:100%}.tableviewer-btn-add-filter:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.tableviewer-btn-remove-filter{background:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.tableviewer-btn-remove-filter:hover{background:#c00;transform:scale(1.05)}@media (max-width:768px){.tableviewer-filters-modal{max-height:90vh;max-width:none;width:95%}.tableviewer-filters-modal-header{padding:1.25rem}.tableviewer-filters-modal-header h3{font-size:1.15rem}.tableviewer-filters-modal-body{padding:1.5rem}.tableviewer-filter-group label{font-size:.9rem}.tableviewer-filter-input,.tableviewer-filter-select{font-size:.9rem;padding:.75rem 1rem}.tableviewer-filter-select{background-position:right .75rem center;padding-right:2.5rem}.tableviewer-filter-info{font-size:.85rem;padding:.75rem .875rem}.tableviewer-filters-modal-footer{padding:1.25rem}.tableviewer-btn-apply-filters,.tableviewer-btn-clear-filters{font-size:.9rem}.tableviewer-btn-filters{font-size:.9rem;padding:.6rem 1rem}}@media (max-width:480px){.tableviewer-filters-modal{max-height:95vh;width:98%}.tableviewer-filters-modal-header{padding:1rem}.tableviewer-filters-modal-header h3{font-size:1rem}.tableviewer-filters-modal-body{padding:1rem}.tableviewer-filter-group{margin-bottom:1.25rem}.tableviewer-filter-group label{font-size:.85rem;margin-bottom:.5rem}.tableviewer-filter-input,.tableviewer-filter-select{font-size:.85rem;padding:.625rem .875rem}.tableviewer-filter-select{background-position:right .625rem center;padding-right:2.25rem}.tableviewer-filter-info{font-size:.8rem;padding:.625rem .75rem}.tableviewer-filters-modal-footer{gap:.75rem;padding:1rem}.tableviewer-btn-apply-filters,.tableviewer-btn-clear-filters{font-size:.85rem;padding:.75rem}}.custom-table-record-view-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1f2937;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;min-height:100vh;padding:32px}.custom-table-record-view__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;max-width:1400px;padding:20px 0;width:100%}.custom-table-record-view__header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;flex-grow:1;font-size:42px;font-weight:700;margin:0;text-align:center}.custom-table-record-view__back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;border-radius:12px;color:#667eea;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.custom-table-record-view__back-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d;color:#fff;transform:translateY(-2px)}.custom-table-record-view__form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;display:flex;gap:0;max-width:1400px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.custom-table-record-view__form-container--single-column{justify-content:center;max-width:800px}.custom-table-record-view__form-container--single-column .custom-table-record-view__details{border-right:none;max-width:100%}.custom-table-record-view__details{background:#f8fafc80;border-right:1px solid #e2e8f080;flex:1 1;max-height:calc(100vh - 200px);overflow-y:auto;padding:40px}.custom-table-record-view__details-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin:-40px -40px 32px;overflow:hidden;padding:24px;position:relative}.custom-table-record-view__details-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px;position:relative;z-index:1}.custom-table-record-view__details-subtitle{font-size:14px;font-weight:400;margin:0;opacity:.9;position:relative;z-index:1}.custom-table-record-view__form{display:flex;flex-direction:column;gap:24px}.custom-table-record-view__field{display:flex;flex-direction:column;gap:8px}.custom-table-record-view__field label{color:#667eea;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.custom-table-record-view__field .required-star{color:#ef4444;margin-left:4px}.custom-table-record-view__field input,.custom-table-record-view__field select,.custom-table-record-view__field textarea{background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;font-family:Varela Round,sans-serif;font-size:15px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-table-record-view__field input:focus,.custom-table-record-view__field select:focus,.custom-table-record-view__field textarea:focus{border-color:#667eea;box-shadow:0 4px 16px #667eea26;outline:none;transform:translateY(-2px)}.custom-table-record-view__field .disabled-field,.custom-table-record-view__field input:disabled{background:#e2e8f04d;color:#64748b;cursor:not-allowed}.custom-table-record-view__field .checkbox-label{align-items:center;cursor:pointer;display:flex;gap:12px}.custom-table-record-view__field .checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.custom-table-record-view__field .file-field{display:flex;flex-direction:column;gap:12px}.custom-table-record-view__field .uploading-text{color:#667eea;font-size:13px;font-weight:600}.custom-table-record-view__field .files-list{display:flex;flex-direction:column;gap:8px}.custom-table-record-view__field .file-item{align-items:center;background:#ffffffe6;border:1px solid #e2e8f080;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.custom-table-record-view__field .file-link{color:#667eea;flex:1 1;font-weight:600;text-decoration:none}.custom-table-record-view__field .file-link:hover{text-decoration:underline}.custom-table-record-view__field .btn-remove-file{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:6px 12px;transition:all .2s}.custom-table-record-view__field .btn-remove-file:hover{background:#dc2626}.custom-table-record-view__submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:16px;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-table-record-view__submit:hover{box-shadow:0 8px 24px #2e61554d;transform:translateY(-2px)}.custom-table-record-view__submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.custom-table-record-view__timeline-section{background:#ffffff4d;display:flex;flex:1 1;flex-direction:column;gap:24px;max-height:calc(100vh - 200px);overflow-y:auto;padding:40px}.custom-table-record-view__timeline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:16px;overflow:hidden}.custom-table-record-view__timeline-header{background:linear-gradient(135deg,#2e61551a,#34d3991a);border-bottom:1px solid #2e61551a;padding:24px}.custom-table-record-view__timeline-title{color:#667eea;font-size:20px;font-weight:700;margin:0 0 8px}.custom-table-record-view__timeline-subtitle{color:#64748b;font-size:13px;font-weight:500;margin:0}.custom-table-record-view__timeline-content{max-height:600px;min-height:300px;overflow-x:hidden;overflow-y:auto;padding:24px}.custom-table-record-view__timeline-content::-webkit-scrollbar{width:8px}.custom-table-record-view__timeline-content::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:4px}.custom-table-record-view__timeline-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.custom-table-record-view__timeline-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.custom-table-record-view__related{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:16px;overflow:hidden}.custom-table-record-view__related-header{background:linear-gradient(135deg,#2e61551a,#34d3991a);border-bottom:1px solid #2e61551a;padding:24px}.custom-table-record-view__related-title{color:#667eea;font-size:20px;font-weight:700;margin:0 0 8px}.custom-table-record-view__related-subtitle{color:#64748b;font-size:13px;font-weight:500;margin:0}.custom-table-record-view__related-content{max-height:400px;min-height:200px;overflow-x:hidden;overflow-y:auto;padding:24px}.custom-table-record-view__related-content::-webkit-scrollbar{width:8px}.custom-table-record-view__related-content::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:4px}.custom-table-record-view__related-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.custom-table-record-view__related-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.custom-table-record-view__related-list{display:flex;flex-direction:column;gap:12px}.custom-table-record-view__related-item{align-items:center;background:#ffffffe6;border:1px solid #e2e8f080;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-table-record-view__related-item:hover{border-color:#2e61554d;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.custom-table-record-view__related-item-icon{align-items:center;background:linear-gradient(135deg,#2e61551a,#34d3991a);border-radius:12px;display:flex;font-size:32px;height:48px;justify-content:center;min-width:48px}.custom-table-record-view__related-item-info{flex:1 1}.custom-table-record-view__related-item-title{color:#1f2937;font-size:15px;font-weight:700;margin:0 0 4px}.custom-table-record-view__related-item-subtitle{color:#64748b;font-size:13px;margin:0}.custom-table-record-view__empty,.custom-table-record-view__loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.custom-table-record-view__loading-spinner{animation:spin 1s linear infinite;border:4px solid #2e61551a;border-left-color:#667eea;border-radius:50%;height:40px;margin-bottom:16px;width:40px}.custom-table-record-view__empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.custom-table-record-view__empty-text{font-size:16px;font-weight:600;margin:0}@media (max-width:1200px){.custom-table-record-view-container{padding:24px}.custom-table-record-view__form-container{flex-direction:column;max-width:900px}.custom-table-record-view__details{border-bottom:1px solid #e2e8f080;border-right:none;max-height:none}.custom-table-record-view__timeline-section{max-height:none}}@media (max-width:768px){.custom-table-record-view-container{padding:16px}.custom-table-record-view__header h1{font-size:28px}.custom-table-record-view__details,.custom-table-record-view__timeline-section{padding:24px}.custom-table-record-view__details-header,.custom-table-record-view__related-header,.custom-table-record-view__timeline-header{padding:20px}}.email-template-list-container{font-family:Varela Round,sans-serif;min-height:100vh}.email-template-list-container,.email-templates-header-section{background:linear-gradient(135deg,#0c4a6e,#0ea5e9);padding:32px}.email-templates-header-section{border-radius:20px;margin-bottom:32px;overflow:hidden;position:relative}.email-templates-header-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.email-template-list-header{color:#fff;font-size:42px;font-weight:700;margin:0 0 12px;position:relative;z-index:1}.email-templates-subtitle{color:#ffffffe6;font-size:18px;font-weight:400;margin:0;position:relative;z-index:1}.templates-search-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a}.email-add-new-template-button{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0ea5e9);border:none;border-radius:16px;box-shadow:0 8px 16px #0ea5e94d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:10px;overflow:hidden;padding:14px 28px;position:relative;text-decoration:none;transition:all .3s ease}.email-add-new-template-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.email-add-new-template-button:hover:before{left:100%}.email-add-new-template-button:hover{box-shadow:0 12px 24px #0ea5e966;transform:translateY(-2px)}.email-add-new-template-button svg{font-size:20px}.email-templates-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0c4a6e,#0ea5e9);border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 8px 16px #0000000d;flex:1 1;min-width:200px;padding:24px;text-align:center;transition:all .3s ease}.email-templates-stat-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.email-templates-stat-number{color:#fff;font-size:32px;font-weight:700;line-height:1;margin-bottom:8px}.email-templates-stat-label{color:#ffffffe6;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.template-list-table tbody tr:hover{background:#0ea5e90d}.category-badge.general{background:#dbeafe;color:#1e40af}.category-badge.promotional{background:#fef3c7;color:#92400e}.category-badge.transactional{background:#e0f2fe;color:#0c4a6e}.category-badge.follow-up{background:#fce7f3;color:#9f1239}.category-badge.newsletter{background:#bfdbfe;color:#1e40af}.type-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.type-badge.html{background:#e0e7ff;color:#3730a3}.type-badge.text{background:#f3f4f6;color:#4b5563}.subject-preview-cell{color:#6b7280;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-edit-button{color:#0ea5e9}.template-edit-button:hover{background:#0ea5e91a}.modal-content{max-width:800px}.modal-header{background:linear-gradient(135deg,#0c4a6e0d,#0ea5e90d)}.modal-header h2{color:#0c4a6e}.form-group input[type=text],.form-group select,.form-group textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-family:Varela Round,sans-serif;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.form-group textarea{font-family:Courier New,monospace}.form-group input[type=checkbox]{margin-right:8px;width:auto}.btn-ai-generate{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:10px;box-shadow:0 4px 12px #0ea5e94d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-ai-generate:hover{box-shadow:0 6px 16px #0ea5e966;transform:translateY(-2px)}.ai-prompt-section{background:#f8fafc;border:2px solid #e0e7ff;border-radius:12px;margin-bottom:24px;padding:16px}.ai-prompt-section textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:Varela Round,sans-serif;font-size:14px;margin-bottom:12px;padding:12px;width:100%}.ai-actions{display:flex;gap:12px}.btn-generate{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-generate:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-generate:disabled{cursor:not-allowed;opacity:.6}.btn-cancel-ai{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.btn-cancel-ai:hover{background:#f1f5f9;border-color:#cbd5e1}.variable-buttons button{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.btn-save-template,.variable-buttons button:hover{box-shadow:0 4px 12px #0ea5e94d}.btn-save-template{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.btn-save-template:hover:not(:disabled){box-shadow:0 6px 16px #0ea5e966;transform:translateY(-2px)}.btn-save-template:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.template-list-container{padding:16px}.templates-content-card{border-radius:16px;padding:20px}.template-list-header{font-size:28px}.templates-subtitle{font-size:14px}.templates-search-section{align-items:stretch;flex-direction:column}.templates-search-container{max-width:100%}.templates-stats{gap:12px}.templates-stat-card{min-width:calc(50% - 6px)}.template-list-table-container{overflow-x:auto}.template-list-table{display:block}.template-list-table thead{display:none}.template-list-table tbody,.template-list-table td,.template-list-table tr{display:block;width:100%}.template-list-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px}.template-list-table td{border:none;padding:8px 0;text-align:left}.template-list-table td:before{color:#0c4a6e;content:attr(data-label);display:block;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.modal-content{max-height:95vh;width:95%}.modal-body,.modal-footer,.modal-header{padding:20px}.modal-header h2{font-size:20px}}.email-template-editor-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Varela Round,sans-serif;min-height:100vh}.email-template-editor-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.email-template-editor-spinner{animation:email-template-editor-spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#0c4a6e;height:50px;width:50px}@keyframes email-template-editor-spin{to{transform:rotate(1turn)}}.email-template-editor-header{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0ea5e9);box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;gap:20px;justify-content:space-between;padding:20px 40px;position:sticky;top:0;z-index:100}.email-template-editor-header-left{flex:0 0 auto}.email-template-editor-header-center{display:flex;flex:1 1;flex-direction:column;gap:4px;text-align:center}.email-template-editor-back-button{align-items:center;background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;padding:10px 20px;transition:all .3s ease}.email-template-editor-back-button:hover{background:#ffffff40;transform:translateX(-4px)}.email-template-editor-title{font-size:28px;font-weight:700;line-height:1.2;margin:0}.email-template-editor-subtitle{font-size:14px;font-weight:400;margin:0;opacity:.9}.email-template-editor-header-actions{display:flex;flex:0 0 auto;gap:12px}.email-template-editor-preview-button{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .3s ease}.email-template-editor-preview-button:hover{background:#ffffff4d}.email-template-editor-save-button{align-items:center;background:#10b981;border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:12px 32px;transition:all .3s ease}.email-template-editor-save-button:hover:not(:disabled){background:#059669;box-shadow:0 4px 16px #10b98180;transform:translateY(-2px)}.email-template-editor-save-button:disabled{background:#6b7280;cursor:not-allowed;opacity:.6}.email-template-editor-content{display:flex;gap:24px;margin:0 auto;max-width:1800px;padding:32px}.email-template-editor-panel{display:flex;flex:1 1;flex-direction:column;gap:24px}.email-template-editor-preview-panel{height:fit-content;position:sticky;top:100px;width:500px}.email-template-editor-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:24px}.email-template-editor-section-full{flex:1 1}.email-template-editor-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.email-template-editor-section-title{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 16px}.email-template-editor-section-description{color:#64748b;font-size:14px;margin:0 0 16px}.email-template-editor-form-group{margin-bottom:20px}.email-template-editor-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.email-template-editor-form-group label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:left}.form-input,.form-select{border:2px solid #e2e8f0;border-radius:8px;font-family:Varela Round,sans-serif;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.toggle-ai-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.toggle-ai-button:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.ai-panel{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #e9d5ff;border-radius:12px;margin-top:16px;padding:20px}.ai-description{color:#6b21a8;font-size:14px;line-height:1.6;margin:0 0 16px}.ai-prompt-input{border:2px solid #d8b4fe;border-radius:8px;font-family:Varela Round,sans-serif;font-size:14px;margin-bottom:12px;padding:12px 16px;resize:vertical;transition:all .3s ease;width:100%}.ai-prompt-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a;outline:none}.generate-ai-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease;width:100%}.generate-ai-button:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.generate-ai-button:disabled{cursor:not-allowed;opacity:.6}.ai-media-upload-section{background:#fff;border:1px solid #d8b4fe;border-radius:8px;margin:20px 0;padding:16px}.ai-media-label{align-items:center;color:#6b21a8;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.ai-media-input{background:#faf5ff;border:2px dashed #d8b4fe;border-radius:8px;cursor:pointer;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.ai-media-input:hover{background:#f3e8ff;border-color:#a78bfa}.ai-media-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.ai-media-item{align-items:center;background:#faf5ff;border:1px solid #e9d5ff;border-radius:6px;display:flex;gap:12px;padding:10px 12px;transition:all .2s ease}.ai-media-item:hover{background:#f3e8ff;border-color:#a78bfa}.ai-media-icon{flex-shrink:0;font-size:20px}.ai-media-name{color:#334155;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-media-remove{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;line-height:1;transition:all .2s ease;width:24px}.ai-media-remove:hover{background:#dc2626;transform:scale(1.1)}.variables-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.variable-button{align-items:flex-start;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #cbd5e1;border-radius:8px;color:#0c4a6e;cursor:pointer;display:flex;flex-direction:column;font-family:Courier New,monospace;font-size:13px;font-weight:600;gap:4px;padding:12px 16px;transition:all .3s ease}.variable-button:hover{background:linear-gradient(135deg,#0c4a6e,#0ea5e9);border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e94d;color:#fff;transform:translateY(-2px)}.variable-label{font-family:Varela Round,sans-serif;font-size:11px;font-weight:500;opacity:.8}.editor-toolbar{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-bottom:none;border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;gap:8px;padding:12px}.toolbar-group{display:flex;gap:4px}.toolbar-divider{background:#cbd5e1;height:28px;margin:0 4px;width:1px}.toolbar-button{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:36px;padding:8px 12px;transition:all .2s ease}.toolbar-button:hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.toolbar-button:active{transform:translateY(1px)}.toolbar-button-primary{background:linear-gradient(135deg,#0c4a6e,#0ea5e9);border-color:#0ea5e9;color:#fff}.toolbar-button-primary:hover{background:linear-gradient(135deg,#0a3d5c,#0c8fd8);box-shadow:0 4px 8px #0ea5e94d;transform:translateY(-1px)}.toolbar-button-success{background:linear-gradient(135deg,#059669,#10b981);border-color:#10b981;color:#fff}.toolbar-button-success:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.html-editor{border:2px solid #e2e8f0;border-radius:0 0 8px 8px;border-top:none;direction:ltr;font-family:Courier New,monospace;font-size:14px;min-height:400px;padding:16px;resize:vertical;text-align:left;transition:all .3s ease;width:100%}.html-editor:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.html-editor.rtl{direction:rtl;text-align:right}.html-editor.ltr{direction:ltr;text-align:left}.modal-overlay{background:#00000080}.modal-content{border-radius:16px;box-shadow:0 20px 40px #0003;max-width:500px;padding:32px}.modal-title{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 24px}.modal-body{margin-bottom:24px}.modal-body label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.modal-input{border:2px solid #e2e8f0;border-radius:8px;font-family:Varela Round,sans-serif;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.modal-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.modal-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.modal-file-input{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.modal-file-input:hover{background:#f0f9ff;border-color:#0ea5e9}.modal-file-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.modal-file-name{align-items:center;color:#059669;display:flex;font-size:13px;font-weight:600;gap:6px;margin:8px 0 0}.modal-file-name:before{background:#10b981;border-radius:50%;color:#fff;content:"✓";display:inline-block;font-size:12px;height:18px;line-height:18px;text-align:center;width:18px}.modal-divider{align-items:center;color:#94a3b8;display:flex;font-size:13px;font-weight:600;margin:20px 0;text-align:center}.modal-divider:after,.modal-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.modal-divider span{padding:0 12px}.modal-hint{color:#64748b;font-size:12px;font-style:italic;margin:8px 0 0}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.modal-button-cancel{background:#f1f5f9;color:#475569}.modal-button-cancel:hover{background:#e2e8f0}.modal-button-primary{background:linear-gradient(135deg,#0c4a6e,#0ea5e9);color:#fff}.modal-button-primary:hover{box-shadow:0 4px 12px #0ea5e966;transform:translateY(-2px)}.preview-container{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:24px}.preview-subject{background:#f8fafc;border-radius:8px;color:#334155;font-size:14px;margin-bottom:16px;padding:12px}.preview-divider{background:linear-gradient(90deg,#e2e8f0,#0000);height:2px;margin-bottom:16px}.preview-iframe{background:#fff;border:2px solid #e2e8f0;border-radius:8px;min-height:600px;width:100%}.preview-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.preview-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.preview-modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 32px}.preview-modal-header h2{color:#0c4a6e;font-size:24px;font-weight:700;margin:0}.modal-close-button{align-items:center;background:#0f172a0d;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close-button:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg)}.preview-modal-body{max-height:calc(90vh - 100px);overflow-y:auto;padding:32px}.preview-subject-display{background:#f8fafc;border-left:4px solid #0ea5e9;border-radius:8px;color:#334155;font-size:16px;margin-bottom:20px;padding:16px}.preview-subject-display strong{color:#0c4a6e;margin-right:8px}.preview-iframe-modal{background:#fff;border:2px solid #e2e8f0;border-radius:8px;min-height:500px;width:100%}@media (max-width:1400px){.email-template-editor-preview-panel{width:400px}}@media (max-width:1200px){.email-template-editor-content{flex-direction:column}.email-template-editor-preview-panel{position:static;width:100%}.variables-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){.editor-header{flex-direction:column;gap:12px;padding:16px 20px}.email-template-editor-header-actions,.header-center,.header-left{width:100%}.email-template-editor-header-center{text-align:left}.email-template-editor-title{font-size:22px}.email-template-editor-subtitle{font-size:13px}.email-template-editor-header-actions{justify-content:space-between}.email-template-editor-back-button{justify-content:center;width:100%}.preview-modal-overlay{padding:10px}.preview-modal-content{max-height:95vh;max-width:100%}.preview-modal-header{padding:16px 20px}.preview-modal-header h2{font-size:20px}.preview-modal-body{padding:20px}.preview-iframe-modal{min-height:400px}.email-template-editor-preview-button,.email-template-editor-save-button{font-size:14px;padding:10px 16px}.editor-header{align-items:stretch;flex-direction:column;gap:16px}.email-template-editor-title{font-size:20px;text-align:left}.email-template-editor-header-actions{width:100%}.email-template-editor-preview-button,.email-template-editor-save-button{flex:1 1;justify-content:center}.email-template-editor-form-row,.variables-grid{grid-template-columns:1fr}}.contact-form-view-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1f2937;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;min-height:100vh;padding:32px}.contact-form-view__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;max-width:1400px;padding:20px 0;width:100%}.contact-form-view__header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e6155,#34d399);-webkit-background-clip:text;background-clip:text;flex-grow:1;font-size:42px;font-weight:700;margin:0;text-align:center}.contact-form-view__back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f080;border-radius:12px;color:#2e6155;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.contact-form-view__back-button:hover{background:#2e6155;box-shadow:0 4px 16px #2e61554d;color:#fff;transform:translateY(-2px)}.contact-form-view__form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;display:flex;gap:0;max-width:1400px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.contact-form-view__form-container--single-column{justify-content:center;max-width:800px}.contact-form-view__form-container--single-column .contact-form-view__details{border-right:none;max-width:100%}.contact-form-view__details{background:#f8fafc80;border-right:1px solid #e2e8f080;flex:1 1;max-height:calc(100vh - 150px);overflow-y:auto;padding:40px}.contact-form-view__details-header{background:linear-gradient(135deg,#2e6155,#1e3a32);color:#fff;margin:-40px -40px 32px;overflow:hidden;padding:24px;position:relative}.contact-form-view__details-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px;position:relative;z-index:1}.contact-form-view__details-subtitle{font-size:14px;font-weight:400;margin:0;opacity:.9;position:relative;z-index:1}.contact-form-view__form{display:flex;flex-direction:column;gap:24px}.contact-form-view__field{display:flex;flex-direction:column;gap:8px}.contact-form-view__field label{color:#2e6155;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.contact-form-view__field input,.contact-form-view__field select,.contact-form-view__field textarea{background:#ffffffe6;border:2px solid #e2e8f080;border-radius:12px;font-family:Varela Round,sans-serif;font-size:15px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-form-view__field input:focus,.contact-form-view__field select:focus,.contact-form-view__field textarea:focus{border-color:#2e6155;box-shadow:0 4px 16px #2e615526;outline:none;transform:translateY(-2px)}.contact-form-view__field .error{color:#ef4444;font-size:13px;margin-top:4px}.contact-form-view__submit{background:linear-gradient(135deg,#2e6155,#34d399);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:16px;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-form-view__submit:hover{box-shadow:0 8px 24px #2e61554d;transform:translateY(-2px)}.contact-form-view__submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.contact-form-view__timeline-section{background:#ffffff4d;display:flex;flex:1 1;flex-direction:column;gap:24px;max-height:calc(100vh - 150px);overflow-y:auto;padding:40px}.contact-form-view__timeline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:16px;overflow:hidden}.contact-form-view__timeline-header{background:linear-gradient(135deg,#2e61551a,#34d3991a);border-bottom:1px solid #2e61551a;padding:24px}.contact-form-view__timeline-title{color:#2e6155;font-size:20px;font-weight:700;margin:0 0 8px}.contact-form-view__timeline-subtitle{color:#64748b;font-size:13px;font-weight:500;margin:0}.contact-form-view__timeline-content{max-height:500px;min-height:300px;overflow-x:hidden;overflow-y:auto;padding:24px}.contact-form-view__timeline-content::-webkit-scrollbar{width:8px}.contact-form-view__timeline-content::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:4px}.contact-form-view__timeline-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2e6155,#34d399);border-radius:4px}.contact-form-view__timeline-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1e3a32,#2e6155)}.contact-form-view__related{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:16px;display:flex;flex-direction:column;max-height:400px;overflow:hidden}.contact-form-view__related-header{background:linear-gradient(135deg,#2e61551a,#34d3991a);border-bottom:1px solid #2e61551a;padding:24px}.contact-form-view__related-title{color:#2e6155;font-size:20px;font-weight:700;margin:0 0 8px}.contact-form-view__related-subtitle{color:#64748b;font-size:13px;font-weight:500;margin:0}.contact-form-view__related-content{flex:1 1;min-height:0;overflow-y:auto;padding:16px}.contact-form-view__related-list{display:flex;flex-direction:column;gap:12px}.contact-form-view__related-item{align-items:center;background:#ffffffe6;border:1px solid #e2e8f080;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-form-view__related-item:hover{border-color:#2e61554d;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.contact-form-view__related-item-icon{align-items:center;background:linear-gradient(135deg,#2e61551a,#34d3991a);border-radius:12px;display:flex;font-size:32px;height:48px;justify-content:center;min-width:48px}.contact-form-view__related-item-info{flex:1 1}.contact-form-view__related-item-title{color:#1f2937;font-size:15px;font-weight:700;margin:0 0 4px}.contact-form-view__related-item-subtitle{color:#64748b;font-size:13px;margin:0}.contact-form-view__related-item-arrow{color:#94a3b8;font-size:18px;transition:transform .2s ease}.contact-form-view__related-item:hover .contact-form-view__related-item-arrow{color:#2e6155;transform:translateX(4px)}.contact-form-view__related-tables{display:flex;flex-direction:column;gap:20px}.contact-form-view__related-table{background:#fffffff2;border:1px solid #e2e8f080;border-radius:12px;overflow:hidden}.contact-form-view__related-table-header{align-items:center;background:linear-gradient(135deg,#2e615514,#34d3990d);border-bottom:1px solid #e2e8f080;display:flex;gap:10px;padding:14px 18px}.contact-form-view__related-table-icon{font-size:20px}.contact-form-view__related-table-name{color:#2e6155;flex:1 1;font-size:14px;font-weight:700}.contact-form-view__related-table-count{background:#64748b1a;border-radius:12px;color:#64748b;font-size:12px;padding:3px 10px}.contact-form-view__related-table-records{display:flex;flex-direction:column}.contact-form-view__related-table-records .contact-form-view__related-item{border:none;border-bottom:1px solid #e2e8f04d;border-radius:0;padding:14px 18px}.contact-form-view__related-table-records .contact-form-view__related-item:last-child{border-bottom:none}.contact-form-view__related-table-records .contact-form-view__related-item:hover{background:#2e61550a;transform:none}.contact-form-view__empty,.contact-form-view__loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.contact-form-view__loading-spinner{animation:spin 1s linear infinite;border:4px solid #2e61551a;border-left-color:#2e6155;border-radius:50%;height:40px;margin-bottom:16px;width:40px}.contact-form-view__empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.contact-form-view__empty-text{font-size:16px;font-weight:600;margin:0}@media (max-width:1200px){.contact-form-view-container{padding:24px}.contact-form-view__form-container{flex-direction:column;max-width:900px}.contact-form-view__details{border-bottom:1px solid #e2e8f080;border-right:none;max-height:none}.contact-form-view__timeline-section{max-height:none}}@media (max-width:768px){.contact-form-view-container{padding:16px}.contact-form-view__header h1{font-size:32px}.contact-form-view__details,.contact-form-view__timeline-section{padding:24px}.contact-form-view__details-header,.contact-form-view__related-header,.contact-form-view__timeline-header{padding:20px}}.contact-quick-actions{background:linear-gradient(135deg,#2e61550d,#34d3990d);border:2px solid #2e61551a;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:32px;max-width:1400px;padding:24px;width:100%}.contact-quick-actions__title{color:#2e6155;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.contact-quick-actions__buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.contact-quick-actions__btn{align-items:center;border:2px solid;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.contact-quick-actions__btn svg{font-size:18px}.contact-quick-actions__btn.disabled,.contact-quick-actions__btn:disabled{cursor:not-allowed!important;opacity:.6}.contact-quick-actions__btn.disabled,.contact-quick-actions__btn.disabled:hover,.contact-quick-actions__btn:disabled,.contact-quick-actions__btn:disabled:hover{background:#f3f4f6!important;border-color:#d1d5db!important;box-shadow:none!important;color:#9ca3af!important;transform:none!important}.contact-quick-actions__btn--email{background:#fff;border-color:#3b82f6;color:#3b82f6}.contact-quick-actions__btn--email:hover{background:#3b82f6;box-shadow:0 4px 8px #3b82f64d;color:#fff;transform:translateY(-2px)}.contact-quick-actions__btn--event{background:#fff;border-color:#10b981;color:#10b981}.contact-quick-actions__btn--event:hover{background:#10b981;box-shadow:0 4px 8px #10b9814d;color:#fff;transform:translateY(-2px)}.contact-quick-actions__btn--call{background:#fff;border-color:#8b5cf6;color:#8b5cf6}.contact-quick-actions__btn--call:hover{background:#8b5cf6;box-shadow:0 4px 8px #8b5cf64d;color:#fff;transform:translateY(-2px)}.contact-action-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.contact-action-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.contact-action-modal--small{max-width:400px}.contact-action-modal__header{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px}.contact-action-modal__header h3{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0}.contact-action-modal__close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.contact-action-modal__close:hover{background:#e5e7eb;color:#1f2937}.contact-action-modal__body{flex:1 1;overflow-y:auto;padding:24px}.contact-action-modal__field{margin-bottom:20px}.contact-action-modal__field label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.contact-action-modal__field input,.contact-action-modal__field textarea{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:Varela Round,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.contact-action-modal__field input:focus,.contact-action-modal__field textarea:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.contact-action-modal__field input[readonly]{background:#f9fafb;color:#6b7280}.contact-action-modal__field textarea{min-height:100px;resize:vertical}.contact-action-modal__select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.contact-action-modal__select:focus{border-color:#2e6155;box-shadow:0 0 0 3px #2e61551a;outline:none}.contact-action-modal__warning{background:#fef3c7;border:2px solid #fbbf24;border-radius:8px;color:#92400e;font-size:14px;padding:12px 16px;text-align:center}.contact-action-modal__call-options{display:flex;gap:16px;margin-top:24px}.contact-action-modal__call-btn{align-items:center;background:#fff;border:2px solid;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Varela Round,sans-serif;gap:12px;padding:24px;transition:all .3s ease}.contact-action-modal__call-btn svg{font-size:32px}.contact-action-modal__call-btn span{font-size:14px;font-weight:600}.contact-action-modal__call-btn--call{background:#2e8b57;border:none;color:#fff;font-weight:700;letter-spacing:.5px}.contact-action-modal__call-btn--call:hover{background:#236b43;box-shadow:0 6px 12px #2e8b5766;transform:translateY(-2px)}.contact-action-modal__call-btn--mobile{background:#a0826d;border:none;color:#fff;font-weight:700;letter-spacing:.5px}.contact-action-modal__call-btn--mobile:hover{background:#8b6f5a;box-shadow:0 6px 12px #a0826d66;transform:translateY(-2px)}.contact-action-modal__footer{background:#f9fafb;border-top:2px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.contact-action-modal__btn{border:none;border-radius:8px;cursor:pointer;font-family:Varela Round,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.contact-action-modal__btn--cancel{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.contact-action-modal__btn--cancel:hover{background:#f3f4f6;color:#374151}.contact-action-modal__btn--primary{background:linear-gradient(135deg,#2e6155,#34d399);border:none;box-shadow:0 2px 4px #2e61554d;color:#fff}.contact-action-modal__btn--primary:hover{box-shadow:0 4px 8px #2e615566;transform:translateY(-1px)}.contact-action-modal__btn--primary:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.contact-action-modal__btn--primary:disabled:hover{box-shadow:none;transform:none}.email-attachments-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.email-attachment-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:10px 12px;transition:all .2s}.email-attachment-item:hover{background:#f3f4f6;border-color:#d1d5db}.attachment-name{color:#374151;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:#6b7280;font-size:12px;font-weight:400}.attachment-remove{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;line-height:1;transition:all .2s;width:24px}.attachment-remove:hover{background:#dc2626;transform:scale(1.1)}@media (max-width:768px){.contact-quick-actions__buttons{flex-direction:column}.contact-quick-actions__btn{justify-content:center;width:100%}.contact-action-modal__call-options{flex-direction:column}}.email-campaign-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1f2937;font-family:Varela Round,sans-serif;min-height:100vh;padding:32px}.email-campaign-form-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1200px;overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.email-campaign-form-header{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;display:flex;gap:20px;overflow:hidden;padding:32px;position:relative}.email-campaign-form-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.email-campaign-form-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f1f5f9);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:36px;font-weight:700;margin:0;position:relative;text-align:center;z-index:1}.email-campaign-form{box-sizing:border-box;overflow:visible;padding:40px;position:relative;width:100%}.email-campaign-form-section{background:#f8fafc80;border:1px solid #e5e7eb4d;border-radius:16px;margin-bottom:24px;overflow:visible;padding:32px;position:relative;transition:all .3s ease}.email-campaign-form-section:hover{background:#ffffffe6;box-shadow:0 8px 24px #0000000f}.email-campaign-form-section-title{align-items:center;border-bottom:2px solid #2563eb33;color:#1e40af;display:flex;font-size:22px;font-weight:700;gap:12px;margin:0 0 24px;padding-bottom:16px}.email-campaign-form-row{margin-bottom:24px}.email-campaign-form-label{color:#374151;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.email-campaign-form-input,.email-campaign-form-select,.email-campaign-form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:15px;padding:14px 18px;transition:all .3s ease;width:100%}.email-campaign-form-input:hover,.email-campaign-form-select:hover,.email-campaign-form-textarea:hover{border-color:#93c5fd}.email-campaign-form-input:focus,.email-campaign-form-select:focus,.email-campaign-form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;outline:none}.template-preview{margin-top:16px}.template-preview-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px;padding:20px;transition:all .3s ease}.template-preview-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.template-icon{font-size:2rem}.template-preview-card strong{color:#0c4a6e;display:block;font-size:1.1rem;margin-bottom:4px}.template-subject{color:#0369a1;font-size:.9rem;margin:0}.template-variables{align-items:center;border-top:1px solid #bae6fd;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.variables-label{color:#0c4a6e;font-size:.85rem;font-weight:600}.variable-tag{background:#0ea5e9;border-radius:6px;color:#fff;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;padding:4px 12px}.provider-selection-inline{display:flex;flex-direction:column;gap:12px;margin-top:8px}.provider-option-inline{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 18px;transition:all .3s ease}.provider-option-inline:hover{background:#f0f9ff;border-color:#2563eb}.provider-option-inline input[type=radio]{cursor:pointer;height:18px;width:18px}.provider-name-inline{color:#1f2937;font-weight:600}.provider-email-inline{color:#6b7280;font-size:.9rem}.no-connections-warning{background:#fef2f2;padding:16px}.no-connections-warning p{margin:0 0 12px}.no-connections-warning button{background:#dc2626;padding:10px 20px}.no-connections-warning button:hover{background:#b91c1c}.no-templates-warning{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;margin-top:12px;padding:16px;text-align:center}.no-templates-warning p{color:#991b1b;margin:0 0 12px}.no-templates-warning button{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.no-templates-warning button:hover{background:#b91c1c}.email-campaign-form-submit{border-top:2px solid #e5e7eb;margin-top:32px;padding-top:32px;text-align:center}.email-campaign-submit-btn{background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:12px;box-shadow:0 8px 20px #2563eb4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:16px 48px;text-transform:uppercase;transition:all .3s ease}.email-campaign-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 12px 28px #2563eb66;transform:translateY(-2px)}.email-campaign-submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.email-campaign-form-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #6ee7b7;border-radius:12px;color:#065f46;font-weight:600;margin-bottom:24px;padding:16px 24px;text-align:center}.email-campaign-form-conditional{animation:slideIn .3s ease}.email-campaign-form-loading{opacity:.6;pointer-events:none}@media (max-width:768px){.email-campaign-container{padding:16px}.email-campaign-form-card{border-radius:16px}.email-campaign-form-header{padding:24px 20px}.email-campaign-form-header h2{font-size:24px}.email-campaign-form{padding:24px 20px}.email-campaign-form-section{padding:20px}.email-campaign-form-section-title{font-size:18px}}.email-template-handler{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;width:100%}.email-template-selector{margin-bottom:24px}.email-template-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.email-template-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:24px;padding:20px}.email-template-preview h4{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 12px}.email-template-meta{background:#fff;border-radius:6px;color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-bottom:20px;padding:12px}.email-template-meta span{align-items:center;display:flex;gap:4px}.email-template-meta strong{color:#374151;font-weight:600}.email-variable-mapping{margin-top:20px}.email-variable-mapping h5{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.email-variable-hint{color:#6b7280;font-size:13px;margin:0 0 16px}.email-variable-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.email-variable-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.email-variable-table th{font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.email-variable-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.email-variable-table tbody tr:hover{background-color:#f9fafb}.email-variable-table tbody tr:last-child{border-bottom:none}.email-variable-table td{padding:12px 16px;vertical-align:middle}.email-variable-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;color:#fff;display:inline-flex;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:4px 10px}.email-data-source-select,.email-parameter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.email-data-source-select:hover,.email-parameter-select:hover{border-color:#3b82f6}.email-data-source-select:focus,.email-parameter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.email-parameter-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.email-parameter-input:hover{border-color:#3b82f6}.email-parameter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.email-integrated-db-fields{display:flex;flex-direction:column;gap:8px}.email-template-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.email-template-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.email-template-empty p{color:#6b7280;font-size:15px;margin:0}@media (max-width:768px){.email-variable-row{gap:12px;grid-template-columns:1fr}.email-variable-name{padding-top:0}.email-template-meta{flex-direction:column;gap:8px}}.email-preview-dialog{font-family:Varela Round,sans-serif}.email-preview-dialog .MuiDialog-paper{background:linear-gradient(135deg,#f8fafc,#fff);border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;min-height:600px}.email-preview-dialog-title{background:linear-gradient(135deg,#0c4a6e,#0ea5e9);border-radius:20px 20px 0 0!important;color:#fff!important;font-size:22px!important;font-weight:600!important;overflow:hidden;padding:24px 32px!important;position:relative}.email-preview-dialog-title:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.email-preview-content-container{grid-gap:24px;display:grid;gap:24px;grid-template-areas:"toggle toggle" "recipients template";grid-template-columns:1fr 1fr;min-height:500px;padding:24px}.email-preview-limit-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e5e7eb80;border-radius:16px;box-shadow:0 4px 8px #0000000d;grid-area:toggle;padding:16px 24px}.email-preview-recipients-table{grid-area:recipients}.email-template-preview-container{grid-area:template}.email-preview-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px}.loading-spinner{margin-bottom:20px}.email-preview-recipients-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e5e7eb80;border-radius:16px;box-shadow:0 8px 16px #0000000d;display:flex;flex-direction:column;overflow:hidden}.email-preview-recipients-table .MuiDialogContent-root{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow:hidden;padding:20px!important}.recipient-header{display:flex;flex-direction:column;gap:16px}.limit-recipients-controls{background:#f8fafc;border:1px solid #e5e7eb80;border-radius:12px;padding:16px}.limit-recipients-controls .MuiButton-contained{background:linear-gradient(135deg,#0c4a6e,#0ea5e9);box-shadow:0 4px 12px #0ea5e94d;color:#fff;font-family:Varela Round,sans-serif;font-weight:600;text-transform:none}.limit-recipients-controls .MuiButton-contained:hover{box-shadow:0 6px 16px #0ea5e966}.recipient-stats{display:flex;flex-wrap:wrap;gap:12px}.recipient-stat{background:linear-gradient(135deg,#0c4a6e,#0ea5e9);border-radius:12px;box-shadow:0 4px 12px #0ea5e933;min-width:90px;padding:12px 20px;text-align:center}.recipient-stat-number{color:#fff;font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.recipient-stat-label{color:#ffffffe6;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.recipients-table-container{background:#fff;border:1px solid #e5e7eb80;border-radius:12px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.email-preview-table{border-collapse:collapse;width:100%}.email-preview-table .MuiTableHead-root{background:#f8fafc;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:1}.email-preview-table .MuiTableHead-root .MuiTableCell-root{border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-transform:uppercase}.recipients-table-body{flex:1 1;max-height:350px;overflow-y:auto}.recipients-table-body::-webkit-scrollbar{width:8px}.recipients-table-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.recipients-table-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.recipients-table-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.email-preview-table .MuiTableBody-root .MuiTableCell-root{border-bottom:1px solid #e5e7eb80;color:#374151;font-size:14px;padding:14px 16px}.email-preview-table .MuiTableRow-root:hover{background:#0ea5e90d}.recipients-empty-state{color:#9ca3af;padding:60px 20px;text-align:center}.recipients-empty-state-icon{font-size:48px;margin-bottom:16px}.recipients-empty-state-text{color:#374151;font-size:18px;font-weight:500;margin-bottom:8px}.recipients-empty-state-subtext{color:#9ca3af;font-size:14px}.email-template-preview-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e5e7eb80;border-radius:16px;box-shadow:0 8px 16px #0000000d;display:flex;flex-direction:column;overflow:hidden}.email-preview-header{background:#f8fafc;border-bottom:1px solid #e5e7eb80;padding:20px}.template-preview-stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.template-stat{background:#fff;border:1px solid #e5e7eb80;border-radius:12px;flex:1 1;min-width:150px;padding:12px 16px}.template-stat-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.template-stat-value{color:#374151;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-template-content{background:#fff;flex:1 1;overflow-y:auto;padding:20px}.email-template-content::-webkit-scrollbar{width:8px}.email-template-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.email-template-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.email-template-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.template-subject{background:#f8fafc;border:1px solid #e5e7eb80;border-radius:12px;color:#374151;font-size:14px;margin-bottom:16px;padding:12px 16px}.template-subject strong{color:#0c4a6e;margin-right:8px}.template-html-preview{background:#fff;border:1px solid #e5e7eb80;border-radius:12px;color:#374151;font-family:Arial,sans-serif;font-size:14px;line-height:1.6;min-height:300px;padding:20px}.template-empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:60px 20px;text-align:center}.email-preview-dialog .MuiDialogActions-root{background:#f8fafc;border-top:1px solid #e5e7eb80;padding:20px 32px!important}.email-preview-dialog .MuiDialogActions-root .MuiButton-root{border-radius:12px;font-family:Varela Round,sans-serif;font-size:15px;font-weight:600;padding:10px 24px;text-transform:none}.email-preview-dialog .MuiDialogActions-root .MuiButton-text{color:#6b7280}.email-preview-dialog .MuiDialogActions-root .MuiButton-text:hover{background:#6b72801a;color:#374151}.email-preview-dialog .MuiDialogActions-root .MuiButton-colorPrimary{background:linear-gradient(135deg,#0c4a6e,#0ea5e9);box-shadow:0 4px 12px #0ea5e94d;color:#fff!important}.email-preview-dialog .MuiDialogActions-root .MuiButton-colorPrimary:hover:not(:disabled){box-shadow:0 6px 16px #0ea5e966;transform:translateY(-1px)}.email-preview-dialog .MuiDialogActions-root .MuiButton-colorPrimary:disabled{background:#e5e7eb;box-shadow:none;color:#9ca3af!important}@media (max-width:968px){.email-preview-content-container{gap:16px;grid-template-areas:"toggle" "recipients" "template";grid-template-columns:1fr;padding:16px}.email-preview-dialog .MuiDialog-paper{margin:16px;max-height:calc(100vh - 32px)}.recipients-table-body{max-height:250px}.template-preview-stats{flex-direction:column}.template-stat{min-width:100%}}.email-preview-dialog .MuiTextField-root{font-family:Varela Round,sans-serif}.email-preview-dialog .MuiTextField-root .MuiOutlinedInput-root{background:#fff;border-radius:12px}.email-preview-dialog .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#0ea5e9}.email-preview-dialog .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#0ea5e9;border-width:2px}.email-preview-dialog .MuiInputLabel-root.Mui-focused{color:#0ea5e9}.email-preview-dialog .MuiFormControlLabel-root{font-family:Varela Round,sans-serif}.email-preview-dialog .MuiFormControlLabel-root .MuiCheckbox-root,.email-preview-dialog .MuiFormControlLabel-root .MuiCheckbox-root.Mui-checked{color:#0ea5e9}.email-preview-dialog .MuiFormControlLabel-root .MuiFormControlLabel-label{color:#374151;font-weight:500}.email-campaign-list-container{font-family:Varela Round,sans-serif;min-height:100vh}.email-campaign-list-container,.email-campaigns-header-section{background:linear-gradient(135deg,#0c4a6e,#0ea5e9);padding:32px}.email-campaigns-header-section{border-radius:20px;margin-bottom:32px;overflow:hidden;position:relative}.email-campaigns-header-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.email-campaign-list-header{color:#fff;font-size:42px;font-weight:700;margin:0 0 12px;position:relative;z-index:1}.email-campaigns-subtitle{color:#ffffffe6;font-size:18px;font-weight:400;margin:0;position:relative;z-index:1}.campaigns-search-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a}.email-add-new-campaign-button{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0ea5e9);border:none;border-radius:16px;box-shadow:0 8px 16px #0ea5e94d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:10px;overflow:hidden;padding:14px 28px;position:relative;text-decoration:none;transition:all .3s ease}.email-add-new-campaign-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.email-add-new-campaign-button:hover:before{left:100%}.email-add-new-campaign-button:hover{box-shadow:0 12px 24px #0ea5e966;transform:translateY(-2px)}.email-add-new-campaign-button svg{font-size:20px}.email-campaigns-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0c4a6e,#0ea5e9);border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 8px 16px #0000000d;flex:1 1;min-width:200px;padding:24px;text-align:center;transition:all .3s ease}.email-campaigns-stat-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.email-campaigns-stat-number{color:#fff;font-size:32px;font-weight:700;line-height:1;margin-bottom:8px}.email-campaigns-stat-label{color:#ffffffe6;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.campaign-list-table tbody tr:hover{background:#0ea5e90d}.status-badge{border-radius:20px;display:inline-block;font-size:12px;padding:6px 14px;text-transform:capitalize}.status-badge.draft{background:#e5e7eb;color:#374151}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.paused{background:#fed7aa;color:#9a3412}.status-badge.completed{background:#dbeafe;color:#1e40af}.trigger-badge.scheduled{background:#ddd6fe;color:#0c4a6e}.campaign-delete-button,.campaign-edit-button,.campaign-play-button,.campaign-preview-button,.campaign-result-button{background:none;border:none;border-radius:8px;cursor:pointer;font-size:18px;margin:0 5px;padding:10px;transition:all .2s ease}.campaign-preview-button{color:#8b5cf6}.campaign-preview-button:hover{background:#8b5cf61a;transform:scale(1.1)}.campaign-edit-button{color:#0ea5e9}.campaign-edit-button:hover{background:#0ea5e91a}.campaign-result-button{color:#f59e0b}.campaign-result-button:hover{background:#f59e0b1a}@media (max-width:768px){.campaign-list-container{padding:16px}.campaigns-content-card{border-radius:16px;padding:20px}.campaign-list-header{font-size:28px}.campaigns-subtitle{font-size:14px}.campaigns-search-section{align-items:stretch;flex-direction:column}.campaigns-search-container{max-width:100%}.campaigns-stats{gap:12px}.campaigns-stat-card{min-width:calc(50% - 6px)}.campaign-list-table-container{overflow-x:auto}.campaign-list-table{display:block}.campaign-list-table thead{display:none}.campaign-list-table tbody,.campaign-list-table td,.campaign-list-table tr{display:block;width:100%}.campaign-list-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px}.campaign-list-table td{border:none;padding:8px 0;text-align:left}.campaign-list-table td:before{color:#0c4a6e;content:attr(data-label);display:block;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}}.campaign-analytics-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.campaign-analytics-modal{animation:slideUp .4s ease;background:#fff;border-radius:24px;box-shadow:0 25px 50px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.campaign-analytics-header{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0ea5e9);border-bottom:3px solid #fff3;display:flex;justify-content:space-between;padding:28px 32px}.campaign-analytics-header h2{align-items:center;color:#fff;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0}.campaign-analytics-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;font-weight:300;height:40px;justify-content:center;line-height:1;transition:all .3s ease;width:40px}.campaign-analytics-close:hover{background:#ffffff4d;transform:rotate(90deg)}.campaign-analytics-body{flex:1 1;overflow-y:auto;padding:32px}.campaign-analytics-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#0ea5e9}.campaign-analytics-loading p{color:#6b7280;font-size:16px;margin:0}.campaign-analytics-info{border-bottom:2px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px}.campaign-analytics-info h3{color:#0c4a6e;font-size:24px;font-weight:700;margin:0 0 16px}.campaign-analytics-meta{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.analytics-status-badge{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;padding:8px 16px;text-transform:capitalize}.analytics-status-badge.draft{background:#e5e7eb;color:#374151}.analytics-status-badge.completed{background:#dcfce7;color:#166534}.analytics-status-badge.running{background:#fef3c7;color:#92400e}.analytics-meta-item{color:#6b7280;font-size:14px}.analytics-meta-item strong{color:#374151;margin-right:6px}.campaign-analytics-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.analytics-stat-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s ease}.analytics-stat-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.analytics-stat-card.analytics-stat-total{background:linear-gradient(135deg,#0ea5e90d,#0ea5e91a);border-color:#0ea5e9}.analytics-stat-card.analytics-stat-success{background:linear-gradient(135deg,#10b9810d,#10b9811a);border-color:#10b981}.analytics-stat-card.analytics-stat-failed{background:linear-gradient(135deg,#ef44440d,#ef44441a);border-color:#ef4444}.analytics-stat-card.analytics-stat-rate{background:linear-gradient(135deg,#8b5cf60d,#8b5cf61a);border-color:#8b5cf6}.analytics-stat-icon{font-size:32px;line-height:1}.analytics-stat-content{flex:1 1}.analytics-stat-number{color:#0c4a6e;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.analytics-stat-label{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.campaign-analytics-recipients{margin-top:32px}.campaign-analytics-recipients h4{color:#0c4a6e;font-size:20px;font-weight:700;margin:0 0 20px}.analytics-table-container{background:#fff;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden}.analytics-table{border-collapse:collapse;width:100%}.analytics-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.analytics-table th{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.analytics-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.analytics-table tbody tr:last-child{border-bottom:none}.analytics-table tbody tr:hover{background:#0ea5e90d}.analytics-table td{color:#374151;font-size:14px;padding:16px 20px}.analytics-recipient-status{border-radius:16px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.analytics-recipient-status.delivered,.analytics-recipient-status.sent{background:#dcfce7;color:#166534}.analytics-recipient-status.failed{background:#fee2e2;color:#991b1b}.analytics-recipient-status.pending{background:#fef3c7;color:#92400e}.campaign-analytics-error{color:#ef4444;font-size:16px;padding:60px 20px;text-align:center}@media (max-width:768px){.campaign-analytics-modal{border-radius:16px;max-width:100%}.campaign-analytics-header{padding:20px}.campaign-analytics-header h2{font-size:22px}.campaign-analytics-body{padding:20px}.campaign-analytics-stats{grid-template-columns:1fr}.analytics-table-container{overflow-x:auto}.analytics-table{min-width:600px}}.email-campaign-editor-container{background:#f5f7fa;min-height:100vh;padding:2rem}.email-campaign-editor-loading{align-items:center;color:#667eea;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}.email-campaign-editor-header{grid-gap:2rem;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 20px #667eea4d;display:grid;gap:2rem;grid-template-columns:auto 1fr auto;margin-bottom:2rem;overflow:hidden;padding:1.5rem 2rem;position:relative}.email-campaign-editor-header:before{background:radial-gradient(circle at top right,#ffffff1a 0,#0000 70%);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:400px}.email-campaign-editor-back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;position:relative;transition:all .3s ease;z-index:1}.email-campaign-editor-back-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateX(-4px)}.email-campaign-editor-title{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:.5px;margin:0;position:relative;text-align:center;text-shadow:0 2px 10px #0003;z-index:1}.email-campaign-editor-header-actions{display:flex;gap:1rem;position:relative;z-index:1}.email-campaign-editor-save-button,.email-campaign-editor-send-button{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.email-campaign-editor-save-button{background:#fff;border:2px solid #fff;color:#667eea}.email-campaign-editor-save-button:hover:not(:disabled){background:#ffffffe6;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.email-campaign-editor-send-button{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #0000;box-shadow:0 2px 12px #10b98166;color:#fff}.email-campaign-editor-send-button:hover:not(:disabled){box-shadow:0 4px 20px #10b98199;transform:translateY(-2px)}.email-campaign-editor-save-button:disabled,.email-campaign-editor-send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.editor-content{display:flex;flex-direction:column;gap:2rem}.editor-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.section-title{color:#333;font-size:1.5rem;gap:.75rem}.section-header-with-action,.section-title{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;margin-bottom:1.5rem;padding-bottom:1rem}.section-header-with-action{gap:1rem;justify-content:space-between}.section-header-with-action .section-title{border-bottom:none;flex:1 1;margin-bottom:0;padding-bottom:0}.refresh-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.refresh-button:hover{background:#5568d3;transform:translateY(-1px)}.subsection-title{color:#555;font-size:1.1rem;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;font-size:.95rem;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.875rem;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea{font-family:inherit;resize:vertical}.form-hint{color:#6b7280;font-size:.875rem;margin-top:.5rem}.form-hint.error{color:#ef4444;font-weight:500}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.recipient-type-selector,.schedule-type-selector{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f099;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.25rem}.radio-option{align-items:center;background:#fff;border:2px solid #e2e8f099;border-radius:10px;color:#555;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.75rem;justify-content:center;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.radio-option:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.radio-option:hover:before{opacity:.05}.radio-option input[type=radio]{accent-color:#667eea;cursor:pointer;height:20px;position:relative;width:20px;z-index:1}.radio-option span{font-weight:600;position:relative;z-index:1}.radio-option:has(input:checked){background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;box-shadow:0 4px 12px #667eea26;color:#667eea;font-weight:600;transform:translateY(-1px)}.radio-option:has(input:checked):before{opacity:.15}.radio-option:has(input:checked) span{color:#667eea}.groups-selection{margin-top:1rem}.groups-list{background:#fafafa;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding:1rem}.group-checkbox{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.875rem;transition:all .2s ease}.group-checkbox:hover{background:#f8f9ff;border-color:#667eea}.group-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.group-name{color:#333;flex:1 1;font-weight:500}.group-count{color:#6b7280;font-size:.9rem}.filters-section{margin-top:1rem}.toggle-filters-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.toggle-filters-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.filters-container{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.schedule-inputs{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 4px 16px #0000000f;margin-top:1.5rem;padding:24px}.schedule-inputs .scheduled-container{background:#0000;border:none;box-shadow:none;margin:0;max-width:100%;padding:0}.schedule-inputs .scheduled-container:before{display:none}.provider-selection{display:flex;flex-direction:column;gap:1rem}.provider-option{align-items:center;background:#fff;border:2px solid #e2e8f099;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.provider-option:hover{background:#667eea0d;border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateY(-1px)}.provider-option input[type=radio]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.provider-option:has(input[type=radio]:checked){background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;box-shadow:0 4px 16px #667eea33}.provider-info{display:flex;flex:1 1;flex-direction:column;gap:.35rem}.provider-type{color:#667eea;font-size:1.1rem;font-weight:700;letter-spacing:.3px;text-transform:capitalize}.provider-name{color:#4b5563;font-size:.95rem;font-weight:500}.provider-email{color:#9ca3af;font-family:Courier New,monospace;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-connections-warning{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:12px;padding:2rem;text-align:center}.no-connections-warning p{color:#991b1b;font-weight:600;margin:0 0 1rem}.no-connections-warning button{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.no-connections-warning button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.campaign-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;padding:1.5rem}.campaign-summary h3{font-size:1.3rem;margin:0 0 1rem}.campaign-summary ul{list-style:none;margin:0;padding:0}.campaign-summary li{border-bottom:1px solid #fff3;font-size:1rem;padding:.75rem 0}.campaign-summary li:last-child{border-bottom:none}.empty-message{padding:2rem}@media (max-width:1024px){.email-campaign-editor-container{padding:1rem}.email-campaign-editor-header{gap:1.5rem;grid-template-columns:1fr;text-align:center}.email-campaign-editor-back-button{justify-content:center}.email-campaign-editor-header-actions{justify-content:center;width:100%}.email-campaign-editor-title{margin:0}.email-campaign-editor-save-button,.email-campaign-editor-send-button{flex:1 1}.form-row{grid-template-columns:1fr}.recipient-type-selector,.schedule-type-selector{flex-direction:column;gap:1rem}}@media (max-width:768px){.email-campaign-editor-header{border-radius:12px;padding:1.5rem}.email-campaign-editor-title{font-size:1.4rem}.section-title{font-size:1.2rem}.editor-section{padding:1.5rem}.email-campaign-editor-header-actions{flex-direction:column;width:100%}.email-campaign-editor-save-button,.email-campaign-editor-send-button{justify-content:center;width:100%}}.campaign-results-container{background:#f5f7fa;min-height:100vh;padding:2rem}.campaign-results-error,.campaign-results-loading{align-items:center;color:#667eea;display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;justify-content:center;min-height:100vh}.results-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem}.header-title{flex:1 1}.header-title h1{color:#333;font-size:1.75rem;margin:0 0 .5rem}.campaign-subtitle{color:#6b7280;font-size:1rem;margin:0}.campaign-info-card{grid-gap:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem;padding:1.5rem}.info-item{align-items:center;display:flex;gap:1rem}.info-icon{color:#667eea;font-size:1.75rem}.info-label{color:#6b7280;font-size:.85rem;margin-bottom:.25rem}.info-value{color:#333;font-size:1rem;font-weight:600}.status-badge{border-radius:12px;font-size:.85rem;font-weight:600;padding:.35rem .75rem;text-transform:uppercase}.status-badge.draft{background:#e0e0e0;color:#555}.status-badge.scheduled{background:#fef3c7;color:#92400e}.status-badge.running{background:#dbeafe;color:#1e40af}.status-badge.completed{background:#d1fae5;color:#065f46}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1.25rem;padding:1.5rem;transition:all .2s ease}.stat-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.75rem;height:60px;justify-content:center;width:60px}.stat-card.total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.sent .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.opened .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card.clicked .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-card.failed .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card.bounced .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content{flex:1 1}.stat-label{color:#6b7280;font-size:.9rem;margin-bottom:.5rem}.stat-value{color:#333;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-percent{color:#10b981;font-size:.85rem;font-weight:600}.recipients-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.recipients-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem}.recipients-header h2{color:#333;font-size:1.3rem;margin:0}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-buttons button{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.filter-buttons button:hover{background:#f8f9ff;border-color:#667eea}.filter-buttons button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.recipients-table-wrapper{overflow-x:auto}.recipients-table{border-collapse:collapse;width:100%}.recipients-table thead{background:#f8f9fa}.recipients-table th{color:#555;font-size:.9rem;font-weight:600;padding:1rem 1.5rem;text-align:left;white-space:nowrap}.recipients-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.95rem;padding:1rem 1.5rem}.recipients-table tbody tr:hover{background:#f8f9fa}.status-badge-small{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.35rem .75rem;text-transform:capitalize}.empty-message{color:#6b7280;padding:3rem}@media (max-width:1024px){.campaign-results-container{padding:1rem}.results-header{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-value{font-size:1.75rem}.stat-icon{font-size:1.5rem;height:50px;width:50px}}@media (max-width:768px){.campaign-info-card,.stats-grid{grid-template-columns:1fr}.recipients-header{align-items:flex-start;flex-direction:column}.filter-buttons{width:100%}.filter-buttons button{flex:1 1;min-width:80px}.recipients-table{font-size:.85rem}.recipients-table td,.recipients-table th{padding:.75rem 1rem}}.sms-template-list-container{background:linear-gradient(135deg,#5b21b6,#8b5cf6);font-family:Varela Round,sans-serif;min-height:100vh;padding:32px}.templates-content-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1400px;padding:40px}.sms-templates-header-section{background:linear-gradient(135deg,#5b21b6,#8b5cf6);border-radius:20px;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.sms-templates-header-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.sms-template-list-header{color:#fff;font-size:42px;font-weight:700;margin:0 0 12px;position:relative;z-index:1}.sms-templates-subtitle{color:#ffffffe6;font-size:18px;font-weight:400;margin:0;position:relative;z-index:1}.templates-search-section{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px}.templates-search-container{flex:1 1;max-width:500px;position:relative}.templates-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:2px solid #e5e7eb4d;border-radius:16px;color:#374151;font-family:Varela Round,sans-serif;font-size:16px;padding:16px 20px 16px 50px;transition:all .3s ease;width:100%}.templates-search-input:focus{background:#fffffff2;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a;outline:none}.templates-search-input::placeholder{color:#9ca3af;font-weight:400}.templates-action-buttons{align-items:center;display:flex;gap:16px}.sms-add-new-template-button{align-items:center;background:linear-gradient(135deg,#5b21b6,#8b5cf6);border:none;border-radius:16px;box-shadow:0 8px 16px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:10px;overflow:hidden;padding:14px 28px;position:relative;text-decoration:none;transition:all .3s ease}.sms-add-new-template-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.sms-add-new-template-button:hover:before{left:100%}.sms-add-new-template-button:hover{box-shadow:0 12px 24px #8b5cf666;transform:translateY(-2px)}.sms-add-new-template-button svg{font-size:20px}.templates-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px}.sms-templates-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#5b21b6,#8b5cf6);border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 8px 16px #0000000d;flex:1 1;min-width:200px;padding:24px;text-align:center;transition:all .3s ease}.sms-templates-stat-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.sms-templates-stat-number{color:#fff;font-size:32px;font-weight:700;line-height:1;margin-bottom:8px}.sms-templates-stat-label{color:#ffffffe6;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.template-list-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 8px 16px #0000000d;overflow:hidden}.template-list-table{border-collapse:collapse;font-family:Varela Round,sans-serif;width:100%}.template-list-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb}.template-list-table th{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase}.template-list-table tbody tr{border-bottom:1px solid #e5e7eb80;transition:all .2s ease}.template-list-table tbody tr:last-child{border-bottom:none}.template-list-table tbody tr:hover{background:#8b5cf60d;box-shadow:0 4px 12px #00000014;transform:scale(1.01)}.template-list-table td{color:#374151;font-size:15px;padding:18px 20px;vertical-align:middle}.category-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 14px;text-transform:capitalize}.category-badge.marketing{background:#dbeafe;color:#1e40af}.category-badge.transactional{background:#fef3c7;color:#92400e}.category-badge.reminder{background:#fce7f3;color:#9f1239}.category-badge.notification{background:#e0e7ff;color:#3730a3}.body-preview-cell{color:#6b7280;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-delete-button,.template-edit-button{background:none;border:none;border-radius:8px;cursor:pointer;font-size:18px;margin:0 5px;padding:10px;transition:all .2s ease}.template-edit-button{color:#8b5cf6}.template-edit-button:hover{background:#8b5cf61a;transform:scale(1.1)}.template-delete-button{color:#ef4444}.template-delete-button:hover{background:#ef44441a;transform:scale(1.1)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#5b21b60d,#8b5cf60d);border-bottom:2px solid #f1f5f9;justify-content:space-between;padding:24px 32px}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#5b21b6;font-size:24px;gap:12px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close:hover{background:#f1f5f9;color:#1e293b;transform:rotate(90deg)}.modal-body{padding:32px}.form-group{margin-bottom:24px}.form-group label{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-family:Varela Round,sans-serif;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.variable-buttons{display:flex;flex-wrap:wrap;gap:8px}.variable-buttons button{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Courier New,monospace;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.variable-buttons button:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.character-counter{background:#f1f5f9;border-radius:8px;color:#6b7280;font-size:13px;gap:12px;margin-top:8px;padding:8px 12px}.character-counter,.character-counter span{align-items:center;display:flex}.modal-footer{background:#f8fafc;border-top:2px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.btn-cancel{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-family:Varela Round,sans-serif;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-save-template{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:10px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;font-family:Varela Round,sans-serif;font-weight:600;padding:12px 28px;transition:all .3s ease}.btn-save-template:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}@media (max-width:768px){.sms-template-list-container{padding:16px}.templates-content-card{border-radius:16px;padding:20px}.template-list-header{font-size:28px}.templates-subtitle{font-size:14px}.templates-search-section{align-items:stretch;flex-direction:column}.templates-search-container{max-width:100%}.templates-stats{gap:12px}.templates-stat-card{min-width:calc(50% - 6px)}.template-list-table-container{overflow-x:auto}.template-list-table{display:block}.template-list-table thead{display:none}.template-list-table tbody,.template-list-table td,.template-list-table tr{display:block;width:100%}.template-list-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px}.template-list-table td{border:none;padding:8px 0;text-align:left}.template-list-table td:before{color:#5b21b6;content:attr(data-label);display:block;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.modal-content{max-height:95vh;width:95%}.modal-body,.modal-footer,.modal-header{padding:20px}.modal-header h2{font-size:20px}}.sms-template-editor{background:linear-gradient(135deg,#f5f3ff,#ede9fe);font-family:Varela Round,sans-serif;min-height:100vh}.sms-editor-header{align-items:center;background:linear-gradient(135deg,#7c3aed,#a78bfa);box-shadow:0 4px 12px #7c3aed33;display:flex;justify-content:space-between;padding:24px 32px}.sms-editor-header-left{align-items:center;display:flex;gap:20px}.sms-back-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.sms-back-button:hover{background:#ffffff4d;transform:translateX(-4px)}.sms-editor-title{color:#fff;font-size:28px;font-weight:700;margin:0}.sms-save-button{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#7c3aed;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:12px 28px;transition:all .3s ease}.sms-save-button:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.sms-save-button:disabled{cursor:not-allowed;opacity:.6}.sms-editor-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px;margin:0 auto;max-width:1600px;padding:32px}.sms-editor-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #7c3aed1a;padding:32px}.sms-form-group{margin-bottom:24px}.sms-form-group-full{grid-column:1/-1}.sms-form-label{color:#6b21a8;display:block;font-size:14px;font-weight:700;margin-bottom:8px}.sms-form-description{color:#64748b;font-size:13px;font-style:italic;margin:-4px 0 12px}.sms-form-input,.sms-form-select{background:#fff;border:2px solid #e9d5ff;border-radius:8px;font-family:Varela Round,sans-serif;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.sms-form-input:focus,.sms-form-select:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a;outline:none}.sms-message-textarea{border:2px solid #e9d5ff;border-radius:8px;font-family:Varela Round,sans-serif;font-size:15px;line-height:1.6;min-height:200px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.sms-message-textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a;outline:none}.sms-info-bar{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:8px;display:flex;gap:24px;margin-top:12px;padding:12px 16px}.sms-info-item{align-items:center;display:flex;gap:8px}.sms-info-label{color:#6b21a8;font-size:13px;font-weight:600}.sms-info-value{color:#7c3aed;font-size:15px;font-weight:700}.sms-variables-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sms-variable-button{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #e9d5ff;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px 16px;text-align:left;transition:all .3s ease}.sms-variable-button:hover{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#a78bfa;box-shadow:0 4px 12px #7c3aed33;transform:translateY(-2px)}.sms-variable-tag{color:#7c3aed;font-family:Courier New,monospace;font-size:13px;font-weight:700}.sms-variable-label{color:#6b21a8;font-size:12px;font-weight:500}.sms-editor-preview{background:#fff;border-radius:16px;box-shadow:0 4px 20px #7c3aed1a;height:fit-content;padding:32px;position:sticky;top:32px}.sms-preview-title{color:#6b21a8;font-size:20px;font-weight:700;margin:0 0 24px}.sms-phone-mockup{background:linear-gradient(135deg,#1e293b,#334155);border-radius:32px;box-shadow:0 8px 24px #0000004d;margin-bottom:24px;padding:16px}.sms-phone-screen{background:#f8fafc;border-radius:20px;min-height:300px;padding:24px 16px}.sms-message-bubble{word-wrap:break-word;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:18px 18px 18px 4px;box-shadow:0 2px 8px #7c3aed4d;color:#fff;font-size:14px;line-height:1.5;max-width:85%;padding:14px 18px}.sms-preview-example{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #e9d5ff;border-radius:12px;padding:20px}.sms-example-title{color:#6b21a8;font-size:14px;font-weight:700;margin:0 0 12px}.sms-example-bubble{word-wrap:break-word;background:#fff;border:2px solid #e9d5ff;border-radius:12px;color:#334155;font-size:14px;line-height:1.5;padding:14px 18px}.sms-editor-loading{align-items:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9d5ff;border-radius:50%;border-top-color:#7c3aed;height:50px;width:50px}.sms-editor-loading p{color:#6b21a8;font-size:16px;font-weight:600;margin-top:16px}@media (max-width:1200px){.sms-editor-content{grid-template-columns:1fr}.sms-editor-preview{position:static}}@media (max-width:768px){.sms-editor-header{gap:16px}.sms-editor-header,.sms-editor-header-left{align-items:flex-start;flex-direction:column}.sms-editor-header-left{gap:12px}.sms-editor-content{padding:16px}.sms-variables-grid{grid-template-columns:1fr}}.sms-campaign-list-container{background:linear-gradient(135deg,#5b21b6,#8b5cf6);font-family:Varela Round,sans-serif;min-height:100vh;padding:32px}.campaigns-content-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1400px;padding:40px}.sms-campaigns-header-section{background:linear-gradient(135deg,#5b21b6,#8b5cf6);border-radius:20px;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.sms-campaigns-header-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.sms-campaign-list-header{color:#fff;font-size:42px;font-weight:700;margin:0 0 12px;position:relative;z-index:1}.sms-campaigns-subtitle{color:#ffffffe6;font-size:18px;font-weight:400;margin:0;position:relative;z-index:1}.campaigns-search-section{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px}.campaigns-search-container{flex:1 1;max-width:500px;position:relative}.search-icon{color:#6b7280;font-size:16px;left:18px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.campaigns-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:2px solid #e5e7eb4d;border-radius:16px;color:#374151;font-family:Varela Round,sans-serif;font-size:16px;padding:16px 20px 16px 50px;transition:all .3s ease;width:100%}.campaigns-search-input:focus{background:#fffffff2;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a;outline:none}.campaigns-search-input::placeholder{color:#9ca3af;font-weight:400}.campaigns-action-buttons{align-items:center;display:flex;gap:16px}.sms-add-new-campaign-button{align-items:center;background:linear-gradient(135deg,#5b21b6,#8b5cf6);border:none;border-radius:16px;box-shadow:0 8px 16px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:16px;font-weight:600;gap:10px;overflow:hidden;padding:14px 28px;position:relative;text-decoration:none;transition:all .3s ease}.sms-add-new-campaign-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.sms-add-new-campaign-button:hover:before{left:100%}.sms-add-new-campaign-button:hover{box-shadow:0 12px 24px #8b5cf666;transform:translateY(-2px)}.sms-add-new-campaign-button svg{font-size:20px}.campaigns-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px}.sms-campaigns-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#5b21b6,#8b5cf6);border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 8px 16px #0000000d;flex:1 1;min-width:200px;padding:24px;text-align:center;transition:all .3s ease}.sms-campaigns-stat-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.sms-campaigns-stat-number{color:#fff;font-size:32px;font-weight:700;line-height:1;margin-bottom:8px}.sms-campaigns-stat-label{color:#ffffffe6;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.campaign-list-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 8px 16px #0000000d;overflow:hidden}.campaign-list-table{border-collapse:collapse;font-family:Varela Round,sans-serif;width:100%}.campaign-list-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb}.campaign-list-table th{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase}.campaign-list-table tbody tr{border-bottom:1px solid #e5e7eb80;transition:all .2s ease}.campaign-list-table tbody tr:last-child{border-bottom:none}.campaign-list-table tbody tr:hover{background:#8b5cf60d;box-shadow:0 4px 12px #00000014;transform:scale(1.01)}.campaign-list-table td{color:#374151;font-size:15px;padding:18px 20px;vertical-align:middle}.trigger-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 14px;text-transform:capitalize}.trigger-badge.scheduled{background:#dbeafe;color:#1e40af}.trigger-badge.manually{background:#fef3c7;color:#92400e}.campaign-delete-button,.campaign-edit-button,.campaign-play-button,.campaign-result-button{background:none;border:none;border-radius:8px;cursor:pointer;font-size:18px;margin:0 5px;padding:10px;transition:all .2s ease}.campaign-edit-button{color:#8b5cf6}.campaign-edit-button:hover{background:#8b5cf61a;transform:scale(1.1)}.campaign-delete-button{color:#ef4444}.campaign-delete-button:hover{background:#ef44441a;transform:scale(1.1)}.campaign-play-button{color:#10b981}.campaign-play-button:hover{background:#10b9811a;transform:scale(1.1)}.campaign-result-button{color:#8b5cf6}.campaign-result-button:hover{background:#8b5cf61a;transform:scale(1.1)}.empty-message{color:#9ca3af;font-size:16px;font-style:italic;padding:60px 20px!important;text-align:center}@media (max-width:768px){.sms-campaign-list-container{padding:16px}.campaigns-content-card{border-radius:16px;padding:20px}.campaign-list-header{font-size:28px}.campaigns-subtitle{font-size:14px}.campaigns-search-section{align-items:stretch;flex-direction:column}.campaigns-search-container{max-width:100%}.campaigns-stats{gap:12px}.campaigns-stat-card{min-width:calc(50% - 6px)}.campaign-list-table-container{overflow-x:auto}.campaign-list-table{display:block}.campaign-list-table thead{display:none}.campaign-list-table tbody,.campaign-list-table td,.campaign-list-table tr{display:block;width:100%}.campaign-list-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px}.campaign-list-table td{border:none;padding:8px 0;text-align:left}.campaign-list-table td:before{color:#5b21b6;content:attr(data-label);display:block;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}}.crm-embed-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;display:flex;font-family:Varela Round,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.crm-embed-card{animation:slideIn .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;text-align:center;width:100%}.crm-embed-icon{animation:bounce .6s ease-in-out;font-size:72px;margin-bottom:20px}.crm-embed-icon.loading,.crm-embed-icon.resolving{animation:pulse 1.5s ease-in-out infinite}.crm-embed-icon.success{animation:successPop .6s ease-out}.crm-embed-icon.error{animation:shake .5s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes successPop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.crm-embed-title{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 24px}.crm-embed-status{margin:20px 0}.crm-embed-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 16px;width:40px}.crm-embed-message{color:#64748b;font-size:16px;font-weight:500;margin:12px 0}.crm-embed-details{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-top:20px;padding:20px}.detail-item{align-items:center;color:#0f172a;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center}.detail-icon{font-size:24px}.detail-value{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;font-family:Monaco,Menlo,monospace;padding:8px 16px}.crm-embed-error-details{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;margin-top:16px;padding:20px;text-align:left}.error-suggestion{color:#991b1b;font-size:14px;font-weight:700;margin:0 0 12px}.crm-embed-error-details ul{list-style:none;margin:0 0 16px;padding:0}.crm-embed-error-details li{color:#7f1d1d;font-size:13px;padding:6px 0 6px 8px}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.retry-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.retry-button:active{transform:translateY(0)}.crm-embed-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:center;margin-top:32px;padding-top:24px}.crm-embed-logo{height:24px;width:auto}.powered-by{color:#94a3b8;font-size:12px;font-weight:500}@media (max-width:600px){.crm-embed-card{padding:30px 20px}.crm-embed-icon{font-size:56px}.crm-embed-title{font-size:22px}.crm-embed-message,.detail-item{font-size:14px}.detail-item{flex-direction:column;gap:8px}.detail-value{font-size:13px}}.crm-embed-status.loading .crm-embed-message,.crm-embed-status.resolving .crm-embed-message{animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.crm-embed-status.success{animation:successGlow .8s ease-out}@keyframes successGlow{0%{opacity:0;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.whatsapp-bot-page{background:#f8f9fa;font-family:Heebo,Arial,sans-serif;min-height:100vh;position:relative}.whatsapp-bot-page[dir=rtl]{direction:rtl;text-align:right}.whatsapp-bot-page[dir=ltr]{direction:ltr;text-align:left}.lang-btn{font-size:.9rem}.lang-btn:hover{color:#2e6155}.lang-btn.active{background:#2e6155}.hero-section{background:linear-gradient(135deg,#2e6155,#3a7a6a)}.hero-content{max-width:1200px}.hero-title{font-size:2.8rem;font-weight:700}.hero-subtitle{font-size:1.3rem;margin-left:auto;margin-right:auto;max-width:900px}.cta-button{border-radius:8px;font-size:1.1rem;font-weight:600;padding:15px 40px;text-decoration:none}.cta-button.primary{color:#2e6155}.cta-button.primary:hover{background:#f0f0f0;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.cta-button.secondary{background:#0000;border:2px solid #fff;color:#fff}.cta-button.secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.content-section{background:#fff;margin:0 auto 2px;padding:60px 20px}.section-title{color:#2e6155;font-size:2.2rem;font-weight:700;margin-bottom:30px}.subsection-title{color:#333;font-size:1.6rem;font-weight:600;margin-bottom:20px;margin-top:40px}.section-text{color:#444;font-size:1.1rem;line-height:1.8;margin-bottom:20px}.benefits-list{list-style:none;margin:30px 0;padding:0}.benefits-list li{color:#333;font-size:1.1rem;line-height:1.8;margin-bottom:15px;padding-right:10px}.workflow-features{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-top:40px}.feature-box{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:30px}.feature-list{list-style:none;margin:20px 0;padding:0}.feature-list li{color:#444;font-size:1rem;line-height:1.7;margin-bottom:12px;padding-right:10px}.use-cases-title{margin-bottom:30px;margin-top:60px;text-align:center}.use-cases{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:40px}.use-case{background:#f0f7f5;border-radius:12px;border-right:4px solid #2e6155;padding:25px}.use-case h4{color:#2e6155;font-size:1.3rem;margin-bottom:15px}.use-case p{color:#333;font-size:1rem;margin-bottom:10px}.use-case ol{color:#444;font-size:.95rem;line-height:1.6;margin-right:20px}.use-case ol li{margin-bottom:8px}.ai-feature-box{background:linear-gradient(135deg,#f0f7f5,#e8f5f1);border-radius:15px;box-shadow:0 4px 15px #2e61551a}.ai-trigger-box{border-left:5px solid #2e6155}.ai-action-box{border-left:5px solid #3a7a6a}.ai-feature-box h4{margin-top:25px}.ai-steps{border-radius:10px;padding:20px 25px}.ai-steps li{line-height:1.7;margin-bottom:12px}.ai-example{border-right:3px solid #2e6155;box-shadow:0 2px 8px #0000000d}.ai-example:hover{box-shadow:0 4px 15px #2e615526;transform:translateY(-3px)}.ai-example p{line-height:1.6}.ai-highlight{box-shadow:0 4px 15px #2e615533}.ai-highlight p{line-height:1.8;margin:0}.ai-highlight strong{background:#fff3;border-radius:4px;color:#fff;padding:2px 8px}.feature-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:40px}.feature{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:25px;text-align:center;transition:all .3s ease}.feature:hover{border-color:#2e6155;box-shadow:0 8px 20px #2e615526;transform:translateY(-5px)}.feature h3{color:#2e6155;font-size:1.2rem;margin-bottom:10px}.feature p{color:#666;font-size:.95rem;line-height:1.5}.industries-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;list-style:none;margin:30px 0;padding:0}.industries-list li{background:#f8f9fa;border-radius:8px;border-right:3px solid #2e6155;color:#333;font-size:1.05rem;line-height:1.6;padding:15px}.faq-section{background:#f8f9fa}.faq-item{background:#fff;border-radius:12px;border-right:4px solid #2e6155;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:25px}.faq-item h3{color:#2e6155;font-size:1.3rem;font-weight:600;margin-bottom:15px}.faq-item p{color:#444;font-size:1.05rem;line-height:1.7}.final-cta-section{background:linear-gradient(135deg,#2e6155,#3a7a6a)}.final-cta-section .section-title{color:#fff}.final-cta-section .section-text{color:#fff;font-size:1.2rem;margin:0 auto 30px;max-width:800px}.benefits-summary{margin:40px 0}.benefits-summary ul{display:inline-block;list-style:none;padding:0;text-align:right}.benefits-summary li{color:#fff;font-size:1.15rem;margin-bottom:12px}.cta-final{margin-top:40px}.cta-final h3{color:#fff;font-size:1.8rem;margin-bottom:25px}.cta-button-large{border-radius:8px;color:#2e6155;display:inline-block;padding:18px 50px;text-decoration:none}.cta-button-large:hover{background:#f0f0f0;box-shadow:0 6px 20px #0003}.cta-note{color:#ffffffe6;font-size:.95rem;margin-top:15px}.ai-features-section{border-top:2px solid #e0e0e0;margin-top:60px;padding-top:40px}.ai-title{color:#2e6155;font-size:1.8rem;margin-bottom:30px;text-align:center}.ai-feature-box{background:linear-gradient(135deg,#f0f7f5,#e8f4f1);border:2px solid #2e6155;border-radius:16px;box-shadow:0 4px 12px #2e61551a;margin-bottom:40px;padding:35px}.ai-trigger-box{border-left:6px solid #2e6155}.ai-action-box{border-left:6px solid #3a7a6a}.ai-feature-box h4{color:#2e6155;font-size:1.4rem;font-weight:600;margin-bottom:15px;margin-top:30px}.ai-steps{background:#fff;border-radius:12px;border-right:4px solid #2e6155;line-height:1.8;margin:20px 0;padding:25px}.ai-steps li{color:#333;font-size:1.05rem;margin-bottom:15px}.ai-steps strong{color:#2e6155}.ai-feature-list{list-style:none;margin:20px 0;padding:0}.ai-feature-list li{background:#fff;border-radius:8px;border-right:3px solid #2e6155;color:#333;font-size:1rem;line-height:1.6;margin-bottom:12px;padding:15px}.ai-examples{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:25px}.ai-example{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:20px;transition:all .3s ease}.ai-example:hover{border-color:#2e6155;box-shadow:0 4px 12px #2e615526;transform:translateY(-2px)}.ai-example strong{color:#2e6155;display:block;font-size:1.1rem;margin-bottom:10px}.ai-example p{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:8px}.ai-highlight{background:linear-gradient(135deg,#2e6155,#3a7a6a);border-radius:12px;color:#fff;margin-top:30px;padding:25px;text-align:center}.ai-highlight h4{color:#fff;font-size:1.3rem;margin-bottom:15px}.ai-highlight p{color:#fff;font-size:1.05rem;line-height:1.7}.ai-highlight strong{color:gold;font-weight:700}@media (max-width:968px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.use-cases,.workflow-features{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.ai-examples,.industries-list{grid-template-columns:1fr}.section-title{font-size:1.8rem}.subsection-title{font-size:1.3rem}}@media (max-width:600px){.language-switcher{left:10px;right:10px;top:10px;width:auto}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:1rem}.feature-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column}.cta-button,.cta-button-large{max-width:300px;width:100%}.section-title{font-size:1.5rem}.content-section{padding:40px 15px}.ai-feature-box{padding:20px}.ai-title{font-size:1.4rem}}.lead-capture-container{background:#fff;border:2px solid #25d36633;border-radius:16px;box-shadow:0 8px 32px #075e541f;direction:ltr;margin:60px auto;max-width:900px;padding:50px;text-align:left;transition:all .3s ease}.lead-capture-container:hover{border-color:#25d36666;box-shadow:0 12px 48px #075e542e}.lead-capture-success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50}.lead-capture-header{border-bottom:2px solid #25d3661a;margin-bottom:40px;padding-bottom:30px;text-align:center}.lead-capture-header h3{color:#075e54;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.lead-capture-header p{color:#666;font-size:1.15rem;line-height:1.6}.lead-capture-form{display:flex;flex-direction:column;gap:25px}.lead-capture-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr 1fr;width:100%}.lead-capture-row.rtl-order{direction:rtl}.lead-capture-group{direction:ltr;position:relative}.lead-capture-input,.lead-capture-textarea{background:#fafafa;border:2px solid #e8e8e8;border-radius:12px;box-sizing:border-box;color:#333;font-family:inherit;font-size:1.05rem;font-weight:500;padding:16px 20px;transition:all .3s ease;width:100%}.lead-capture-input::placeholder,.lead-capture-textarea::placeholder{color:#999;font-weight:400}.lead-capture-input:hover,.lead-capture-textarea:hover{background:#fff;border-color:#25d366}.lead-capture-input:focus,.lead-capture-textarea:focus{background:#fff;border-color:#25d366;box-shadow:0 0 0 4px #25d3661a;outline:none;transform:translateY(-1px)}.lead-capture-textarea{line-height:1.6;min-height:90px;resize:vertical}.lead-capture-error{animation:shake .5s ease;background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #ef5350;border-radius:10px;color:#c62828;font-size:1rem;font-weight:600;padding:14px 20px;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.lead-capture-submit{background:linear-gradient(135deg,#25d366,#20ba5a);border:none;border-radius:50px;box-shadow:0 4px 20px #25d3664d;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;letter-spacing:.3px;margin-top:10px;padding:18px 50px;transition:all .3s ease;width:100%}.lead-capture-submit:hover:not(:disabled){background:linear-gradient(135deg,#20ba5a,#1a9647);box-shadow:0 6px 28px #25d36666;transform:translateY(-2px)}.lead-capture-submit:active:not(:disabled){transform:translateY(0)}.lead-capture-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.lead-capture-success-message{padding:60px 40px;text-align:center}.lead-capture-success-icon{animation:successBounce .6s cubic-bezier(.68,-.55,.265,1.55);font-size:6rem;margin-bottom:25px}@keyframes successBounce{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.3) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.lead-capture-success-message h3{color:#2e7d32;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:15px}.lead-capture-success-message p{color:#1b5e20;font-size:1.25rem;line-height:1.6}@media (max-width:968px){.lead-capture-container{margin:40px 20px;padding:40px 30px}.lead-capture-header h3{font-size:1.9rem}}@media (max-width:768px){.lead-capture-container{margin:30px 15px;padding:35px 25px}.lead-capture-header h3{font-size:1.7rem}.lead-capture-header p{font-size:1.05rem}.lead-capture-row{gap:20px;grid-template-columns:1fr}.lead-capture-input,.lead-capture-textarea{font-size:1rem;padding:14px 18px}.lead-capture-submit{font-size:1.15rem;padding:16px 40px}.lead-capture-success-icon{font-size:5rem}}@media (max-width:480px){.lead-capture-container{margin:20px 10px;padding:30px 20px}.lead-capture-header h3{font-size:1.5rem}.lead-capture-header p{font-size:1rem}.lead-capture-input,.lead-capture-textarea{font-size:.95rem;padding:12px 16px}.lead-capture-submit{font-size:1.1rem;padding:15px 35px}.lead-capture-success-message{padding:40px 20px}.lead-capture-success-icon{font-size:4rem}.lead-capture-success-message h3{font-size:1.8rem}.lead-capture-success-message p{font-size:1.1rem}}.whatsapp-business-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding-top:80px}.whatsapp-business-page[dir=rtl]{direction:rtl;text-align:right}.whatsapp-business-page[dir=ltr]{direction:ltr;text-align:left}.hero-cta{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.account-types{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:40px}.account-card{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.account-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.account-card.recommended{border:3px solid #25d366}.account-card.not-recommended{border:2px solid #ff9800}.account-badge{border-radius:20px;font-size:.85rem;font-weight:700;padding:8px 16px;position:absolute;right:15px;text-transform:uppercase;top:15px}[dir=rtl] .account-badge{left:15px;right:auto}.account-badge.success{background:#25d366;color:#fff}.account-badge.warning{background:#ff9800;color:#fff}.account-icon{font-size:4rem;margin-bottom:20px;text-align:center}.account-title{color:#075e54;font-size:1.8rem;font-weight:700;margin-bottom:15px;text-align:center}.account-description{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:25px;text-align:center}.account-details h4{color:#075e54;font-size:1.2rem;font-weight:700;margin-bottom:10px;margin-top:20px}.best-for-list,.features-list,.limitations-list{list-style:none;margin:0 0 20px;padding:0}.best-for-list li,.features-list li{color:#555;font-size:1rem;line-height:1.5;padding:8px 0}.features-list li.available{color:#25d366}.features-list li.unavailable{color:#999;text-decoration:line-through}.limitations-title{color:#ff9800!important}.limitations-list li{color:#ff5722;font-size:1rem;font-weight:600;padding:8px 0}.api-content{grid-gap:40px;display:grid;gap:40px}.api-explanation h3{color:#075e54;font-size:1.8rem;font-weight:700;margin-bottom:15px}.api-explanation p{color:#555;font-size:1.1rem;line-height:1.7;margin-bottom:25px}.api-reasons{list-style:none;padding:0}.api-reasons li{background:#fff;border-radius:12px;box-shadow:0 3px 10px #00000014;font-size:1.05rem;line-height:1.6;margin-bottom:15px;padding:20px}.api-reasons li strong{color:#075e54;font-size:1.15rem}.api-vs-app h3{color:#075e54;font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.comparison-table{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;overflow:hidden}.comparison-header,.comparison-row{grid-gap:1px;background:#e0e0e0;display:grid;gap:1px;grid-template-columns:2fr 1fr 1fr}.comparison-header .comparison-col{background:#075e54;color:#fff;font-size:1.1rem;font-weight:700;padding:15px;text-align:center}.comparison-row .comparison-col{align-items:center;background:#fff;display:flex;font-size:1rem;justify-content:center;padding:15px}.comparison-row .feature-name{color:#333;font-weight:600;justify-content:flex-start}[dir=rtl] .comparison-row .feature-name{justify-content:flex-end}.comparison-row .api-col{color:#25d366;font-weight:600}.comparison-row .app-col{color:#999}.advantages-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.advantage-card{border-radius:15px}.advantage-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.advantage-icon{font-size:3rem;margin-bottom:15px}.advantage-card h3{font-size:1.5rem}.advantage-card p{color:#555;font-size:1.05rem;line-height:1.6;margin-bottom:15px;text-align:center}.advantage-examples{list-style:none;margin-top:15px;padding:0}.advantage-examples li{color:#666;font-size:.95rem;padding:8px 0 8px 25px;position:relative}[dir=rtl] .advantage-examples li{padding-left:0;padding-right:25px}.advantage-examples li:before{color:#25d366;content:"✓";font-weight:700;left:0;position:absolute}[dir=rtl] .advantage-examples li:before{left:auto;right:0}.use-cases-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.use-case-card{border-radius:15px}.use-case-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}[dir=rtl] .use-case-header{flex-direction:row-reverse}.use-case-icon{font-size:2.5rem}.use-case-card h3{margin:0}.use-case-benefits{list-style:none;padding:0}.use-case-benefits li{color:#555;font-size:1rem;line-height:1.5;padding:8px 0}.bsp-section{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:60px 40px}.bsp-explanation{margin-bottom:40px}.bsp-explanation h3{color:#075e54;font-size:2rem;font-weight:700;margin-bottom:15px;text-align:center}.bsp-explanation p{color:#555;font-size:1.15rem;line-height:1.7;margin:0 auto;max-width:900px;text-align:center}.bsp-features h3{color:#075e54;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.bsp-features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:50px}.bsp-feature-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;padding:25px;text-align:center;transition:all .3s ease}.bsp-feature-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.bsp-feature-icon{font-size:3rem;margin-bottom:15px}.bsp-feature-card h4{color:#075e54;font-size:1.3rem;font-weight:700;margin-bottom:10px}.bsp-feature-card p{color:#666;font-size:1rem;line-height:1.5}.end-to-end h3{color:#075e54;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.end-to-end-steps{display:flex;flex-direction:column;gap:25px}.end-to-end-step{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;display:flex;gap:25px;padding:25px;transition:all .3s ease}[dir=rtl] .end-to-end-step{flex-direction:row-reverse}.end-to-end-step:hover{box-shadow:0 5px 20px #0000001a;transform:translateX(10px)}[dir=rtl] .end-to-end-step:hover{transform:translateX(-10px)}.step-number{flex-shrink:0;font-weight:700}.step-content h4{color:#075e54;font-size:1.4rem;font-weight:700;margin-bottom:10px}.step-content p{color:#666;font-size:1.05rem;line-height:1.6}@media (max-width:768px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.account-types,.advantages-grid,.bsp-features-grid,.use-cases-grid{grid-template-columns:1fr}.comparison-header,.comparison-row{font-size:.85rem;grid-template-columns:1.5fr 1fr 1fr}.comparison-header .comparison-col,.comparison-row .comparison-col{padding:10px 5px}.final-cta-section h2{font-size:1.8rem}.final-cta-section p{font-size:1.1rem}}@media (max-width:480px){.hero-title{font-size:1.8rem}.cta-button,.hero-subtitle{font-size:1rem}.cta-button{padding:14px 30px}.comparison-header,.comparison-row{grid-template-columns:1fr}.comparison-row .comparison-col{justify-content:flex-start}[dir=rtl] .comparison-row .comparison-col{justify-content:flex-end}.comparison-row .feature-name:before{color:#075e54;content:"• ";font-weight:700}.app-col:before{content:"App: ";font-weight:700;margin-right:5px}[dir=rtl] .app-col:before{margin-left:5px;margin-right:0}.api-col:before{content:"API: ";font-weight:700;margin-right:5px}[dir=rtl] .api-col:before{margin-left:5px;margin-right:0}}.whatsapp-marketing-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding-top:80px}.whatsapp-marketing-page[dir=rtl]{direction:rtl;text-align:right}.whatsapp-marketing-page[dir=ltr]{direction:ltr;text-align:left}.hero-section{background:linear-gradient(135deg,#25d366,#128c7e)}.hero-stats{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:40px 0}.stat-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;padding:25px 40px}.stat-number{font-size:3rem;font-weight:800;margin-bottom:10px}.stat-label{font-size:1.1rem;opacity:.9}.cta-button.primary{background:#fff;color:#25d366}.comparison-table-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow-x:auto;padding:20px}.comparison-table{border-collapse:collapse;font-size:1rem;width:100%}.comparison-table thead th{border-bottom:3px solid #e0e0e0;font-size:1.2rem;font-weight:700;padding:20px}.comparison-table thead th:first-child{text-align:left}[dir=rtl] .comparison-table thead th:first-child{text-align:right}.comparison-table .col-icon{font-size:2rem;margin-bottom:5px}.comparison-table .whatsapp-col{background:#25d3661a;color:#128c7e;font-weight:700}.comparison-table .email-col{background:#ff98001a;color:#ff9800}.comparison-table .sms-col{background:#2196f31a;color:#2196f3}.comparison-table tbody tr{border-bottom:1px solid #e0e0e0}.comparison-table tbody tr:hover{background:#00000005}.comparison-table tbody td{padding:15px 20px;text-align:center}.comparison-table tbody td.metric-name{color:#333;font-weight:600;text-align:left}[dir=rtl] .comparison-table tbody td.metric-name{text-align:right}.advantages-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:40px}.advantage-card{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;padding:30px;transition:all .3s ease}.advantage-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-10px)}.advantage-icon{font-size:3.5rem;margin-bottom:20px;text-align:center}.advantage-card h3{color:#075e54;font-size:1.6rem;font-weight:700;margin-bottom:15px;text-align:center}.advantage-desc{color:#666;font-size:1.05rem;line-height:1.6;margin-bottom:20px;text-align:center}.advantage-stats{display:flex;flex-direction:column;gap:10px;margin-top:20px}.stat-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;display:flex;gap:15px;padding:12px 20px}.stat-highlight{color:#25d366;font-size:1.5rem;font-weight:800;min-width:80px;text-align:center}.stat-text{color:#555;font-size:1rem}.stats-section{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:60px 40px}.stats-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.stat-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;padding:30px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.stat-card-icon{font-size:3rem;margin-bottom:15px}.stat-card-number{color:#25d366;font-size:3rem;font-weight:800;margin-bottom:10px}.stat-card-label{color:#075e54;font-size:1.2rem;font-weight:700;margin-bottom:15px}.stat-card-desc{color:#666;font-size:1rem;line-height:1.5}.use-cases-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:40px}.use-case-card{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;padding:30px;transition:all .3s ease}.use-case-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.use-case-icon{font-size:3rem;margin-bottom:20px;text-align:center}.use-case-card h3{color:#075e54;font-size:1.5rem;font-weight:700;margin-bottom:15px;text-align:center}.use-case-desc{color:#666;font-size:1.05rem;line-height:1.6;margin-bottom:20px;text-align:center}.use-case-results{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:10px;padding:20px}.use-case-results strong{color:#2e7d32;display:block;font-size:1.1rem;margin-bottom:15px}.use-case-results ul{list-style:none;margin:0;padding:0}.use-case-results li{color:#1b5e20;font-size:1rem;padding:8px 0 8px 25px;position:relative}[dir=rtl] .use-case-results li{padding-left:0;padding-right:25px}.use-case-results li:before{content:"✅";left:0;position:absolute}[dir=rtl] .use-case-results li:before{left:auto;right:0}.problems-section{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-radius:20px;padding:60px 40px}.problems-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-top:40px}.problem-column h3{color:#c62828;font-size:2rem;font-weight:700;margin-bottom:25px;text-align:center}.problems-list{list-style:none;margin:0;padding:0}.problems-list li{align-items:flex-start;background:#fff;border-radius:15px;box-shadow:0 3px 10px #0000001a;display:flex;gap:15px;margin-bottom:20px;padding:20px}.problem-icon{flex-shrink:0;font-size:1.8rem}.problems-list strong{color:#d32f2f;display:block;font-size:1.15rem;margin-bottom:8px}.problems-list p{color:#666;font-size:1rem;line-height:1.5;margin:0}.gambot-section{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:60px 40px}.gambot-features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:60px;margin-top:40px}.gambot-feature-card{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:15px;padding:25px;text-align:center;transition:all .3s ease}.gambot-feature-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.gambot-feature-card h3{color:#2e7d32;font-size:1.3rem;font-weight:700;margin-bottom:10px}.gambot-feature-card p{color:#1b5e20;font-size:1rem;line-height:1.5}.gambot-cta{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:20px;color:#fff;padding:50px;text-align:center}.gambot-cta h3{font-size:2.2rem;font-weight:800;margin-bottom:20px}.gambot-cta p{font-size:1.3rem;margin-bottom:30px;opacity:.95}.final-cta-section{background:linear-gradient(135deg,#d32f2f,#b71c1c)}.final-cta-section .cta-button-large{background:#fff;color:#d32f2f}@media (max-width:968px){.problems-container,.use-cases-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.advantages-grid,.gambot-features-grid,.stats-grid{grid-template-columns:1fr}.hero-stats{flex-direction:column;gap:20px}.stat-box{width:100%}.comparison-table{font-size:.85rem}.comparison-table tbody td,.comparison-table thead th{padding:10px}}@media (max-width:480px){.hero-title{font-size:1.8rem}.cta-button,.hero-subtitle{font-size:1rem}.cta-button{padding:14px 30px}.comparison-table-container{padding:10px}.comparison-table{font-size:.75rem}.problems-container{grid-template-columns:1fr}.problem-column h3{font-size:1.5rem}}.whatsapp-automation-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding-top:80px}.whatsapp-automation-page[dir=rtl]{direction:rtl;text-align:right}.whatsapp-automation-page[dir=ltr]{direction:ltr;text-align:left}.language-switcher{background:#fff;border-radius:25px;box-shadow:0 2px 10px #0000001a;display:flex;gap:10px;padding:5px;position:absolute;right:20px;top:20px;z-index:1000}.lang-btn{background:#0000;border:none;border-radius:20px;color:#666;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .3s ease}.lang-btn:hover{background:#f0f0f0}.lang-btn.active{background:#25d366;color:#fff}.hero-section{background:linear-gradient(135deg,#128c7e,#075e54);box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:60px;padding:80px 20px;text-align:center}.hero-content{margin:0 auto;max-width:1000px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:20px;text-shadow:2px 2px 4px #0003}.hero-subtitle{font-size:1.4rem;line-height:1.6;margin-bottom:40px;opacity:.95}.cta-button{border:none;border-radius:50px;box-shadow:0 4px 15px #0003;cursor:pointer;font-size:1.2rem;font-weight:700;padding:18px 40px;transition:all .3s ease}.cta-button.primary{background:#25d366;color:#fff}.cta-button.primary:hover{background:#20ba5a;box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.content-section{margin:0 auto 80px;max-width:1200px;padding:0 20px}.section-title{color:#075e54;font-size:2.5rem;font-weight:800;margin-bottom:20px;text-align:center}.section-intro{color:#555;font-size:1.2rem;line-height:1.6;margin-bottom:40px;text-align:center}.automation-flow{display:flex;flex-direction:column;gap:40px;margin-top:40px}.flow-step{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;padding:40px;position:relative;transition:all .3s ease}.flow-step:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:800;height:50px;justify-content:center;position:absolute;right:20px;top:20px;width:50px}[dir=rtl] .step-number{left:20px;right:auto}.step-icon{font-size:4rem;margin-bottom:20px;text-align:center}.step-title{color:#075e54;font-size:1.8rem;font-weight:700;margin-bottom:15px;text-align:center}.step-description{color:#666;font-size:1.15rem;line-height:1.6;margin-bottom:20px;text-align:center}.step-details{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:15px;list-style:none;margin:0;padding:20px 30px}.step-details li{color:#1b5e20;font-size:1rem;padding:8px 0 8px 30px;position:relative}[dir=rtl] .step-details li{padding-left:0;padding-right:30px}.step-details li:before{color:#4caf50;content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}[dir=rtl] .step-details li:before{left:auto;right:0}.crm-features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.crm-feature-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:30px;text-align:center;transition:all .3s ease}.crm-feature-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:15px}.crm-feature-card h3{color:#075e54;font-size:1.4rem;font-weight:700;margin-bottom:15px}.crm-feature-card p{color:#666;font-size:1.05rem;line-height:1.6}.examples-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-top:40px}.example-card{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;padding:35px;transition:all .3s ease}.example-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.example-icon{font-size:3.5rem;margin-bottom:20px;text-align:center}.example-card h3{color:#075e54;font-size:1.6rem;font-weight:700;margin-bottom:15px;text-align:center}.example-desc{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:25px;text-align:center}.automation-steps{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;margin-bottom:20px;padding:20px}.automation-steps h4{color:#075e54;font-size:1.2rem;font-weight:700;margin-bottom:15px}.automation-steps ol{margin:0;padding-left:20px}[dir=rtl] .automation-steps ol{padding-left:0;padding-right:20px}.automation-steps li{color:#555;font-size:1rem;line-height:1.5;padding:6px 0}.example-result{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:15px;padding:20px}.example-result strong{color:#2e7d32;display:block;font-size:1.1rem;margin-bottom:10px}.example-result p{color:#1b5e20;font-size:1.05rem;font-weight:600;margin:0}.solution-components{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:40px}.solution-card{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;padding:35px;transition:all .3s ease}.solution-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.solution-icon{font-size:3.5rem;margin-bottom:20px;text-align:center}.solution-card h3{color:#075e54;font-size:1.6rem;font-weight:700;margin-bottom:15px;text-align:center}.solution-card p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:20px;text-align:center}.solution-card ul{list-style:none;margin:0;padding:0}.solution-card li{color:#555;font-size:1rem;padding:8px 0 8px 25px;position:relative}[dir=rtl] .solution-card li{padding-left:0;padding-right:25px}.solution-card li:before{color:#25d366;content:"✓";font-weight:700;left:0;position:absolute}[dir=rtl] .solution-card li:before{left:auto;right:0}.why-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.why-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:30px;text-align:center;transition:all .3s ease}.why-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.why-icon{font-size:3rem;margin-bottom:15px}.why-card h3{color:#075e54;font-size:1.4rem;font-weight:700;margin-bottom:15px}.why-card p{color:#666;font-size:1.05rem;line-height:1.6}.form-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;padding:60px 40px}.final-cta-section{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;margin-top:80px;padding:80px 20px;text-align:center}.final-cta-section h2{font-size:2.5rem;font-weight:800;margin-bottom:20px}.final-cta-section p{font-size:1.3rem;margin-bottom:40px;opacity:.95}.cta-button-large{background:#fff;border:none;border-radius:50px;box-shadow:0 5px 20px #0003;color:#25d366;cursor:pointer;font-size:1.3rem;font-weight:700;padding:20px 50px;transition:all .3s ease}.cta-button-large:hover{box-shadow:0 8px 30px #0000004d;transform:translateY(-3px)}@media (max-width:968px){.examples-grid,.solution-components{grid-template-columns:1fr}}@media (max-width:768px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.crm-features-grid,.why-grid{grid-template-columns:1fr}.flow-step{padding:30px 20px}.step-number{font-size:1.2rem;height:40px;width:40px}}@media (max-width:480px){.hero-title{font-size:1.8rem}.cta-button,.hero-subtitle{font-size:1rem}.cta-button{padding:14px 30px}}.oauth-success-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh}.oauth-success-card{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.oauth-success-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.oauth-success-card h2{color:#333;font-size:24px;font-weight:600;margin:0 0 10px}.oauth-success-card p{color:#666;font-size:16px;margin:10px 0}.oauth-success-small{color:#999!important;font-size:14px!important;margin-top:20px!important}
/*# sourceMappingURL=main.300ce0bb.css.map*/