:root,:root[data-theme="light"]{--bg-primary:#F8FAFC;--bg-secondary:#F1F5F9;--bg-card:#FFFFFF;--bg-elevated:rgba(255,255,255,0.98);--bg-input:#EEF2F6;--bg-hover:rgba(37,99,235,0.06);--bg-sidebar:#F0F4F8;--bg-sidebar-hover:rgba(37,99,235,0.08);--bg-sidebar-active:rgba(37,99,235,0.12);--text-color:#111827;--text-primary:#111827;--text-secondary:#6B7280;--text-muted:#9CA3AF;--text-heading:#0F172A;--text-inverse:#FFFFFF;--border-color:#E2E8F0;--border-soft:rgba(148,163,184,0.4);--border-accent:rgba(37,99,235,0.4);--border-subtle:rgba(37,99,235,0.2);--shadow-sm:0 1px 2px rgba(15,23,42,0.04);--shadow-md:0 4px 12px rgba(15,23,42,0.06);--shadow-lg:0 8px 24px rgba(15,23,42,0.08);--shadow-card:0 1px 3px rgba(15,23,42,0.05),0 1px 2px rgba(15,23,42,0.03);--accent-primary:#2563EB;--accent-secondary:#3B82F6;--accent-warm:#D97706;--accent-color:#2563EB;--primary-gradient:linear-gradient(135deg,#3B5998 0%,#4A6FA5 50%,#5B7FB8 100%);--secondary-gradient:linear-gradient(135deg,rgba(59,89,152,0.12) 0%,rgba(74,111,165,0.06) 100%);--success-color:#2F855A;--success-bg:rgba(47,133,90,0.1);--warning-color:#B7791F;--warning-bg:rgba(183,121,31,0.1);--error-color:#C53030;--error-bg:rgba(197,48,48,0.1);--info-color:#2B6CB0;--info-bg:rgba(43,108,176,0.1);--glow-focus:0 0 0 3px rgba(59,89,152,0.2),0 0 0 6px rgba(59,89,152,0.1);--glow-primary:0 0 20px rgba(59,89,152,0.15);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--font-ui:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;--font-arabic:var(--font-ui);--font-english:var(--font-ui);--font-code:'Roboto Mono','Cascadia Code','Consolas',monospace;--font-weight-normal:500;--font-weight-medium:600;--font-weight-bold:700;--primary-color:var(--accent-primary);--bg-color:var(--bg-primary);--card-bg:var(--bg-card);--light-color:var(--bg-elevated);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:220ms ease}:root[data-theme="dark"]{--bg-primary:#11151B;--bg-secondary:#1A1F27;--bg-card:#202632;--bg-elevated:rgba(32,38,50,0.98);--bg-input:rgba(26,31,39,0.8);--bg-hover:rgba(96,165,250,0.08);--bg-sidebar:#1A1F27;--bg-sidebar-hover:rgba(96,165,250,0.1);--bg-sidebar-active:rgba(96,165,250,0.15);--text-color:#E5E7EB;--text-primary:#E5E7EB;--text-secondary:#9CA3AF;--text-muted:#6B7280;--text-heading:#F3F4F6;--text-inverse:#11151B;--border-color:#313846;--border-soft:rgba(49,56,70,0.8);--border-accent:rgba(96,165,250,0.4);--border-subtle:rgba(96,165,250,0.2);--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.35);--shadow-lg:0 8px 24px rgba(0,0,0,0.4);--shadow-card:0 1px 3px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.15);--accent-primary:#60A5FA;--accent-secondary:#93C5FD;--accent-warm:#FBBF24;--accent-color:#60A5FA;--primary-gradient:linear-gradient(135deg,#60A5FA 0%,#93C5FD 50%,#BFDBFE 100%);--secondary-gradient:linear-gradient(135deg,rgba(96,165,250,0.12) 0%,rgba(147,197,253,0.06) 100%);--success-color:#4ADE80;--success-bg:rgba(74,222,128,0.12);--warning-color:#FBBF24;--warning-bg:rgba(251,191,36,0.12);--error-color:#F87171;--error-bg:rgba(248,113,113,0.12);--info-color:#67E8F9;--info-bg:rgba(103,232,249,0.12);--glow-focus:0 0 0 3px rgba(96,165,250,0.2),0 0 0 6px rgba(96,165,250,0.1);--glow-primary:0 0 20px rgba(96,165,250,0.15);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px}html{scroll-behavior:smooth;font-family:var(--font-ui)}body{background-color:var(--bg-primary);background-image:linear-gradient(rgba(37,99,235,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,0.02) 1px,transparent 1px),radial-gradient(circle at 16% -12%,rgba(37,99,235,0.08),transparent 42%),radial-gradient(circle at 84% 115%,rgba(5,150,105,0.06),transparent 36%);background-size:28px 28px,28px 28px,auto,auto;color:var(--text-color);font-family:var(--font-ui);line-height:1.6;transition:background-color var(--transition-base),color var(--transition-base)}:root[data-theme="dark"] body{background-image:linear-gradient(rgba(88,110,141,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(88,110,141,0.02) 1px,transparent 1px),radial-gradient(circle at 16% -12%,rgba(88,110,141,0.05),transparent 42%),radial-gradient(circle at 84% 115%,rgba(63,185,80,0.03),transparent 36%)}body.lang-ar,html[lang='ar'] body{font-family:var(--font-arabic)}body.lang-en,html[lang='en'] body{font-family:var(--font-ui)}body.lang-es,html[lang='es'] body{font-family:var(--font-ui)}button,input,select,textarea,table,thead,tbody,tfoot,tr,th,td,nav,.nav-tab,.nav-links a,.badge,.chip,.card,.modal{font-family:var(--font-ui)}h1,h2,h3,h4,h5,h6,.heading-gradient{color:var(--text-heading);background:var(--primary-gradient);background-size:180% 180%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:0.01em;transition:color var(--transition-base)}h1,h2,.heading-gradient{animation:headingShine 7.5s ease-in-out infinite}@keyframes headingShine{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}pre,code,kbd,samp,.code,.code-block,.workspace-code{font-family:var(--font-code)}code,kbd,.badge-mono{font-size:0.9em}a{color:var(--accent-primary);transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}::selection{background:rgba(37,99,235,0.25);color:var(--text-inverse)}:root[data-theme="dark"] ::selection{background:rgba(96,165,250,0.3)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.sidebar{background:var(--bg-sidebar);border-color:var(--border-color);transition:background-color var(--transition-base),border-color var(--transition-base)}.sidebar-nav a,.sidebar-link{color:var(--text-secondary);background:transparent;border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar-nav a:hover,.sidebar-link:hover{background:var(--bg-sidebar-hover);color:var(--text-primary)}.sidebar-nav a.active,.sidebar-link.active{background:var(--bg-sidebar-active);color:var(--accent-primary);font-weight:600}.btn{background:var(--accent-primary);color:var(--text-inverse);border:1px solid transparent;border-radius:var(--radius-md);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn:hover{background:var(--accent-secondary);box-shadow:var(--glow-focus)}.btn:active{transform:scale(0.98)}.btn-outline{background:transparent;color:var(--accent-primary);border:1px solid var(--border-accent)}.btn-outline:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.form-control,input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="number"],textarea,select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus,input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:var(--glow-focus);outline:none}.form-control::placeholder{color:var(--text-muted)}.toggle-switch{background:var(--bg-secondary);border:1px solid var(--border-color)}.toggle-switch.active{background:var(--accent-primary);border-color:var(--accent-primary)}.badge{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.badge-success{background:var(--success-bg);color:var(--success-color);border-color:transparent}.badge-warning{background:var(--warning-bg);color:var(--warning-color);border-color:transparent}.badge-error{background:var(--error-bg);color:var(--error-color);border-color:transparent}.badge-info{background:var(--info-bg);color:var(--info-color);border-color:transparent}table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}thead{background:var(--bg-secondary)}th{color:var(--text-heading);border-bottom:2px solid var(--border-color)}td{border-bottom:1px solid var(--border-soft)}tr:hover td{background:var(--bg-hover)}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.modal-header{border-bottom:1px solid var(--border-color)}.modal-footer{border-top:1px solid var(--border-color)}.bottom-btn--compliance{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border-radius:var(--radius-md);font-size:0.82rem;font-weight:600;letter-spacing:0.03em;text-decoration:none;color:var(--accent-primary);background:var(--bg-hover);border:1px solid var(--border-accent);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);margin-inline-start:6px;cursor:pointer}.bottom-btn--compliance:hover{background:var(--bg-sidebar-active);border-color:var(--accent-primary);box-shadow:var(--glow-primary);text-decoration:none}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-card{background-color:var(--bg-card)}.border-default{border-color:var(--border-color)}.border-accent{border-color:var(--border-accent)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-elevated{box-shadow:var(--shadow-md)}.settings-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.settings-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.settings-section{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--radius-lg);margin-bottom:var(--radius-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:none;box-shadow:var(--glow-focus)}@media print{body{background:white!important;color:black!important}.card,.sidebar,.modal-content{box-shadow:none!important;border:1px solid #ddd!important}}