*,*: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}}.ml-table-wrap{background:#fff;border-radius:16px;border:1px solid #E8E8ED;overflow:auto;box-shadow:0 1px 3px #0000000a,0 4px 16px #0000000a;position:relative}.ml-table-wrap table{width:100%;border-collapse:collapse;border-spacing:0;font-family:Cairo,sans-serif}.ml-table-wrap thead tr{background:#f7f7fa;border-bottom:2px solid #E4E4EC}.ml-table-wrap thead th{padding:14px 18px;font-size:11.5px;font-weight:800;color:#8b8ba7;text-align:right;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;position:sticky;top:0;background:#f7f7fa;z-index:2;border-bottom:2px solid #E4E4EC;border-left:1px solid #EDEDF3}.ml-table-wrap thead th:last-child{border-left:none}.ml-table-wrap thead th:first-child{border-right:none}.ml-table-wrap tbody tr{transition:background .12s ease,transform .12s ease;border-bottom:1px solid #F0F0F5;cursor:default}.ml-table-wrap tbody tr:nth-child(2n){background:#fafafa}.ml-table-wrap tbody tr:last-child{border-bottom:none}.ml-table-wrap tbody tr:hover{background:#fff8f8!important;box-shadow:inset 3px 0 #cc1010}.ml-table-wrap tbody td{padding:14px 18px;font-size:14px;color:#2a2a3c;vertical-align:middle;border-left:1px solid #F0F0F5}.ml-table-wrap tbody td:last-child{border-left:none}.ml-table-wrap tbody td:first-child{border-right:none}.ml-table-wrap tbody td.td-num{color:#c0c0cc;font-size:12px;width:44px;text-align:center;font-weight:700;background:#fafafa!important;border-left:1px solid #F0F0F5}.ml-table-wrap .action-cell{display:flex;gap:6px;align-items:center}.ml-table-wrap .btn-edit{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;background:#eef6ff;color:#1a6eb0;border:1px solid #C5DEFD;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:Cairo,sans-serif;transition:background .15s,border-color .15s,transform .12s;white-space:nowrap}.ml-table-wrap .btn-edit:hover{background:#d6ecff;border-color:#1a6eb0;transform:translateY(-1px)}.ml-table-wrap .btn-delete{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;background:#fff3f3;color:#cc1010;border:1px solid #FAC5C5;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:Cairo,sans-serif;transition:background .15s,border-color .15s,transform .12s;white-space:nowrap}.ml-table-wrap .btn-delete:hover{background:#ffdede;border-color:#cc1010;transform:translateY(-1px)}.ml-table-wrap .tbl-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:99px;font-size:12.5px;font-weight:700;white-space:nowrap}.ml-table-wrap .tbl-badge-net{display:inline-flex;padding:5px 14px;border-radius:99px;font-size:13.5px;font-weight:800;background:#cc101014;color:#cc1010;white-space:nowrap}.ml-table-wrap .tbl-empty{text-align:center;padding:72px 24px;color:#b0b0b0}.ml-table-wrap .tbl-empty .tbl-empty-icon{font-size:56px;margin-bottom:14px;display:block;opacity:.7}.ml-table-wrap .tbl-empty p{font-size:15px;font-weight:600;color:#999;margin:0 0 20px}.ml-table-wrap::-webkit-scrollbar{height:6px;width:6px}.ml-table-wrap::-webkit-scrollbar-track{background:#f7f7fa;border-radius:99px}.ml-table-wrap::-webkit-scrollbar-thumb{background:#d4d4e0;border-radius:99px}.ml-table-wrap::-webkit-scrollbar-thumb:hover{background:#cc1010}.ml-table-wrap td.col-pin,.ml-table-wrap th.col-pin{position:sticky;right:0;background:inherit;z-index:1;border-left:2px solid #E4E4EC}.ml-table-wrap tbody tr:hover td.col-pin{background:#fff8f8!important}.ml-table-wrap tbody tr:nth-child(2n) td.col-pin{background:#fafafa}.ml-table-wrap tbody tr:hover td,.ml-table-wrap tbody tr:hover td.td-num{background:#fff8f8!important}@media (max-width: 640px){.ml-table-wrap thead th,.ml-table-wrap tbody td{padding:11px 12px;font-size:13px}}