:root[data-theme=dark]{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--text-primary:#e8eaf6;--text-secondary:#8892b0;--border-color:#ffffff14;--accent-primary:#3965ff;--input-bg:#ffffff0d;--shadow-lg:0 20px 60px #00000080;--nav-hover:#3965ff1f}:root[data-theme=light],:root:not([data-theme]){--bg-primary:#f0f4ff;--bg-secondary:#fff;--text-primary:#1a1d27;--text-secondary:#6b7280;--border-color:#00000014;--accent-primary:#3965ff;--input-bg:#f8faff;--shadow-lg:0 20px 60px #0000001a;--nav-hover:#3965ff14}body{background:var(--bg-primary);color:var(--text-primary);direction:rtl;width:100%;margin:0;font-family:Segoe UI,Cairo,Tajawal,Arial,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}img,video,canvas,svg{max-width:100%;height:auto}.nav-btn{color:var(--text-secondary);cursor:pointer;text-align:right;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;width:100%;margin-bottom:.25rem;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;text-decoration:none;transition:all .2s;display:flex}.nav-btn:hover{background:var(--nav-hover);color:var(--accent-primary)}.nav-btn.active{color:var(--accent-primary);background:#3965ff26;font-weight:600}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h2{font-size:1.5rem;font-weight:700}.btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #3965ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3965ff66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-danger{color:#ff4757;cursor:pointer;background:#ff475726;border:none;border-radius:8px;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.btn-danger:hover{background:#ff475740}.table-container{border:1px solid var(--border-color);border-radius:16px;overflow-x:auto}table{border-collapse:collapse;width:100%}th{background:var(--bg-secondary);color:var(--text-secondary);text-align:right;white-space:nowrap;border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;padding:1rem 1.2rem;font-size:.82rem;font-weight:600}td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:1rem 1.2rem}tbody tr{background:var(--bg-secondary);transition:background .15s}tbody tr:hover{background:var(--nav-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}input,select,textarea{outline:none;font-family:inherit;font-size:.95rem;transition:border-color .2s}input:focus,select:focus{border-color:var(--accent-primary)!important}.layout-container{background:var(--bg-primary);min-height:100vh;display:flex}.sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:1000;flex-direction:column;width:240px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.sidebar.collapsed{width:70px}.main-content{flex:1;min-height:100vh;margin-right:240px;padding:2rem;transition:margin-right .3s}.main-content.collapsed{margin-right:70px}.mobile-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:900;justify-content:space-between;align-items:center;height:64px;padding:0 1rem;display:none;position:fixed;top:0;left:0;right:0}@media (width<=1024px){.sidebar{transform:translate(100%);width:260px!important}.sidebar.open{transform:translate(0);box-shadow:-10px 0 30px #00000080}.main-content{padding:80px 1rem 1rem;margin-right:0!important}.mobile-header{display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:950;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}}.responsive-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=992px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.responsive-grid{grid-template-columns:1fr}.flex-mobile-column{flex-direction:column!important;align-items:stretch!important}.stat-card{gap:.75rem!important;padding:1rem!important}.stat-card h3{font-size:1.4rem!important}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}table{font-size:.85rem}.stat-grid{grid-template-columns:1fr!important}}@media print{.no-print{display:none!important}.print-only{display:block!important}body{background:#fff!important;margin:0!important;padding:0!important}main{margin:0!important;padding:0!important}aside{display:none!important}.print-overflow-visible{overflow:visible!important}.table-container{border:none!important;overflow:visible!important}#payroll-print-area{box-shadow:none!important;border:none!important;width:100%!important;margin:0!important;padding:0!important}}@media screen{.print-only{display:none!important}}