*,*: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)}.ml-app{--bg:#F4F4F8;--surface:#FFFFFF;--surface-2:#FAFAFC;--surface-3:#F4F4F8;--sidebar:#FFFFFF;--border:#ECECF1;--border-2:#E2E2EA;--hover:rgba(20,20,50,.035);--text:#17171F;--text-2:#5C5C6E;--text-3:#9797A8;--red:#CC1010;--red-ink:#CC1010;--red-soft:rgba(204,16,16,.09);--red-2:#A00C0C;--track:#ECECF1;--ok:#0A7A4E;--ok-bg:#E7F6EF;--danger:#CC1010;--danger-bg:#FDECEC;--warn:#B45309;--warn-bg:#FBF1E3;--info:#1A6EB0;--info-bg:#E9F3FB;--accent:#7B2FBE;--accent-bg:#F2E9FB;--pink:#B03076;--pink-bg:#FBEAF3;--shadow-sm:0 1px 2px rgba(20,20,45,.05);--shadow:0 1px 3px rgba(20,20,45,.05),0 8px 24px rgba(20,20,45,.06);--shadow-lg:0 12px 48px rgba(20,20,45,.14);--sh-red:0 8px 22px rgba(204,16,16,.28);color:var(--text)}.ml-app[data-theme=dark]{--bg:#0E0E12;--surface:#18181F;--surface-2:#1E1E27;--surface-3:#22222C;--sidebar:#141419;--border:rgba(255,255,255,.07);--border-2:rgba(255,255,255,.12);--hover:rgba(255,255,255,.05);--text:#F1F1F5;--text-2:#A6A6B6;--text-3:#6C6C7E;--red:#F23B3B;--red-ink:#FF6B6B;--red-soft:rgba(242,59,59,.16);--red-2:#F23B3B;--track:rgba(255,255,255,.08);--ok:#34D399;--ok-bg:rgba(52,211,153,.15);--danger:#FF6B6B;--danger-bg:rgba(255,107,107,.16);--warn:#FBBF5A;--warn-bg:rgba(251,191,90,.15);--info:#5BA8E8;--info-bg:rgba(91,168,232,.15);--accent:#B57BEA;--accent-bg:rgba(181,123,234,.17);--pink:#E879B8;--pink-bg:rgba(232,121,184,.16);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:0 1px 3px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35);--shadow-lg:0 16px 54px rgba(0,0,0,.55);--sh-red:0 8px 22px rgba(242,59,59,.28)}.ml-app input:focus,.ml-app select:focus,.ml-app textarea:focus{outline:none;border-color:var(--red)!important;box-shadow:0 0 0 3.5px var(--red-soft)!important}.ml-app .ml-card-btn{transition:border-color .2s,box-shadow .2s,transform .2s}.ml-app .ml-card-btn:hover{border-color:var(--red)!important;box-shadow:var(--shadow)!important;transform:translateY(-2px)}.ml-app .ml-row{transition:background .12s}.ml-app .ml-row:hover{background:var(--surface-2)!important}.ml-app .ml-chip{transition:border-color .18s,background .18s,color .18s}.ml-app .ml-chip:hover{border-color:var(--red)!important;background:var(--red-soft)!important;color:var(--red-ink)!important}@keyframes ml-spin{to{transform:rotate(360deg)}}@keyframes ml-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ml-pop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.ml-screen{animation:ml-fade .34s ease}@media (max-width: 900px){.ml-kpi-grid{grid-template-columns:1fr 1fr!important}.ml-today-grid,.ml-grid-3,.ml-grid-2{grid-template-columns:1fr!important}.ml-nav-chips{grid-template-columns:repeat(4,1fr)!important}}@media (max-width: 560px){.ml-kpi-grid{grid-template-columns:1fr 1fr!important}.ml-nav-chips{grid-template-columns:repeat(3,1fr)!important}.ml-day-btns button{padding:7px 11px!important;font-size:12px!important}}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}.ml-app .sidebar-el{background:var(--sidebar, #FFFFFF)!important;box-shadow:-14px 0 40px #0000002e!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-app .ml-select-trigger{width:100%;transition:border-color .18s,box-shadow .18s}.ml-app .ml-select-trigger:hover:not(:disabled){border-color:var(--border-2)}.ml-app .ml-select-trigger:focus-visible{outline:none;border-color:var(--red)!important;box-shadow:0 0 0 3.5px var(--red-soft)!important}.ml-app .ml-select-validity{position:absolute;right:20px;bottom:6px;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.ml-app .ml-select-panel{display:flex;flex-direction:column;background:var(--surface, #fff);border:1.5px solid var(--border-2, #E2E2EA);border-radius:12px;box-shadow:var(--shadow-lg, 0 12px 48px rgba(20, 20, 45, .14));overflow:hidden;direction:rtl;animation:ml-select-in .14s ease}@keyframes ml-select-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ml-app .ml-select-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border, #ECECF1);background:var(--surface-2, #FAFAFC);color:var(--text-3, #9797A8);flex-shrink:0}.ml-app .ml-select-search input{flex:1;min-width:0;border:none;background:transparent;color:var(--text, #17171F);font-family:Cairo,sans-serif;font-size:14px;direction:rtl}.ml-app .ml-select-search input:focus{outline:none;box-shadow:none!important}.ml-app .ml-select-search button{border:none;background:transparent;color:var(--text-3, #9797A8);cursor:pointer;font-size:12px;padding:2px 4px;line-height:1}.ml-app .ml-select-list{list-style:none;margin:0;padding:6px;overflow-y:auto;flex:1}.ml-app .ml-select-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--text, #17171F);cursor:pointer}.ml-app .ml-select-option[data-active=true]{background:var(--hover, rgba(20, 20, 50, .035))}.ml-app .ml-select-option[data-selected=true]{background:var(--red-soft, rgba(204, 16, 16, .09));color:var(--red-ink, #CC1010)}.ml-app .ml-select-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-app .ml-select-hint{font-size:12px;font-weight:500;color:var(--text-3, #9797A8);white-space:nowrap;flex-shrink:0}.ml-app .ml-select-clear{color:var(--text-3, #9797A8);font-weight:500}.ml-app .ml-select-empty{padding:18px 12px;text-align:center;font-size:13.5px;color:var(--text-3, #9797A8)}@media (max-width: 640px){.ml-app .ml-select-option{padding:12px;font-size:14.5px}.ml-app .ml-select-search input{font-size:16px}}.ml-table-wrap{background:var(--surface);border-radius:16px;border:1px solid var(--border);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:var(--surface-2);border-bottom:2px solid var(--border)}.ml-table-wrap thead th{padding:14px 18px;font-size:11.5px;font-weight:800;color:var(--text-3);text-align:right;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;position:sticky;top:0;background:var(--surface-2);z-index:2;border-bottom:2px solid var(--border);border-left:1px solid var(--border)}.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 var(--border);cursor:default}.ml-table-wrap tbody tr:nth-child(2n){background:var(--surface-2)}.ml-table-wrap tbody tr:last-child{border-bottom:none}.ml-table-wrap tbody tr:hover{background:var(--surface-3)!important;box-shadow:inset 3px 0 0 0 var(--red)}.ml-table-wrap tbody td{padding:14px 18px;font-size:14px;color:var(--text);vertical-align:middle;border-left:1px solid var(--border)}.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:var(--text-3);font-size:12px;width:44px;text-align:center;font-weight:700;background:var(--surface-2)!important;border-left:1px solid var(--border)}.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:var(--info-bg);color:var(--info);border:1px solid var(--info);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:var(--info-bg);border-color:var(--info);transform:translateY(-1px)}.ml-table-wrap .btn-delete{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;background:var(--danger-bg);color:var(--red);border:1px solid var(--danger);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:var(--danger-bg);border-color:var(--red);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:var(--red-soft);color:var(--red);white-space:nowrap}.ml-table-wrap .tbl-empty{text-align:center;padding:72px 24px;color:var(--text-3)}.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:var(--text-3);margin:0 0 20px}.ml-table-wrap::-webkit-scrollbar{height:6px;width:6px}.ml-table-wrap::-webkit-scrollbar-track{background:var(--surface-2);border-radius:99px}.ml-table-wrap::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}.ml-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--red)}.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 var(--border)}.ml-table-wrap tbody tr:hover td.col-pin{background:var(--surface-3)!important}.ml-table-wrap tbody tr:nth-child(2n) td.col-pin{background:var(--surface-2)}.ml-table-wrap tbody tr:hover td,.ml-table-wrap tbody tr:hover td.td-num{background:var(--surface-3)!important}@media (max-width: 640px){.ml-table-wrap thead th,.ml-table-wrap tbody td{padding:11px 12px;font-size:13px}}