:root{--primary-color:#3b82f6;--secondary-color:#1e293b;--accent-color:#60a5fa}[data-theme=dark]{--bg-base:#0f172a;--bg-surface:#1e293b;--bg-sidebar:#1e293b;--bg-elevated:#334155;--bg-input:#0f172a;--border-color:#334155;--border-light:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--text-sidebar:#94a3b8;--text-sidebar-hover:#f1f5f9;--shadow:#0006}[data-theme=light]{--bg-base:#f8fafc;--bg-surface:#fff;--bg-sidebar:#1e293b;--bg-elevated:#f1f5f9;--bg-input:#f8fafc;--border-color:#e2e8f0;--border-light:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#f1f5f9;--text-sidebar:#94a3b8;--text-sidebar-hover:#f1f5f9;--shadow:#00000014}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .3s,color .3s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[dir=rtl]{font-family:Tajawal,Inter,-apple-system,sans-serif}html[dir=rtl] .page-header h1,html[dir=rtl] .page-header>div{text-align:right!important}html[dir=rtl] .table-container,html[dir=rtl] .data-table{direction:rtl}html[dir=rtl] .data-table th,html[dir=rtl] .data-table td,html[dir=rtl] .card h3,html[dir=rtl] .panel-header h2,html[dir=rtl] .panel-header p,html[dir=rtl] .branding-card h2,html[dir=rtl] .group-title{text-align:right!important}html[dir=rtl] .form-group label{display:block;text-align:right!important}html[dir=rtl] .form-grid,html[dir=rtl] .stats-grid{direction:rtl}html[dir=rtl] .stat-label,html[dir=rtl] .stat-value{text-align:right!important}html[dir=rtl] .charts-grid{direction:rtl}html[dir=rtl] .chart-card h2{text-align:right!important}html[dir=rtl] .bar-row{direction:rtl}html[dir=rtl] .bar-label{text-align:right!important}html[dir=rtl] .recent-info{text-align:right!important;align-items:flex-end!important}html[dir=rtl] .status-badge,html[dir=rtl] .role-badge,html[dir=rtl] .systems-count,html[dir=rtl] .badge{text-align:center!important}html[dir=rtl] .modal h2,html[dir=rtl] .modal .form-group label,html[dir=rtl] .role-card .role-desc,html[dir=rtl] .role-card .role-header h3{text-align:right!important}html[dir=rtl] .permissions-tags{direction:rtl}html[dir=rtl] .perm-group h4,html[dir=rtl] .systems-section h3,html[dir=rtl] .notif-content,html[dir=rtl] .profile-header-info,html[dir=rtl] .profile-header-info h1{text-align:right!important}html[dir=rtl] .profile-header-meta{text-align:left!important}html[dir=rtl] .content-grid,html[dir=rtl] .form-row{direction:rtl}html[dir=rtl] .activity-content{text-align:right!important}html[dir=rtl] .activity-line{left:auto!important;right:15px!important}html[dir=rtl] .branding-grid{direction:rtl}html[dir=rtl] .color-field label,html[dir=rtl] .color-desc,html[dir=rtl] .section-desc{text-align:right!important}html[dir=rtl] .sidebar-tab{text-align:right!important;padding-left:.75rem!important;padding-right:2.75rem!important}html[dir=rtl] .setting-info{text-align:right!important;padding-left:2rem!important;padding-right:0!important}html[dir=rtl] .panel-header{text-align:right!important}html[dir=rtl] .login-header{text-align:center!important}html[dir=rtl] .login-card .form-group label{text-align:right!important}[dir=rtl] button,html[dir=rtl] .btn-primary,html[dir=rtl] .btn-secondary,html[dir=rtl] .btn-sm,html[dir=rtl] .btn-back,html[dir=rtl] .btn-logout,html[dir=rtl] .btn-reset,html[dir=rtl] .upload-btn{text-align:center!important}[dir=rtl] input[type=text],[dir=rtl] input[type=email],[dir=rtl] input[type=password],[dir=rtl] input[type=number],[dir=rtl] input[type=tel],[dir=rtl] input[type=url],[dir=rtl] select,[dir=rtl] textarea{text-align:left!important;direction:ltr!important}html[dir=rtl] .empty-state,html[dir=rtl] .empty,html[dir=rtl] .empty-activity,html[dir=rtl] .loading{text-align:center!important}