*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #CC1010;--red-dark: #A00C0C;--red-light: #FF1A1A;--red-bg: #FFF5F5;--black: #1A1A1A;--black-soft: #2D2D2D;--gray-dark: #4A4A4A;--gray: #767676;--gray-light: #B0B0B0;--gray-border: #E0E0E0;--gray-bg: #F7F7F7;--white: #FFFFFF;--shadow-sm: 0 1px 4px rgba(0,0,0,.08);--shadow: 0 2px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--font: "Cairo", sans-serif}html,body{font-family:var(--font);background:var(--white);color:var(--black);direction:rtl;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-bg)}::-webkit-scrollbar-thumb{background:var(--gray-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray)}input:focus,select:focus,textarea:focus{outline:none;border-color:#cc1010!important;box-shadow:0 0 0 3px #cc10101a!important;transition:border-color .15s,box-shadow .15s}button:active:not(:disabled){transform:scale(.97);transition:transform .1s}*{-webkit-tap-highlight-color:rgba(204,16,16,.08)}button{user-select:none;-webkit-user-select:none}input,select,textarea{font-family:var(--font);direction:rtl}button{font-family:var(--font);cursor:pointer}a{text-decoration:none;color:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade{animation:fadeIn .35s ease forwards}.animate-right{animation:fadeInRight .3s ease forwards}.animate-down{animation:slideDown .25s ease forwards}.page{animation:fadeIn .3s ease}@media (max-width: 768px){.shell-layout{flex-direction:column!important}.sidebar-el{position:fixed!important;right:-260px!important;top:0!important;height:100vh!important;z-index:200!important;transition:right .28s ease!important;min-height:100vh!important}.sidebar-el.open{right:0!important}.menu-btn-el{display:flex!important}.topbar-date-el{display:none!important}.main-content-el{padding:14px!important}.stats-row-el{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.table-wrap-el{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.form-grid-el{grid-template-columns:1fr!important}.page-header-el{flex-direction:column!important;align-items:stretch!important}.page-header-el .add-btn-el{width:100%!important;justify-content:center!important}.login-card-el{padding:32px 20px 24px!important;border-radius:16px!important}.login-logo-el img{max-width:150px!important;max-height:75px!important}.modal-inner-el{border-radius:14px!important;max-width:100%!important;margin:0 8px!important}.topbar-title-el{font-size:15px!important}.action-btns-el{flex-direction:column!important;gap:4px!important}}@media (max-width: 768px){.att-day-selector{flex-wrap:wrap!important;gap:8px!important}.att-day-picker{min-width:0!important;flex:1 1 100%!important}.att-mark-all-row{flex-wrap:wrap!important;gap:6px!important;width:100%!important;margin-right:0!important}.att-status-btns{flex-wrap:wrap!important;gap:4px!important}.att-status-btn{padding:5px 10px!important;font-size:11px!important}.att-emp-row{flex-wrap:wrap!important;gap:8px!important;padding:10px 14px!important}.att-summary-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.att-view-toggle{width:100%!important}.att-view-toggle button{flex:1!important;justify-content:center!important}.att-controls{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.att-save-row{width:100%!important;flex-direction:column!important;gap:8px!important}.att-save-row button{width:100%!important;justify-content:center!important}}@media (max-width: 768px){.salary-header-actions{flex-direction:column!important;align-items:stretch!important;width:100%!important}.salary-header-actions button{width:100%!important;justify-content:center!important}.salary-filter-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.salary-filter-row input[type=month],.salary-filter-row button,.salary-search-wrap{width:100%!important}.salary-stats-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.salary-table-wrap{display:none!important}.salary-mobile-list{display:flex!important}.salary-modal-inner{max-width:100%!important;max-height:100vh!important;border-radius:14px 14px 0 0!important;margin:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.salary-form-grid{grid-template-columns:1fr!important}.salary-friday-picker{gap:6px!important}.salary-friday-btn{padding:7px 12px!important;font-size:12px!important}}@media (max-width: 768px){.emp-table-wrap{display:none!important}.emp-mobile-list{display:flex!important}.emp-stats-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}}@media (min-width: 769px){.emp-mobile-list{display:none!important}.emp-table-wrap{display:block!important}}@media (max-width: 768px){.adv-table-wrap{display:none!important}.adv-mobile-list{display:flex!important}}@media (min-width: 769px){.adv-mobile-list{display:none!important}.adv-table-wrap{display:block!important}}@media (max-width: 768px){.ledger-table-wrap{display:none!important}.ledger-mobile-list{display:flex!important}}@media (min-width: 769px){.ledger-mobile-list{display:none!important}.ledger-table-wrap{display:block!important}}@media (max-width: 768px){.dash-stats-row,.dash-quick-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.dash-table-wrap{display:none!important}.dash-mobile-list{display:flex!important}}@media (min-width: 769px){.dash-mobile-list{display:none!important}.dash-table-wrap{display:block!important}}@media (max-width: 768px){.page-title-el{font-size:20px!important}.modal-inner-el{border-radius:20px 20px 0 0!important;max-width:100%!important;margin:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;max-height:92vh!important}button{min-height:38px}body{overflow-x:hidden}}@media (max-width: 1024px) and (min-width: 769px){.main-content-el{padding:20px!important}.stats-row-el{flex-wrap:wrap!important}.stats-row-el>*{min-width:calc(50% - 7px)!important}}@media (min-width: 769px){.menu-btn-el{display:none!important}}