@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Tajawal:wght@400;500;700;800&display=swap);:root,[data-theme=dark]{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-card:#1e2132;--text-primary:#e4e6ef;--text-secondary:#8b8fa3;--accent:#6366f1;--accent-hover:#818cf8;--accent-glow:#6366f126;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--border:#2d3148;--row-alt:#ffffff05;--shadow:#0000004d;--card-hover-shadow:0 4px 20px #0000004d}[data-theme=light]{--bg-primary:#f4f5f7;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#1a1a2e;--text-secondary:#6b7280;--accent:#4f46e5;--accent-hover:#6366f1;--accent-glow:#4f46e51a;--success:#16a34a;--warning:#d97706;--error:#dc2626;--border:#e2e4e9;--row-alt:#00000005;--shadow:#00000014;--card-hover-shadow:0 4px 16px #0000001a}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--accent);outline-offset:2px}.btn:focus-visible,.lang-toggle:focus-visible,.tab:focus-visible,.theme-toggle:focus-visible,button:focus-visible{box-shadow:0 0 0 4px #6366f126;box-shadow:0 0 0 4px var(--accent-glow);outline:2px solid #6366f1;outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f126;box-shadow:0 0 0 3px var(--accent-glow);outline:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background-color:#0f1117;background-color:var(--bg-primary);color:#e4e6ef;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease}a{color:#6366f1;color:var(--accent);text-decoration:none}a:hover{color:#818cf8;color:var(--accent-hover)}.card,.data-table td,.data-table th,.kpi-card,.sidebar,.tabs,.top-bar{transition:background-color .3s ease,border-color .3s ease,color .3s ease}[data-theme=light] .sidebar{box-shadow:2px 0 8px #0000004d;box-shadow:2px 0 8px var(--shadow)}[data-theme=light] .card,[data-theme=light] .kpi-card{box-shadow:0 1px 4px #0000004d;box-shadow:0 1px 4px var(--shadow)}[data-theme=light] .data-table tbody tr:hover{background:#4f46e50a}[data-theme=light] .badge-snapchat{background:#b496001f;color:#a07c00}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#f9fafb;border-color:#2d3148;border-color:var(--border)}[data-theme=light] ::-webkit-scrollbar-track{background:#f4f5f7}[data-theme=light] ::-webkit-scrollbar-thumb{background:#ccc}.top-bar-actions{gap:8px}.theme-toggle,.top-bar-actions{align-items:center;display:flex}.theme-toggle{background:none;border:1px solid #2d3148;border:1px solid var(--border);border-radius:10px;color:#8b8fa3;color:var(--text-secondary);cursor:pointer;font-size:1.05rem;justify-content:center;line-height:1;padding:7px 12px;transition:all .25s ease}.theme-toggle:hover{background:#6366f126;background:var(--accent-glow);border-color:#6366f1;border-color:var(--accent);color:#6366f1;color:var(--accent);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.lang-toggle{align-items:center;background:none;border:1px solid #2d3148;border:1px solid var(--border);border-radius:10px;color:#8b8fa3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;line-height:1;padding:6px 14px;transition:all .25s ease}.lang-toggle:hover{background:#6366f126;background:var(--accent-glow);border-color:#6366f1;border-color:var(--accent);color:#6366f1;color:var(--accent);transform:scale(1.05)}.lang-toggle:active{transform:scale(.95)}.lang-toggle-icon{font-size:.95rem}.lang-toggle-label{font-family:Tajawal,Inter,sans-serif}.app-layout{display:flex;min-height:100vh}.sidebar{background:#1a1d27;background:var(--bg-secondary);border-right:1px solid #2d3148;border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:250px;z-index:100}.sidebar-logo{align-items:center;border-bottom:1px solid #2d3148;border-bottom:1px solid var(--border);color:#e4e6ef;color:var(--text-primary);display:flex;font-size:1.15rem;font-weight:700;gap:12px;padding:22px 24px}.sidebar-logo-icon{align-items:center;background:#6366f126;background:var(--accent-glow);border-radius:8px;color:#6366f1;color:var(--accent);display:inline-flex;font-size:1.3rem;height:32px;justify-content:center;width:32px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:16px 12px}.sidebar-nav .nav-link{align-items:center;border-radius:10px;color:#8b8fa3;color:var(--text-secondary);display:flex;font-size:.88rem;font-weight:500;gap:12px;padding:11px 14px;position:relative;text-decoration:none;transition:all .2s ease}.sidebar-nav .nav-link:hover{background:#6366f126;background:var(--accent-glow);color:#e4e6ef;color:var(--text-primary);transform:translateX(2px)}.app-layout.rtl .sidebar-nav .nav-link:hover{transform:translateX(-2px)}.sidebar-nav .nav-link.active{background:#6366f126;background:var(--accent-glow);color:#6366f1;color:var(--accent);font-weight:600}.sidebar-nav .nav-link.active:before{background:#6366f1;background:var(--accent);border-radius:0 3px 3px 0;bottom:8px;content:"";left:-12px;position:absolute;top:8px;width:3px}.app-layout.rtl .sidebar-nav .nav-link.active:before{border-radius:3px 0 0 3px;left:auto;right:-12px}.sidebar-nav .nav-link .nav-icon{flex-shrink:0;font-size:1.15rem;text-align:center;width:24px}.sidebar-nav .nav-link .nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{border-top:1px solid #2d3148;border-top:1px solid var(--border);color:#8b8fa3;color:var(--text-secondary);font-size:.72rem;letter-spacing:.3px;padding:16px 24px}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:250px;min-height:100vh}.top-bar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1d27;background:var(--bg-secondary);background:color-mix(in srgb,#1a1d27 85%,#0000);background:color-mix(in srgb,var(--bg-secondary) 85%,#0000);border-bottom:1px solid #2d3148;border-bottom:1px solid var(--border);display:flex;height:62px;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50}.page-title{font-size:1.1rem;font-weight:600}.page-content{animation:pageIn .3s ease;flex:1 1;padding:28px}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-btn{background:none;border:none;color:#e4e6ef;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;padding:4px}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;inset:0;position:fixed;transition:opacity .3s ease;z-index:99}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.card{background:#1e2132;background:var(--bg-card);border:1px solid #2d3148;border:1px solid var(--border);border-radius:14px;padding:24px;transition:all .25s ease}.card:hover{border-color:color-mix(in srgb,#2d3148 50%,#6366f1);border-color:color-mix(in srgb,var(--border) 50%,var(--accent));box-shadow:0 4px 20px #0000004d;box-shadow:var(--card-hover-shadow)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-header h2{font-size:1rem;font-weight:600}.card-header h3{font-size:.9rem;font-weight:600}.kpi-card{background:#1e2132;background:var(--bg-card);border:1px solid #2d3148;border:1px solid var(--border);border-radius:14px;cursor:default;display:flex;flex-direction:column;gap:8px;padding:20px;transition:all .25s ease}.kpi-card:hover{border-color:color-mix(in srgb,#2d3148 50%,#6366f1);border-color:color-mix(in srgb,var(--border) 50%,var(--accent));box-shadow:0 4px 20px #0000004d;box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.kpi-card .kpi-header{align-items:center;display:flex;justify-content:space-between}.kpi-card .kpi-title{color:#8b8fa3;color:var(--text-secondary);font-size:.78rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.kpi-card .kpi-icon{font-size:1.2rem;opacity:.7}.kpi-card .kpi-value{font-size:1.75rem;font-weight:700;line-height:1.2}.kpi-card .kpi-change{font-size:.8rem;font-weight:500}.kpi-card .kpi-change.positive{color:#22c55e;color:var(--success)}.kpi-card .kpi-change.negative{color:#ef4444;color:var(--error)}.kpi-card .kpi-breakdown{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.kpi-card .kpi-breakdown span{color:#8b8fa3;color:var(--text-secondary);font-size:.75rem}input,select,textarea{background:#0f1117;background:var(--bg-primary);border:1px solid #2d3148;border:1px solid var(--border);border-radius:10px;color:#e4e6ef;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f126;box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder,label{color:#8b8fa3;color:var(--text-secondary)}label{display:block;font-size:.85rem;font-weight:500;margin-bottom:6px}.input-group{margin-bottom:16px}.password-wrapper{position:relative}.password-wrapper input{padding-right:44px}.password-toggle{background:none;border:none;color:#8b8fa3;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle:hover{color:#e4e6ef;color:var(--text-primary)}.btn,button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease}.btn:active,button:active{transform:scale(.97)}.btn-primary{background:#6366f1;background:var(--accent);color:#fff}.btn-primary:hover{background:#818cf8;background:var(--accent-hover);box-shadow:0 4px 12px #6366f14d}.btn-secondary{background:#0f1117;background:var(--bg-primary);border:1px solid #2d3148;border:1px solid var(--border);color:#e4e6ef;color:var(--text-primary)}.btn-secondary:hover{background:#6366f126;background:var(--accent-glow);border-color:#6366f1;border-color:var(--accent)}.btn-success{background:#22c55e;background:var(--success);color:#fff}.btn-danger{background:#ef4444;background:var(--error);color:#fff}.btn-sm{font-size:.8rem;padding:6px 14px}.btn:disabled,button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.45;transform:none!important}.btn-group{display:flex;flex-wrap:wrap;gap:8px}.tabs{background:#0f1117;background:var(--bg-primary);border:1px solid #2d3148;border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;padding:4px}.tab{background:#0000;border:none;border-radius:9px;color:#8b8fa3;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 18px;transition:all .25s ease}.tab:hover{background:#6366f126;background:var(--accent-glow);color:#e4e6ef;color:var(--text-primary)}.tab.active{background:#6366f1;background:var(--accent);box-shadow:0 2px 8px #6366f14d;color:#fff}.data-table-wrapper{border-radius:10px;overflow-x:auto}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table th{background:#1e2132;background:var(--bg-card);border-bottom:2px solid #2d3148;border-bottom:2px solid var(--border);color:#8b8fa3;color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0;transition:color .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:2}.data-table th:hover{color:#6366f1;color:var(--accent)}.data-table th .sort-arrow{font-size:.7rem;margin-left:6px}.data-table td{border-bottom:1px solid #2d3148;border-bottom:1px solid var(--border);color:#e4e6ef;color:var(--text-primary);padding:12px 16px;white-space:nowrap}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:hover{background:#6366f126;background:var(--accent-glow)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.73rem;font-weight:600;gap:4px;letter-spacing:.2px;padding:4px 12px}.badge-snapchat{background:#fffc0026;color:#fffc00}.badge-tiktok{background:#ee1d5226;color:#ee1d52}.badge-clarity{background:#0078d426;color:#0078d4}.badge-active{background:#22c55e26;color:#22c55e;color:var(--success)}.badge-paused{background:#f59e0b26;color:#f59e0b;color:var(--warning)}.badge-error{background:#ef444426;color:#ef4444;color:var(--error)}.toast-container{display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;top:20px;z-index:1000}.toast{animation:toastIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;font-size:.875rem;font-weight:500;max-width:380px;padding:14px 20px}.toast-success{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e;color:var(--success)}.toast-error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444;color:var(--error)}.app-layout.rtl .toast-container{left:20px;right:auto}@keyframes toastIn{0%{opacity:0;transform:translateX(40px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.warning-banner{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;color:#f59e0b;color:var(--warning);font-size:.85rem;line-height:1.5;margin-bottom:20px;padding:14px 18px}.skeleton{background:#1a1d27;background:var(--bg-secondary);border-radius:8px;overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff0a,#0000);content:"";inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.countdown-timer{align-items:center;color:#8b8fa3;color:var(--text-secondary);display:flex;font-size:.8rem;gap:8px}.countdown-bar{background:#0f1117;background:var(--bg-primary);border-radius:2px;height:4px;overflow:hidden;width:60px}.countdown-bar-fill{background:#6366f1;background:var(--accent);border-radius:2px;height:100%;transition:width 1s linear}.countdown-bar-fill.urgent{background:#f59e0b;background:var(--warning)}.countdown-bar-fill.critical{background:#ef4444;background:var(--error)}.date-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.date-controls input[type=date]{padding:8px 12px;width:auto}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.chart-container{height:320px;width:100%}.pagination{align-items:center;display:flex;gap:6px;justify-content:center;padding:16px 0}.pagination button{background:#0f1117;background:var(--bg-primary);border:1px solid #2d3148;border:1px solid var(--border);border-radius:8px;color:#8b8fa3;color:var(--text-secondary);font-size:.8rem;padding:7px 13px;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#6366f126;background:var(--accent-glow);border-color:#6366f1;border-color:var(--accent);color:#6366f1;color:var(--accent)}.pagination button.active{background:#6366f1;background:var(--accent);border-color:#6366f1;border-color:var(--accent);box-shadow:0 2px 8px #6366f14d;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.35}.pagination-info{color:#8b8fa3;color:var(--text-secondary);font-size:.78rem;margin:0 8px}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#2d3148;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8b8fa3;background:var(--text-secondary)}@keyframes tooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.text-secondary{color:#8b8fa3;color:var(--text-secondary)}.text-success{color:#22c55e;color:var(--success)}.text-error{color:#ef4444;color:var(--error)}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-wrap{flex-wrap:wrap}@media (max-width:1200px){.grid-6{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.grid-3,.grid-6{grid-template-columns:repeat(2,1fr)}.page-content{padding:20px}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block}.main-content{margin-left:0}.mobile-menu-btn{display:block}.page-content{padding:16px}.grid-2,.grid-3,.grid-4,.grid-6{grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-direction:column}.tabs{overflow-x:auto}.date-controls{align-items:stretch;flex-direction:column}.lang-toggle-label{display:none}}@media (max-width:480px){.top-bar{padding:0 16px}.top-bar h1{font-size:.95rem}.kpi-card .kpi-value{font-size:1.4rem}}.app-layout.rtl{direction:rtl}.app-layout.rtl .sidebar{border-left:1px solid #2d3148;border-left:1px solid var(--border);border-right:none;left:auto;right:0}.app-layout.rtl .main-content{margin-left:0;margin-right:250px}.app-layout.rtl .data-table th{text-align:right}.app-layout.rtl .data-table th .sort-arrow{margin-left:0;margin-right:6px}[data-theme=light] .app-layout.rtl .sidebar{box-shadow:-2px 0 8px #0000004d;box-shadow:-2px 0 8px var(--shadow)}@media (max-width:768px){.app-layout.rtl .sidebar{transform:translateX(100%)}.app-layout.rtl .sidebar.open{transform:translateX(0)}.app-layout.rtl .main-content{margin-right:0}}[data-lang=ar] body{font-family:Tajawal,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}[data-lang=ar] .btn,[data-lang=ar] .card-header h2,[data-lang=ar] .card-header h3,[data-lang=ar] .kpi-card .kpi-title,[data-lang=ar] .page-title,[data-lang=ar] .sidebar-logo,[data-lang=ar] .sidebar-nav .nav-link,[data-lang=ar] .tab,[data-lang=ar] .top-bar,[data-lang=ar] button,[data-lang=ar] input,[data-lang=ar] label,[data-lang=ar] select{font-family:Tajawal,system-ui,sans-serif}.channel-tabs{-webkit-overflow-scrolling:touch;background:#1a1d27;background:var(--bg-secondary);border:1px solid #2d3148;border:1px solid var(--border);border-radius:14px;display:flex;gap:6px;margin-bottom:20px;overflow-x:auto;padding:5px}.channel-tab{background:#0000;border:none;border-radius:10px;color:#8b8fa3;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.channel-tab:hover{background:#6366f126;background:var(--accent-glow);color:#e4e6ef;color:var(--text-primary)}.channel-tab.active{box-shadow:0 2px 10px #0003;font-weight:700}.channel-subtabs{background:#1a1d27;background:var(--bg-secondary);border:1px solid #2d3148;border:1px solid var(--border);border-radius:12px;display:flex;gap:0;margin-bottom:20px;overflow:hidden}.channel-subtab{background:#0000;border:none;color:#8b8fa3;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:11px 20px;position:relative;transition:all .2s ease;white-space:nowrap}.channel-subtab:first-child{border-right:1px solid #2d3148;border-right:1px solid var(--border)}.app-layout.rtl .channel-subtab:first-child{border-left:1px solid #2d3148;border-left:1px solid var(--border);border-right:none}.channel-subtab:hover{color:#e4e6ef;color:var(--text-primary)}.channel-subtab.active,.channel-subtab:hover{background:#6366f126;background:var(--accent-glow)}.channel-subtab.active{color:#6366f1;color:var(--accent);font-weight:700}.channel-subtab.active:after{background:#6366f1;background:var(--accent);border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:20%;position:absolute;right:20%}@media (max-width:768px){.channel-tab{font-size:.8rem;padding:9px 16px}.channel-subtab{font-size:.8rem;padding:10px 12px}}@media (max-width:480px){.channel-tab{font-size:.75rem;padding:8px 14px}}.crm-stats-bar{background:#1e2132;background:var(--bg-card);border:1px solid #2d3148;border:1px solid var(--border);border-radius:14px;display:flex;gap:0;overflow:hidden}.crm-stat-item{align-items:center;border-right:1px solid #2d3148;border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 12px;transition:background .2s ease}.crm-stat-item:last-child{border-right:none}.app-layout.rtl .crm-stat-item{border-left:1px solid #2d3148;border-left:1px solid var(--border);border-right:none}.app-layout.rtl .crm-stat-item:last-child{border-left:none}.crm-stat-item:hover{background:#6366f126;background:var(--accent-glow)}.crm-stat-value{font-size:1.5rem;font-weight:700;line-height:1.2}.crm-stat-label{color:#8b8fa3;color:var(--text-secondary);font-size:.72rem;font-weight:500;letter-spacing:.4px;text-align:center;text-transform:uppercase}@media (max-width:480px){.crm-stats-bar{flex-wrap:wrap}.crm-stat-item{border-bottom:1px solid #2d3148;border-bottom:1px solid var(--border);flex:1 1 45%}.crm-stat-item:nth-child(2){border-right:none}.app-layout.rtl .crm-stat-item:nth-child(2){border-left:none}.crm-stat-value{font-size:1.25rem}}.crm-kanban{-webkit-overflow-scrolling:touch;display:flex;gap:10px;min-height:400px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x proximity}.crm-kanban-column{background:#1a1d27;background:var(--bg-secondary);border:1px solid #2d3148;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;max-height:calc(100vh - 340px);max-width:270px;min-width:250px;scroll-snap-align:start;transition:all .2s ease}.crm-kanban-column.drag-over{background:#6366f126;background:var(--accent-glow);border-color:#6366f1;border-color:var(--accent)}.crm-kanban-column-header{align-items:center;background:inherit;border-bottom:1px solid #2d3148;border-bottom:1px solid var(--border);border-radius:12px 12px 0 0;display:flex;gap:8px;padding:12px 14px;position:sticky;top:0;z-index:1}.crm-kanban-column-body{flex:1 1;overflow-y:auto;padding:8px}.crm-kanban-card{background:#1e2132;background:var(--bg-card);border:1px solid #2d3148;border:1px solid var(--border);border-radius:10px;cursor:grab;margin-bottom:8px;padding:14px;transition:all .2s ease}.crm-kanban-card:hover{border-color:#6366f1;border-color:var(--accent);box-shadow:0 4px 20px #0000004d;box-shadow:var(--card-hover-shadow);transform:translateY(-1px)}.crm-kanban-card:active{cursor:grabbing;opacity:.7;transform:rotate(1deg) scale(1.02)}.crm-modal-overlay{align-items:flex-start;animation:crmFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:200}@keyframes crmFadeIn{0%{opacity:0}to{opacity:1}}.crm-modal{animation:crmSlideIn .25s cubic-bezier(.4,0,.2,1);background:#1e2132;background:var(--bg-card);border:1px solid #2d3148;border:1px solid var(--border);border-radius:16px;margin:auto;max-width:720px;padding:28px;width:100%}@keyframes crmSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.crm-form-grid{grid-gap:0 20px;display:grid;gap:0 20px;grid-template-columns:1fr 1fr}@media (max-width:768px){.crm-form-grid{grid-template-columns:1fr}.crm-form-grid [style*=grid-column]{grid-column:auto!important}}.crm-modal-header{align-items:center;background:#1e2132;background:var(--bg-card);display:flex;justify-content:space-between;margin-bottom:20px;padding:0 0 12px;position:sticky;top:-28px;z-index:1}.crm-modal-footer{border-top:1px solid #2d3148;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:16px}.crm-comm-log{margin-bottom:8px;max-height:260px;overflow-y:auto}.crm-comm-entry{background:#0f1117;background:var(--bg-primary);border-left:3px solid #6366f1;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;margin-bottom:8px;padding:10px 14px;transition:background .2s ease}.crm-comm-entry:hover{background:#6366f126;background:var(--accent-glow)}.app-layout.rtl .crm-comm-entry{border-left:none;border-radius:10px 0 0 10px;border-right:3px solid #6366f1;border-right:3px solid var(--accent)}@media (max-width:1200px){.crm-kanban-column{max-width:240px;min-width:220px}}@media (max-width:768px){.crm-kanban{gap:8px;min-height:300px;scroll-snap-type:x mandatory}.crm-kanban-column{max-height:calc(100vh - 380px);max-width:85vw;min-width:85vw;scroll-snap-align:center}.crm-modal-overlay{align-items:flex-start;padding:10px}.crm-modal{border-radius:12px;max-width:100%;padding:18px}.crm-modal .input-group{margin-bottom:12px}.crm-modal [style*="grid-template-columns: 1fr 1fr"]{display:flex!important;flex-direction:column!important}.crm-modal-footer{flex-direction:column}.crm-modal-footer .btn{justify-content:center;width:100%}.crm-comm-log{max-height:200px}}@media (max-width:480px){.crm-kanban-column{max-width:90vw;min-width:90vw}}.login-page{align-items:center;background:#0f1117;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#1e2132;background:var(--bg-card);border:1px solid #2d3148;border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 40px #0003;max-width:420px;padding:40px;width:100%}.login-header{margin-bottom:28px;text-align:center}.login-footer,.login-logo{display:flex;justify-content:center}.login-footer{border-top:1px solid #2d3148;border-top:1px solid var(--border);gap:8px;margin-top:24px;padding-top:16px}@media (max-width:480px){.login-card{border-radius:16px;padding:28px 20px}}.app-layout.rtl .password-wrapper input{padding-left:44px;padding-right:14px}.app-layout.rtl .password-toggle{left:10px;right:auto}
/*# sourceMappingURL=main.9add3912.css.map*/