:root{--color-primary: #667eea;--color-secondary: #764ba2;--color-success: #4facfe;--color-warning: #fa709a;--color-danger: #F64E60;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--font-primary: "Inter", sans-serif;--font-arabic: "Cairo", sans-serif}[dir=rtl],body[dir=rtl]{font-family:var(--font-arabic)!important}.btn,button{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn:active{transform:scale(.98)}.card,[class*=card]{transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover,[class*=card]:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}input:focus,textarea:focus,select:focus{transform:scale(1.02);transition:transform .2s ease}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0 80px);background-size:200px 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes success-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.success-animation{animation:success-bounce .6s ease}@keyframes error-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.error-animation{animation:error-shake .5s ease;border-color:#ef4444!important}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .3s ease-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slide-in-right .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:300px;height:300px}*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid #667eea;outline-offset:2px;border-radius:4px}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes progress{0%{width:0%}}.progress-bar{animation:progress .3s ease-out}.ecosystem-toolbar{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap}.ecosystem-theme-group,.ecosystem-lang-group{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem;border-radius:999px;background:color-mix(in srgb,var(--bg-card, #fff) 88%,transparent);border:1px solid color-mix(in srgb,var(--text-muted, #94a3b8) 28%,transparent);box-shadow:var(--shadow-soft, 0 2px 8px rgba(15, 23, 42, .06))}.ecosystem-theme-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;border:0;border-radius:999px;background:transparent;color:var(--text-secondary, #64748b);cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.ecosystem-theme-btn svg{width:1.15rem;height:1.15rem}.ecosystem-theme-btn:hover,.ecosystem-theme-btn:focus-visible{background:color-mix(in srgb,var(--brand-500, #6366f1) 12%,transparent);color:var(--brand-600, #4f46e5);outline:none}.ecosystem-theme-btn.active{background:color-mix(in srgb,var(--brand-500, #6366f1) 18%,transparent);color:var(--brand-700, #4338ca);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-500, #6366f1) 35%,transparent)}html[data-theme=dark] .ecosystem-theme-group,html[data-theme=dark] .ecosystem-lang-group,html.dark .ecosystem-theme-group,html.dark .ecosystem-lang-group{background:#0f172ab8;border-color:#94a3b838}.ecosystem-lang-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.ecosystem-lang-modal[aria-hidden=false],.ecosystem-lang-modal-open{opacity:1;visibility:visible;pointer-events:auto}.ecosystem-lang-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ecosystem-lang-modal-box{position:relative;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:480px;width:90%;max-height:90vh;overflow:hidden;animation:ecosystemLangModalSlideIn .3s ease-out}@keyframes ecosystemLangModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ecosystem-lang-modal-header{padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.ecosystem-lang-modal-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.ecosystem-lang-modal-globe{width:28px;height:28px;color:#3b82f6;flex-shrink:0}.ecosystem-lang-modal-globe svg{display:block;width:100%;height:100%}.ecosystem-lang-modal-title{flex:1;font-size:1.25rem;font-weight:600;color:#111827;margin:0}.ecosystem-lang-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#6b7280;font-size:24px;line-height:1;cursor:pointer;transition:all .2s}.ecosystem-lang-modal-close:hover{background:#f3f4f6;color:#111827}.ecosystem-lang-modal-subtitle{font-size:.875rem;color:#6b7280;margin:0}.ecosystem-lang-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:16px;max-height:400px;overflow-y:auto}.ecosystem-lang-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;text-align:center;text-decoration:none;transition:all .2s;position:relative;cursor:pointer}.ecosystem-lang-card:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px)}.ecosystem-lang-card:active{transform:translateY(0)}.ecosystem-lang-card-selected{border-color:#3b82f6;background:#eff6ff}.ecosystem-lang-card-check{position:absolute;top:8px;inset-inline-end:8px;width:20px;height:20px;color:#3b82f6;display:none}.ecosystem-lang-card-check svg{display:block;width:100%;height:100%}.ecosystem-lang-card-selected .ecosystem-lang-card-check{display:block}.ecosystem-lang-card-flag{font-size:2.5rem;line-height:1}.ecosystem-lang-card-name{font-size:.875rem;font-weight:500;color:#111827}.ecosystem-lang-card-code{font-size:.75rem;color:#6b7280;text-transform:uppercase}[dir=rtl] .ecosystem-lang-modal-globe{order:3}[dir=rtl] .ecosystem-lang-modal-close{order:2}[dir=rtl] .ecosystem-lang-modal-title{order:1}[dir=rtl] .ecosystem-lang-card-check{inset-inline-end:auto;inset-inline-start:8px}@media(prefers-color-scheme:dark){.ecosystem-lang-modal-box{background:#1f2937;box-shadow:0 25px 50px -12px #00000080}.ecosystem-lang-modal-title{color:#f9fafb}.ecosystem-lang-modal-subtitle{color:#9ca3af}.ecosystem-lang-modal-close:hover{background:#374151;color:#f9fafb}.ecosystem-lang-modal-header{border-bottom-color:#374151}.ecosystem-lang-card{background:#1f2937;border-color:#374151}.ecosystem-lang-card:hover,.ecosystem-lang-card-selected{border-color:#3b82f6;background:#1e3a5f}.ecosystem-lang-card-name{color:#f9fafb}.ecosystem-lang-card-code{color:#9ca3af}}@media(max-width:640px){.ecosystem-lang-modal{align-items:flex-end;padding:0}.ecosystem-lang-modal-box{max-width:100%;width:100%;max-height:82vh;border-radius:1.25rem 1.25rem 0 0}.ecosystem-lang-modal-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-lang-modal-header{padding:20px 16px 12px}.ecosystem-lang-modal-grid{padding:12px}}:root{--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warning: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-info: linear-gradient(135deg, #30cfd0 0%, #330867 100%);--bg-primary: #f8fafc;--bg-card: #ffffff;--bg-sidebar: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-white: #ffffff;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-soft: 0 2px 8px rgba(0, 0, 0, .04);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .08);--shadow-large: 0 8px 32px rgba(0, 0, 0, .12);--font-display: "Poppins", sans-serif;--font-body: "Inter", sans-serif;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--sidebar-width: 260px;--navbar-height: 70px}html,body{overflow-x:hidden!important;max-width:100vw!important;width:100%!important}body{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--text-primary);background:#fff!important}#app{overflow-x:hidden!important;max-width:100vw!important;width:100%!important}.section{background:var(--bg-primary);min-height:100vh;padding:0;margin-left:0;width:100%;max-width:100%;box-sizing:border-box}.main-content{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.main-content>.section{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important}.container,.accounts-container,.bot-edit-container,[class*=container]{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important;overflow-x:hidden!important}.card-modern,.glass-panel,.import-card,.account-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important}*{max-width:100%;box-sizing:border-box}img,svg,video,iframe{max-width:100%;height:auto}@media(max-width:1024px){.section{margin-left:0;width:100%}.sidebar{position:fixed;top:0;left:0;z-index:var(--z-sidebar, 100);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000026}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:calc(var(--z-sidebar, 100) - 1);transition:opacity .3s}.sidebar-overlay.show{display:block}.main-wrapper{margin-left:0!important;width:100%!important}.dashboard-header{left:0!important;width:100%!important}.admin-sidebar-rail-toggle{display:none!important}.mobile-toggle{display:inline-flex!important}}@media(max-width:1024px){[dir=rtl] .sidebar{transform:translate(100%)}[dir=rtl] .sidebar.open{transform:translate(0)}}@media(max-width:380px){.inbox-header{flex-direction:column;gap:.75rem;padding:1rem}.inbox-stats{flex-direction:column;gap:.5rem}.inbox-title{font-size:1.15rem}.conversation-avatar{width:40px;height:40px}.modal-content{min-width:0;width:calc(100% - 2rem);margin:1rem}.channel-btn{width:100%;text-align:center}.channel-actions{flex-direction:column}}@media(max-width:640px){.page-title,h1{font-size:1.35rem!important}h2{font-size:1.15rem!important}h3{font-size:1.05rem!important}.card-modern{margin-bottom:1rem}.card-modern-header{padding:.85rem 1rem;flex-wrap:wrap}.card-modern-body{padding:1rem}.card-modern-title{font-size:1rem}.form-group{margin-bottom:.85rem}.form-control,.form-label{font-size:.9rem}input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],input[type=url],select,textarea{font-size:16px!important;min-height:44px}.btn,.btn-modern,.channel-btn,.ch-btn{min-height:44px;padding:.6rem 1rem;font-size:.9rem}.table-responsive,table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-group-title{font-size:1.1rem}.section-content{padding:.75rem}.dashboard-section-header{padding:.85rem 1rem;flex-wrap:wrap;gap:.75rem}.dashboard-section-header h1{font-size:1.25rem!important}.page-header{margin-bottom:1rem!important}.modal-content{min-width:0;width:calc(100% - 2rem);margin:1rem;padding:1.25rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%;text-align:center}}@media(min-width:640px)and (max-width:768px){.card-modern{margin-bottom:1.25rem}}@media(min-width:1440px){.integration-channel-layout{max-width:min(1320px,100%)}}@media print{.sidebar,.main-header,.dashboard-header{display:none!important}.main-wrapper{margin:0!important;width:100%!important}.main-content{padding:0!important}}@media(pointer:coarse){.btn,.btn-modern,.channel-btn,.ch-btn,.inbox-conversation-item,.conversation-item,.inbox-chip,.inbox-badge,.inbox-panel-tab{min-height:44px}.inbox-conversation-item{padding:.75rem .5rem}.inbox-conversation-item:hover,.ih-card:hover{transform:none}}@media(max-width:860px)and (orientation:landscape){.inbox-container{height:calc(100vh - 60px)}.inbox-shell{min-height:calc(100vh - 80px)}}.admin-page-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.admin-page-toolbar__lead{min-width:0;flex:1 1 200px}.admin-page-toolbar__lead p{margin:8px 0 0;font-size:.875rem;color:var(--text-secondary)}.admin-page-toolbar__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}body.page-flow-builder .page-hero{padding:24px!important;margin-bottom:16px!important;gap:16px!important}body.page-flow-builder .page-hero h1{font-size:clamp(1.25rem,4vw,1.75rem)!important}@media(max-width:768px){.admin-page-toolbar{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:16px}.admin-page-toolbar__actions .btn,.admin-page-toolbar__actions .btn-create,.admin-page-toolbar__actions a[class*=btn]{width:100%;justify-content:center}body.page-messenger-bot .bot-page-header{margin-bottom:16px;gap:8px}body.page-flow-builder .page-hero{padding:16px!important}body.page-flow-builder .page-hero>div:last-of-type:not([style*="position:absolute"]){width:100%}body.page-flow-builder .page-hero a{flex:1 1 auto;justify-content:center}}@media(max-width:375px){.admin-page-toolbar__lead h1,.admin-page-toolbar__lead .h3{font-size:1.15rem!important}}[dir=rtl] .sidebar{left:auto;right:0}[dir=rtl] .main-wrapper{margin-left:0!important;margin-right:var(--sidebar-w, 260px)}[dir=rtl] .dashboard-header{left:auto;right:var(--sidebar-w, 260px)}[dir=rtl] .breadcrumb .separator i{transform:scaleX(-1)}[dir=rtl] .nav-chevron{transition:transform .2s}html[dir=rtl].admin-sidebar-collapsed .main-wrapper{margin-right:72px!important;margin-left:0!important}html[dir=rtl].admin-sidebar-collapsed .dashboard-header{right:72px;left:0!important}[dir=rtl] .card-modern,[dir=rtl] .stat-card,[dir=rtl] .chart-card,[dir=rtl] .feature-card{text-align:right}@media(max-width:380px){.dashboard-section-header{padding:.6rem .75rem}.dashboard-section-header h1{font-size:1.1rem!important}.section-content{padding:.5rem}.card-modern-body{padding:.75rem}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.btn,.btn-modern,.nav-link,.nav-item,.nav-group-toggle,.channel-tab,.ch-stat,.hero-btn,.feature-card,.quick-action-btn{touch-action:manipulation}.skip-link{position:fixed!important;z-index:99999!important;top:0!important;left:var(--space-4, 1rem)!important;right:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:.75rem 1rem!important;transform:translateY(-140%)!important;pointer-events:none!important;overflow:visible!important;clip:auto!important;white-space:nowrap!important;border:0!important;border-radius:var(--radius-sm, 6px)!important;background:var(--primary, var(--brand-600, #4f46e5))!important;color:var(--text-inverse, #fff)!important;font-weight:700!important;text-decoration:none!important;box-shadow:var(--shadow-lg, 0 18px 36px rgba(15, 23, 42, .18))!important}[dir=rtl] .skip-link{right:var(--space-4, 1rem)!important;left:auto!important}.skip-link:focus,.skip-link:focus-visible{transform:translateY(var(--space-4, 1rem))!important;pointer-events:auto!important;outline:2px solid var(--brand-200, #c7d2fe)!important;outline-offset:2px!important}.nav-link:focus-visible,.nav-group-toggle:focus-visible,.btn:focus-visible,.btn-modern:focus-visible,.channel-tab:focus-visible,.feature-card:focus-visible{outline:2px solid var(--brand-500, #6366f1);outline-offset:2px}.mobile-toggle{display:none}@media(max-width:1024px){.mobile-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;border-radius:.5rem;transition:background .15s;touch-action:manipulation}.mobile-toggle:hover{background:var(--surface-2)}}