:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-glass:#1e293bb3;--glass-border:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#3b82f6;--accent-hover:#2563eb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-family:"Inter", "Tajawal", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out}[dir=rtl]{font-family:Tajawal,Inter,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#3b82f61a,#0000 25%),radial-gradient(circle at 85% 30%,#10b9810d,#0000 25%);background-attachment:fixed;margin:0;padding:0}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);padding:1.5rem}.glass-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--glass-border);width:280px;transition:width var(--transition-normal);flex-direction:column;display:flex}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--glass-border)}.sidebar-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:1rem;padding:1.5rem;display:flex}.sidebar-logo{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.nav-menu{flex:1;padding:1rem;overflow-y:auto}.nav-item{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{color:var(--accent-primary);background:#3b82f61a}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex}.page-content{flex:1;padding:2rem;overflow-y:auto}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.table-container{width:100%;overflow-x:auto}.glass-table{border-collapse:collapse;text-align:left;width:100%}[dir=rtl] .glass-table{text-align:right}.glass-table th{color:var(--text-secondary);border-bottom:1px solid var(--glass-border);padding:1rem;font-weight:600}.glass-table td{border-bottom:1px solid #ffffff0d;padding:1rem}.glass-table tr:hover td{background:#ffffff05}.form-group{margin-bottom:1rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;display:block}.form-control{border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);background:#0003;padding:.75rem}.form-control:focus{border-color:var(--accent-primary);outline:none}.sidebar-footer{border-top:1px solid var(--glass-border);background:#0000001a;padding:1.5rem 1rem}.user-info{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent-primary), #8b5cf6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.user-details{flex-direction:column;display:flex;overflow:hidden}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.user-role{color:var(--accent-primary);font-size:.75rem;font-weight:500}.btn-logout{text-align:center;width:100%;color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#ef44441a;border:1px solid #ef444433;padding:.5rem;font-weight:500}.btn-logout:hover{background:#ef444433;transform:translateY(-1px)}:root{--font-main:"Cairo", "Inter", sans-serif}[dir=ltr],[dir=ltr] body,[dir=ltr] .app-container{font-family:Inter,Segoe UI,sans-serif!important}[dir=rtl],[dir=rtl] body,[dir=rtl] .app-container,[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] p,[dir=rtl] span,[dir=rtl] label,[dir=rtl] .nav-link,[dir=rtl] .brand-name,[dir=rtl] .nav-section-title{font-family:Cairo,Tajawal,sans-serif!important}[dir=rtl] .sidebar{border-left:1px solid #ffffff0f;border-right:none}[dir=rtl] .nav-link.active{background:linear-gradient(270deg,#6366f124 0%,#3b82f60f 100%)!important;box-shadow:inset -2px 0 #818cf8!important}[dir=rtl] .nav-badge{margin-left:0;margin-right:auto}[dir=rtl] .page-content,[dir=rtl] table{direction:rtl}[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right;direction:rtl}[dir=rtl] .metric-card,[dir=rtl] .glass-card,[dir=rtl] .glass-panel{text-align:right}[dir=rtl] .badge{margin-left:.3rem;margin-right:0}[dir=rtl] .stat-row,[dir=rtl] .metric-row,[dir=rtl] .action-row,[dir=rtl] .btn-row,[dir=rtl] .button-group{flex-direction:row-reverse}[dir=rtl] .kanban-board{direction:ltr}[dir=rtl] .pac-cred-table td{text-align:right}[dir=rtl] .pac-actions{flex-direction:row-reverse}[dir=rtl] .pac-steps{padding-left:0;padding-right:1.2rem}[dir=rtl] .c360-meta,[dir=rtl] .c360-info{text-align:right}[dir=rtl] .msg-inbound{margin-left:auto;margin-right:0}[dir=rtl] .msg-outbound{margin-left:0;margin-right:auto}.lang-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;flex-shrink:0;align-items:center;gap:.3rem;padding:.28rem .7rem;transition:all .2s;display:flex}.lang-toggle:hover{background:#ffffff1f;border-color:#ffffff38;transform:translateY(-1px)}.lang-flag{font-size:.9rem}.lang-btn{color:#64748b;letter-spacing:.03em;border-radius:10px;padding:.18rem .4rem;font-size:.72rem;font-weight:700;transition:all .2s}.lang-btn.active{color:#60a5fa;background:#3b82f633}.lang-sep{color:#334155;font-size:.65rem}