@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;800&family=Noto+Sans+Arabic:wght@400;500;600;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/145% system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:#111827;background:#f3f4f6;margin:0}#root{width:100%;min-height:100svh}h1,h2{margin:0}.login-wrap{background:linear-gradient(#eef2ff 0%,#f3f4f6 100%);justify-content:center;align-items:center;min-height:100vh;padding:16px;font-family:system-ui,sans-serif;display:flex}.login-top{justify-content:flex-end;display:flex}.lang-switcher{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:6px 10px;font-size:13px}.login-badge{color:#fff;background:#2563eb;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 4px;font-size:24px;display:flex}.login-card{background:#fff;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:32px 28px;display:flex;box-shadow:0 12px 32px #1118271a}.login-title{text-align:center;color:#111827;margin-bottom:6px;font-size:19px;font-weight:600}.field-label{color:#374151;flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.field-checkbox{flex-direction:row;align-items:center;gap:8px}.field-input{color:#111827;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;width:100%;padding:12px 14px;font-size:16px;transition:border-color .15s}.field-input:focus{border-color:#2563eb;outline:none}.primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:600;transition:background .15s}.primary-btn:hover:not(:disabled){background:#1d4ed8}.primary-btn:disabled{opacity:.6;cursor:default}.secondary-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:500}.secondary-btn:hover{background:#f9fafb}.error-text{color:#dc2626;text-align:center;font-size:13px}.app-page{color:#111827;max-width:1200px;margin:0 auto;padding:12px;font-family:system-ui,sans-serif}@media (width>=640px){.app-page{padding:24px}}.app-header{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}@media (width>=640px){.app-header{flex-direction:row;justify-content:space-between;align-items:center}}.app-title{color:#111827;margin:0;font-size:21px;font-weight:700}.app-subtitle{color:#6b7280;font-size:13px}.app-nav{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.nav-link{color:#374151;font-size:14px;text-decoration:none}.back-link{color:#2563eb;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.nav-link.active{color:#2563eb;font-weight:600}.logout-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.report-tiles{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.report-tile{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.report-tile:hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb1f}.report-table-wrap{margin-top:16px;overflow-x:auto}.report-table{border-collapse:collapse;width:100%;font-size:13.5px}.report-table th,.report-table td{text-align:center;white-space:nowrap;border:1px solid #e5e7eb;padding:8px 10px}.report-table th{background:#f3f4f6;font-weight:600}.report-table tr:nth-child(2n){background:#fafafa}.report-table tr.row-shortage{color:#991b1b;background:#fde8e8;font-weight:600}.report-table tr.row-surplus{color:#166534;background:#eaf7ee}.toolbar{flex-wrap:wrap;align-items:stretch;gap:10px;margin-bottom:16px;display:flex}@media (width>=640px){.toolbar{align-items:center}}.toolbar>*{flex:auto;min-width:0}@media (width>=640px){.toolbar>*{flex:none}}.date-label,.num-label{align-items:center;gap:6px;font-size:14px;display:flex}.date-input,.num-input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px;font-size:16px}.num-input{width:80px}.legend{color:#374151;flex-wrap:wrap;gap:10px;margin-bottom:16px;font-size:12px;display:flex}.legend-item{white-space:nowrap;align-items:center;gap:4px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.success-box{color:#166534;background:#dcfce7;border-radius:8px;margin-bottom:12px;padding:10px;font-size:14px}.error-box{color:#991b1b;background:#fee2e2;border-radius:8px;margin-bottom:12px;padding:10px;font-size:14px}.rejected-box{color:#92400e;background:#fef3c7;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:14px}.rejected-box-title{margin-bottom:6px;font-weight:700}.rejected-box-list{flex-direction:column;gap:4px;margin:0;padding-inline-start:20px;display:flex}.employee-list{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=900px){.employee-list{grid-template-columns:1fr 1fr}}.employee-card{background:#fff;border:1px solid #eef0f2;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 1px 2px #1118270a}.employee-card.dirty{background:#fffbeb;border-color:#fde68a}.employee-card-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.employee-name{font-size:15px;font-weight:600}.employee-seq{color:#9ca3af;font-weight:500}.search-input{min-width:160px}.search-input-below-summary{width:100%;margin-bottom:16px;display:block}.employee-code,.employee-code-inline{color:#6b7280;font-size:12px}.status-buttons{flex-wrap:wrap;gap:6px;display:flex}.status-btn{cursor:pointer;border:1.5px solid;border-radius:8px;flex:auto;min-width:40px;height:40px;padding:0 8px;font-size:13px;font-weight:700;transition:transform .1s}.status-btn:active{transform:scale(.95)}@media (width>=640px){.status-btn{flex:none;width:36px;min-width:36px;height:36px}}.attendance-table{border-collapse:collapse;background:#fff;width:100%}.attendance-table th{text-align:right;color:#6b7280;border-bottom:2px solid #e5e7eb;padding:10px;font-size:13px}.attendance-table td{border-bottom:1px solid #f3f4f6;padding:10px;font-size:14px}.month-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto;box-shadow:0 4px 16px #0000000f}.month-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:12px}.month-table th,.month-table td{border-bottom:1px solid #f1f5f9}.month-table thead th{color:#475569;text-align:center;background:#f8fafc;border-bottom:2px solid #e2e8f0;width:38px;min-width:38px;padding:8px 4px;font-weight:700}.month-table thead th.month-name-cell{z-index:10;background:#f8fafc}.month-table tbody tr:hover,.month-table tbody tr:hover .month-name-cell{background:#f8fafc}.month-name-cell{text-align:right;z-index:5;white-space:nowrap;background:#fff;min-width:180px;max-width:240px;padding:10px 14px;font-size:13px;font-weight:600;position:sticky;right:0;box-shadow:-2px 0 6px #0000000a}tbody .month-name-cell{background:#fff}.month-day-cell{text-align:center;vertical-align:middle;width:38px;min-width:38px;max-width:38px;padding:4px 2px}.month-day-cell-editable{cursor:pointer;-webkit-user-select:none;user-select:none}.month-day-cell-editable:hover{background:#f1f5f9}.month-day-cell-editable.dirty{background:#fef9c3}.month-summary-cell{text-align:center;background:#f8fafc;border-inline-start:1px solid #e2e8f0;width:36px;min-width:36px;padding:6px 4px;font-size:13px;font-weight:700}.month-total-row td{background:#f1f5f9;border-top:2px solid #cbd5e1;font-weight:700}.cell-badge{color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:inline-flex}.month-cell-select{text-align:center;text-align-last:center;cursor:pointer;appearance:none;box-sizing:border-box;border:1.5px solid #0000;border-radius:6px;outline:none;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;min-height:30px;margin:0 auto;padding:0;font-size:12px;font-weight:800;line-height:1;transition:transform .1s,box-shadow .15s,border-color .15s;display:flex}.month-cell-select:hover:not(:disabled){z-index:5;position:relative;transform:scale(1.15);box-shadow:0 2px 8px #0003}.month-cell-select:focus{z-index:5;border-color:#2563eb;position:relative;box-shadow:0 0 0 2px #2563eb59}.month-cell-select.is-empty{color:#94a3b8;background:#f8fafc;border:1.5px dashed #cbd5e1}.month-cell-select.is-empty:hover{color:#475569;background:#e2e8f0;border-color:#94a3b8}.month-cell-select.has-value{box-shadow:0 1px 3px #00000026;color:#fff!important}.month-cell-select option{text-align:right;direction:rtl;padding:8px 12px;color:#111827!important;background:#fff!important;font-size:13px!important;font-weight:600!important}.lock-banner{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.bp-cards-container{flex-direction:column;gap:12px;display:flex}.bp-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;box-shadow:0 2px 6px #0000000a}.bp-card.dirty{background:#fffbe6;border-color:#f59e0b}.bp-card-header{color:#111827;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.bp-card-inputs{grid-template-columns:1fr;gap:10px;margin-bottom:10px;display:grid}.expense-form{flex-direction:column;gap:16px;display:flex}.expense-form>.bp-card-inputs{margin-bottom:0}.expense-form input[type=file]{padding:10px 12px}@media (width>=480px){.bp-card-inputs{grid-template-columns:1fr 1fr}}.bp-card-field{flex-direction:column;gap:4px;display:flex}.bp-card-label{color:#4b5563;font-size:12px;font-weight:600}.bp-card-input{border:1.5px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:15px}.view-toggle{border:1.5px solid #d1d5db;border-radius:10px;display:flex;overflow:hidden}.view-toggle-btn{color:#374151;cursor:pointer;background:#fff;border:none;padding:10px 14px;font-size:13px;font-weight:600}.view-toggle-btn.active{color:#fff;background:#2563eb}.status-summary-strip{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.status-summary-chip{background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 6px;display:inline-flex}.status-summary-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex}.status-summary-icon-total{background:#6b7280}.status-summary-icon-empty{background:#9ca3af}.status-summary-count{color:#111827;font-size:13.5px;font-weight:800}.status-summary-label{color:#6b7280;white-space:nowrap;font-size:12px}.status-summary-chip-total{border-color:#6b7280}.status-summary-chip-empty{border-style:dashed;border-color:#9ca3af}.card-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=640px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1000px){.card-grid{grid-template-columns:repeat(4,1fr)}}.emp-tile{cursor:pointer;background:#fff;border:1.5px solid #eef0f2;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;font-family:inherit;transition:box-shadow .15s,border-color .15s;display:flex;position:relative;box-shadow:0 1px 2px #1118270a}.emp-tile:hover:not(:disabled){border-color:#2563eb;box-shadow:0 4px 12px #2563eb1f}.emp-tile:disabled{cursor:default}.emp-tile.dirty{background:#fffbeb;border-color:#fde68a}.emp-tile-dot{top:10px;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex;position:absolute;inset-inline-end:10px}.emp-tile-avatar{color:#374151;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;font-size:20px;font-weight:700;display:flex}.emp-tile-avatar-img{object-fit:cover;background:#e5e7eb}.emp-tile-name{color:#111827;text-align:center;font-size:13.5px;font-weight:600}.emp-tile-code{color:#6b7280;font-size:12px}.emp-tile-status{margin-top:2px;font-size:12px;font-weight:700}.emp-tile-add{box-shadow:none;color:#94a3b8;cursor:default;background:0 0;border:1.5px dashed #cbd5e1;justify-content:center}.emp-tile-add-icon{font-size:26px}.modal-overlay{z-index:50;background:#11182780;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:400px;padding:22px;display:flex;box-shadow:0 20px 50px #00000040}.modal-card-header{align-items:center;gap:12px;display:flex}.modal-card-name{color:#111827;font-size:16px;font-weight:700}.modal-card-subtitle{color:#6b7280;margin-top:4px;font-size:13px}.modal-status-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.modal-status-btn{cursor:pointer;background:#fff;border:1.5px solid;border-radius:10px;align-items:center;gap:6px;padding:8px;font-size:11.5px;font-weight:600;display:flex}.modal-status-btn.selected{background:currentColor}.modal-status-btn.selected span:last-child{color:#fff}.modal-status-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.modal-note{resize:vertical;min-height:60px}.modal-confirm{text-align:center;align-items:center}.modal-confirm-icon{color:#fff;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.modal-confirm-title{color:#111827;font-size:17px;font-weight:700}.modal-confirm-body{color:#4b5563;font-size:14px}.ss-wrap{min-width:200px;display:inline-block;position:relative}.ss-wrap>input{cursor:pointer;width:100%;padding-inline-end:30px}.ss-wrap>input:focus{cursor:text}.ss-caret{inset-inline-end:10px;pointer-events:none;opacity:.55;font-size:12px;position:absolute;top:50%;transform:translateY(-50%)}.ss-list{z-index:50;inset-inline-start:0;background:#fff;border:1px solid #d1d5db;border-radius:10px;min-width:100%;max-height:280px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);overflow-y:auto;box-shadow:0 10px 28px #0f172a24}.ss-option{cursor:pointer;white-space:nowrap;color:#111827;border-radius:7px;padding:9px 12px;font-size:14px}.ss-option.ss-highlight{background:#eff4ff}.ss-option.ss-selected{color:#2563eb;font-weight:700}.ss-empty{color:#9ca3af;padding:9px 12px;font-size:14px}@media (prefers-reduced-motion:no-preference){.ss-list{animation:.12s ease-out ss-in}@keyframes ss-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}}:root{--mr-bg:#f5f6f8;--mr-surface:#fff;--mr-ink:#12161d;--mr-ink-2:#767e8c;--mr-line:#e4e7ec;--mr-accent:#3a6df0;--mr-accent-dark:#2b52b8;--mr-pos:#15803d;--mr-pos-soft:#dcfce7;--mr-neg:#dc2626;--mr-neg-soft:#fee2e2;--mr-track:#f1f3f7;--mr-head:#f8f9fb;--mr-rad:12px;--mr-rad-sm:8px;--mr-shadow:0 1px 2px #1018280d, 0 6px 20px #1018280f;--mr-font:"Archivo", "Noto Sans Arabic", system-ui, sans-serif;--mr-s1:4px;--mr-s2:8px;--mr-s3:12px;--mr-s4:16px;--mr-s6:24px;--mr-s8:32px}[data-theme=dark]{--mr-bg:#0f1115;--mr-surface:#171a21;--mr-ink:#e8eaed;--mr-ink-2:#8d95a3;--mr-line:#272b34;--mr-accent:#5b8cff;--mr-accent-dark:#8fb0ff;--mr-pos:#4ade80;--mr-pos-soft:#14301f;--mr-neg:#f87171;--mr-neg-soft:#331717;--mr-track:#1f232b;--mr-head:#1b1f26;--mr-shadow:0 1px 2px #0006, 0 8px 24px #00000059}body{background:var(--mr-bg);color:var(--mr-ink);font-family:var(--mr-font);margin:0}.mr *,.mr :before,.mr :after{box-sizing:border-box}.mr{background:var(--mr-bg);min-height:100vh;color:var(--mr-ink);font-family:var(--mr-font)}.mr a{color:var(--mr-accent-dark);text-decoration:none}.mr a:hover{color:var(--mr-accent);text-decoration:underline}.mr :focus-visible{outline:2px solid var(--mr-accent);outline-offset:2px}.mr ::selection{background:var(--mr-accent);color:#fff}.mr-header{z-index:20;background:var(--mr-bg);border-bottom:1px solid var(--mr-line);position:sticky;top:0}.mr-header-in{justify-content:space-between;align-items:center;gap:var(--mr-s4);flex-wrap:wrap;max-width:1320px;margin:0 auto;padding:14px 20px;display:flex}.mr-brand{align-items:baseline;gap:var(--mr-s3);display:flex}.mr-brand-mark{background:var(--mr-accent);width:14px;height:14px}.mr-brand-name{letter-spacing:.02em;font-size:15px;font-weight:800}.mr-brand-sub{color:var(--mr-ink-2);font-size:12px}.mr-header-actions{align-items:center;gap:var(--mr-s2);flex-wrap:wrap;display:flex}.mr-main{max-width:1320px;margin:0 auto;padding:0 20px 60px}.mr-hero{padding:40px 0 28px}.mr-kicker{letter-spacing:.12em;color:var(--mr-accent);font-size:12px;font-weight:800}.mr-h1{margin:10px 0 0;font-size:40px;font-weight:800;line-height:1.15}.mr-lead{max-width:620px;color:var(--mr-ink-2);margin:12px 0 0;font-size:15px;line-height:1.7}.mr-rule{background:var(--mr-line);height:1px}.mr-page-head{padding:28px 0 20px}.mr-page-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:14px;display:flex}.mr-page-title{margin:8px 0 0;font-size:34px;font-weight:800;line-height:1.2}.mr-page-desc{color:var(--mr-ink-2);margin-top:8px;font-size:14px}.mr-back{color:var(--mr-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.mr-btn{border:1px solid var(--mr-line);background:var(--mr-surface);color:var(--mr-ink);cursor:pointer;border-radius:var(--mr-rad-sm);text-align:start;white-space:nowrap;flex-shrink:0;padding:11px 18px;font-size:13px;font-weight:600}.mr-btn:hover:not(:disabled){border-color:var(--mr-accent);color:var(--mr-accent)}.mr-btn:active:not(:disabled){background:var(--mr-accent-dark);border-color:var(--mr-accent-dark);color:#fff}.mr-btn:disabled{opacity:.45;cursor:default}.mr-btn-primary{border-color:var(--mr-accent);background:var(--mr-accent);color:#fff}.mr-btn-primary:hover:not(:disabled){background:var(--mr-accent-dark);border-color:var(--mr-accent-dark);color:#fff}.mr-btn-ghost{color:var(--mr-accent);background:0 0;border-color:#0000;padding:8px 14px}.mr-btn-ghost:hover{border-color:var(--mr-accent);color:var(--mr-accent);background:0 0}.mr-btn-sm{padding:8px 14px}.mr-layout{background:var(--mr-bg);border-inline:1px solid var(--mr-line);grid-template-columns:1fr;gap:0;max-width:1480px;min-height:calc(100vh - 62px);margin:0 auto;display:grid}@media (width>=900px){.mr-layout{grid-template-columns:272px 1fr;gap:1px}}.mr-side{background:var(--mr-bg);display:none}@media (width>=900px){.mr-side{display:block}}.mr-side-in{padding:24px 0;position:sticky;top:76px}.mr-side-head{letter-spacing:.14em;color:var(--mr-ink-2);padding:0 20px 14px;font-size:11px;font-weight:800}.mr-side-item{width:100%;color:var(--mr-ink);border-radius:var(--mr-rad-sm);text-align:start;cursor:pointer;background:0 0;border:none;align-items:baseline;gap:10px;margin:0 12px 4px;padding:12px 16px;text-decoration:none;display:flex}.mr-side-item:hover{background:var(--mr-track);color:var(--mr-ink);text-decoration:none}.mr-side-item.is-active,.mr-side-item.is-active:hover{background:var(--mr-accent);color:#fff}.mr-side-num{letter-spacing:.06em;opacity:.6;min-width:22px;font-size:11px;font-weight:800}.mr-side-title{font-size:14px;font-weight:700;line-height:1.4}.mr-rail{z-index:15;background:var(--mr-line);border-bottom:1px solid var(--mr-line);gap:1px;display:flex;position:sticky;top:62px;overflow-x:auto}@media (width>=900px){.mr-rail{display:none}}.mr-rail-item{white-space:nowrap;background:var(--mr-bg);color:var(--mr-ink);cursor:pointer;border:none;align-items:center;gap:7px;padding:12px 14px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.mr-rail-item.is-active{background:var(--mr-accent);color:#fff}.mr-rail-num{opacity:.55;font-size:11px}.mr-content{background:var(--mr-bg);min-width:0;padding:0 16px 40px}@media (width>=900px){.mr-content{padding:0 28px 40px}}.mr-tiles{background:var(--mr-ink);border:2px solid var(--mr-ink);grid-template-columns:1fr;gap:2px;display:grid}@media (width>=720px){.mr-tiles{grid-template-columns:repeat(2,1fr)}}@media (width>=1080px){.mr-tiles{grid-template-columns:repeat(3,1fr)}}.mr-tile{background:var(--mr-surface);color:var(--mr-ink);text-align:start;cursor:pointer;border:none;flex-direction:column;gap:14px;min-height:168px;padding:26px 22px 22px;text-decoration:none;display:flex}.mr-tile:hover{background:var(--mr-accent);color:#fff;text-decoration:none}.mr-tile-num{letter-spacing:.1em;opacity:.55;font-size:12px;font-weight:800}.mr-tile-title{font-size:19px;font-weight:800;line-height:1.35}.mr-tile-desc{opacity:.7;margin-top:auto;font-size:13px;line-height:1.6}.mr-filters{flex-wrap:wrap;align-items:center;gap:10px;padding:18px 0;display:flex}.mr-select,.mr-input{border:1px solid var(--mr-line);background:var(--mr-surface);color:var(--mr-ink);border-radius:var(--mr-rad-sm);outline:none;padding:10px 14px;font-size:14px}.mr-select{cursor:pointer;font-weight:600}.mr-input:focus,.mr-select:focus{border-color:var(--mr-accent)}.mr-search{width:100%;margin-bottom:20px;padding:14px 16px;font-size:15px}.mr-sep{background:var(--mr-line);width:2px;height:26px}.mr-chip{border:1px solid var(--mr-line);background:var(--mr-surface);color:var(--mr-ink);cursor:pointer;white-space:nowrap;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600}.mr-chip:hover{border-color:var(--mr-accent)}.mr-chip.is-active{border-color:var(--mr-accent);background:var(--mr-accent);color:#fff}.mr-kpis{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px;display:grid}@media (width>=900px){.mr-kpis{grid-template-columns:repeat(4,1fr)}}.mr-kpi{background:var(--mr-surface);border:1px solid var(--mr-line);border-radius:var(--mr-rad);box-shadow:var(--mr-shadow);padding:20px}.mr-kpi-label{letter-spacing:.08em;color:var(--mr-ink-2);font-size:11px;font-weight:600}.mr-kpi-value{margin:8px 0 6px;font-size:32px;font-weight:800;line-height:1.2}.mr-kpi-value.is-small{font-size:20px}.mr-kpi-value.is-bad{color:var(--mr-neg)}.mr-kpi-note{color:var(--mr-ink-2);font-size:12px}.mr-chart{border:1px solid var(--mr-line);border-radius:var(--mr-rad);background:var(--mr-surface);box-shadow:var(--mr-shadow);margin-bottom:26px;padding:22px}.mr-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:20px;display:flex}.mr-chart-title{color:var(--mr-ink);font-size:16px;font-weight:800}.mr-chart-note{color:var(--mr-ink-2);margin-top:4px;font-size:12px}.mr-legend{flex-wrap:wrap;gap:16px;display:flex}.mr-legend-item{color:var(--mr-ink-2);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.mr-legend-dot{border-radius:3px;flex-shrink:0;width:13px;height:13px}.mr-legend-line{border-radius:2px;flex-shrink:0;width:16px;height:3px}.mr-chart-axis{color:var(--mr-ink-2);white-space:nowrap;pointer-events:none;font-size:11px}.mr-chart-val{color:var(--mr-ink);white-space:nowrap;pointer-events:none;font-size:10.5px;font-weight:700}.mr-chart-tick{color:var(--mr-ink);white-space:nowrap;pointer-events:none;font-size:11.5px;font-weight:600}.mr-pie-wrap{flex-wrap:wrap;align-items:center;gap:34px;display:flex}.mr-pie{flex-shrink:0;width:240px;height:240px;position:relative}.mr-pie-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0}.mr-pie-caption{color:var(--mr-ink-2);font-size:12px}.mr-pie-total{color:var(--mr-ink);font-size:20px;font-weight:800}.mr-pie-rows{flex-direction:column;flex:1;min-width:220px;display:flex}.mr-pie-row{border-bottom:1px solid var(--mr-line);grid-template-columns:14px 1fr auto auto;align-items:center;gap:12px;padding:11px 0;display:grid}.mr-pie-label{color:var(--mr-ink);font-size:13.5px;font-weight:700}.mr-pie-value{color:var(--mr-ink-2);font-size:13.5px}.mr-pie-pct{color:var(--mr-ink);text-align:end;min-width:52px;font-size:13.5px;font-weight:800}.mr-table-wrap{border:1px solid var(--mr-line);border-radius:var(--mr-rad);background:var(--mr-surface);box-shadow:var(--mr-shadow);overflow-x:auto}.mr-table{border-collapse:collapse;width:100%}.mr-table th{text-align:start;letter-spacing:.04em;border-bottom:1px solid var(--mr-line);background:var(--mr-head);white-space:nowrap;padding:14px 16px;font-size:12px;font-weight:800}.mr-table td{border-bottom:1px solid var(--mr-line);white-space:nowrap;padding:13px 16px;font-size:14px}.mr-table tbody tr:hover{background:var(--mr-track)}.mr-table td:first-child{font-weight:700}.mr-table tfoot td{border-top:1px solid var(--mr-line);background:var(--mr-head);border-bottom:none;font-weight:800}.mr-num{font-variant-numeric:tabular-nums}.mr-neg{color:var(--mr-neg);font-weight:700}.mr-tag{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.mr-tag-bad{background:var(--mr-neg-soft);color:var(--mr-neg)}.mr-tag-ok{background:var(--mr-pos-soft);color:var(--mr-pos)}.mr-tag-muted{background:var(--mr-track);color:var(--mr-ink-2)}.mr-cards{flex-direction:column;gap:12px;display:flex}.mr-card{background:var(--mr-surface);border:1px solid var(--mr-line);border-radius:var(--mr-rad);box-shadow:var(--mr-shadow);padding:16px 18px}.mr-card-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.mr-card-title{font-size:16px;font-weight:800}.mr-card-grid{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.mr-card-cell{border-top:1px solid var(--mr-line);padding-top:7px}.mr-card-k{color:var(--mr-ink-2);margin-bottom:3px;font-size:11px}.mr-card-v{font-size:14px;font-weight:600}.mr-desktop-only{display:none}.mr-mobile-only{display:block}@media (width>=860px){.mr-desktop-only{display:block}.mr-mobile-only{display:none}}.mr-empty{border:1px dashed var(--mr-line);border-radius:var(--mr-rad);text-align:center;color:var(--mr-ink-2);padding:48px 24px;font-size:15px}.mr-error{border:1px solid var(--mr-neg);border-radius:var(--mr-rad-sm);background:var(--mr-neg-soft);color:var(--mr-neg);margin-bottom:16px;padding:12px 16px;font-size:14px}.mr-count{color:var(--mr-ink-2);padding:18px 0 0;font-size:12px}.mr-skeleton{background:var(--mr-track);height:14px;animation:1.2s ease-in-out infinite mr-pulse}@keyframes mr-pulse{0%,to{opacity:1}50%{opacity:.45}}@media print{.mr-no-print{display:none!important}.mr,body{color:#000;background:#fff}.mr-main,.mr-content{max-width:none;padding:0}.mr-side,.mr-rail{display:none!important}.mr-layout{border:none;display:block}.mr-table-wrap,.mr-kpis,.mr-chart{box-shadow:none;border-color:#000;overflow:visible}.mr-table th{background:#fff;border-bottom:2px solid #000}.mr-table td{border-bottom:1px solid #999}.mr-table tbody tr{break-inside:avoid}.mr-mobile-only{display:none!important}.mr-desktop-only{display:block!important}@page{margin:14mm}}.mr-chart-empty{text-align:center;color:var(--mr-ink-2);background:var(--mr-track);border-radius:var(--mr-rad-sm);padding:48px 0;font-size:14px}.mr-chart-foot{color:var(--mr-ink-2);text-align:center;margin-top:14px;font-size:12px}.mr-hbars{flex-direction:column;gap:10px;display:flex}.mr-hbar-row{border-radius:var(--mr-rad-sm);grid-template-columns:28px minmax(120px,220px) 1fr auto;align-items:center;gap:12px;padding:6px 4px;transition:background .15s;display:grid}.mr-hbar-row:hover{background:var(--mr-head)}.mr-hbar-rank{background:var(--mr-track);width:26px;height:26px;color:var(--mr-ink-2);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.mr-hbar-row:nth-child(-n+3) .mr-hbar-rank{background:linear-gradient(135deg, var(--mr-accent), var(--mr-accent-dark));color:#fff}.mr-hbar-name{color:var(--mr-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.mr-hbar-tracks{flex-direction:column;gap:4px;min-width:0;display:flex}.mr-hbar-track{background:var(--mr-track);border-radius:6px;height:12px;position:relative}.mr-hbar-fill{border-radius:6px;height:100%;transition:width .4s}.mr-hbar-val{inset-inline-end:6px;color:var(--mr-ink-2);font-size:10.5px;font-weight:700;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.mr-hbar-pill{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.mr-hbar-pill.pos{background:var(--mr-pos-soft);color:var(--mr-pos)}.mr-hbar-pill.neg{background:var(--mr-neg-soft);color:var(--mr-neg)}@media (width<=640px){.mr-hbar-row{grid-template-columns:24px 1fr auto}.mr-hbar-tracks{grid-column:2/-1}}html.mobile-app{--m-font:"Noto Sans Arabic", "Manrope", system-ui, sans-serif;--m-ink:#0b1430;--m-ink-2:#5d6787;--m-ink-3:#98a1bd;--m-ground:#f2f4fa;--m-surface:#fff;--m-line:#e7eaf3;--m-fill:#f1f3f9;--m-accent:#3550f0;--m-accent-2:#2236c4;--m-accent-soft:#eaeeff;--m-grad:linear-gradient(135deg, #4461ff 0%, #2a3fd6 55%, #1c2a9e 100%);--m-hero:radial-gradient(120% 140% at 100% 0%, #3c5cff 0%, #2337c9 42%, #121c66 100%);--m-danger:#e5484d;--m-shadow-sm:0 1px 2px #1018400f, 0 2px 8px -2px #1018400f;--m-shadow:0 1px 2px #1018400d, 0 10px 26px -14px #10184047;--m-shadow-lg:0 18px 40px -18px #121c668c;--m-r:20px;--m-r-sm:14px;--m-tab-h:70px;--m-safe-top:env(safe-area-inset-top,0px);--m-safe-bottom:env(safe-area-inset-bottom,0px);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}html.mobile-app body{background:var(--m-ground);color:var(--m-ink);font-family:var(--m-font);overscroll-behavior-y:none}html.mobile-app .app-page,html.mobile-app .login-wrap,html.mobile-app .mc,html.mobile-app button,html.mobile-app input,html.mobile-app select,html.mobile-app textarea{font-family:var(--m-font)}html.mobile-app button,html.mobile-app a,html.mobile-app .mtab-item{-webkit-user-select:none;user-select:none;touch-action:manipulation}html.mobile-app button:focus:not(:focus-visible){outline:none}html.mobile-app :focus-visible{outline:2.5px solid var(--m-accent);outline-offset:2px}html.mobile-app input,html.mobile-app select,html.mobile-app textarea{font-size:16px}html.mobile-app .app-page{padding:0 16px calc(var(--m-tab-h) + var(--m-safe-bottom) + 36px);max-width:none;color:var(--m-ink)}html.mobile-app .app-header{padding:calc(var(--m-safe-top) + 22px) 22px 30px;background:var(--m-hero);color:#fff;box-shadow:var(--m-shadow-lg);border-radius:0 0 30px 30px;flex-direction:row;align-items:flex-end;margin:0 -16px 18px;position:relative;overflow:hidden}html.mobile-app .app-header:before,html.mobile-app .app-header:after{content:"";pointer-events:none;background:#ffffff12;border-radius:50%;position:absolute}html.mobile-app .app-header:before{inset-inline-start:-70px;width:220px;height:220px;top:-120px}html.mobile-app .app-header:after{inset-inline-end:-40px;background:#ffffff0d;width:140px;height:140px;bottom:-80px}html.mobile-app .app-header>div{z-index:1;min-width:0;position:relative}html.mobile-app .app-header .app-nav{display:none}html.mobile-app .app-title{color:#fff;letter-spacing:-.01em;font-size:25px;font-weight:800;line-height:1.25}html.mobile-app .app-subtitle{color:#ffffffc7;white-space:nowrap;text-overflow:ellipsis;max-width:84vw;margin-top:6px;font-size:13px;overflow:hidden}html.mobile-app .primary-btn,html.mobile-app .secondary-btn{border-radius:var(--m-r-sm);min-height:50px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .2s}html.mobile-app .primary-btn{color:#fff;background:var(--m-grad);border:0;box-shadow:0 10px 20px -10px #3550f0cc}html.mobile-app .primary-btn:disabled{opacity:.6;box-shadow:none}html.mobile-app .secondary-btn{background:var(--m-surface);color:var(--m-ink);border:1px solid var(--m-line);box-shadow:var(--m-shadow-sm)}html.mobile-app .primary-btn:active,html.mobile-app .secondary-btn:active{transform:scale(.97)}html.mobile-app .field-input,html.mobile-app .date-input,html.mobile-app .num-input,html.mobile-app .bp-card-input,html.mobile-app .lang-switcher{border-radius:var(--m-r-sm);background-color:var(--m-fill);min-height:50px;color:var(--m-ink);border:1.5px solid #0000;font-weight:600;transition:border-color .15s,background-color .15s,box-shadow .15s}html.mobile-app .field-input:focus,html.mobile-app .date-input:focus,html.mobile-app .bp-card-input:focus{border-color:var(--m-accent);background-color:#fff;outline:none;box-shadow:0 0 0 4px #3550f01f}html.mobile-app .field-input::placeholder,html.mobile-app .bp-card-input::placeholder{color:var(--m-ink-3);font-weight:500}html.mobile-app .field-label,html.mobile-app .bp-card-label,html.mobile-app .num-label{color:var(--m-ink-2);font-size:12.5px;font-weight:700}.mtab{display:none}html.mobile-app .mtab{inset-inline:12px;bottom:calc(var(--m-safe-bottom) + 10px);z-index:40;height:var(--m-tab-h);-webkit-backdrop-filter:saturate(180%)blur(22px);backdrop-filter:saturate(180%)blur(22px);background:#ffffffe6;border:1px solid #ffffffb3;border-radius:26px;padding:6px;display:flex;position:fixed;box-shadow:0 16px 40px -16px #10184073,0 2px 6px #1018400f}html.mobile-app .mtab-item{min-width:0;color:var(--m-ink-3);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;text-decoration:none;transition:color .2s;display:flex}html.mobile-app .mtab-item span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 4px;overflow:hidden}html.mobile-app .mtab-item svg{box-sizing:border-box;border-radius:15px;width:44px;height:30px;padding:4px 11px;transition:background .25s,color .25s,transform .2s,box-shadow .25s}html.mobile-app .mtab-item.active{color:var(--m-accent)}html.mobile-app .mtab-item.active svg{color:#fff;background:var(--m-grad);box-shadow:0 8px 16px -8px #3550f0e6}html.mobile-app .mtab-item:active svg{transform:scale(.88)}html.mobile-app .msheet-backdrop,html.mobile-app .modal-overlay{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080d287a;align-items:flex-end;padding:0;animation:.18s m-fade;display:flex;position:fixed;inset:0}html.mobile-app .msheet,html.mobile-app .modal-card{background:var(--m-surface);width:100%;max-width:none;padding:10px 20px calc(var(--m-safe-bottom) + 22px);border-radius:28px 28px 0 0;flex-direction:column;gap:6px;animation:.26s cubic-bezier(.2,.9,.2,1) m-up;display:flex;box-shadow:0 -20px 50px -20px #080d2880}html.mobile-app .modal-card{gap:14px;padding-top:24px}html.mobile-app .msheet-grip{background:var(--m-line);border-radius:3px;width:44px;height:5px;margin:2px auto 14px}html.mobile-app .msheet-user{border-radius:var(--m-r);background:var(--m-hero);color:#fff;align-items:center;gap:14px;margin-bottom:8px;padding:14px;display:flex}html.mobile-app .msheet-avatar{color:#fff;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:16px;place-items:center;width:50px;height:50px;font-size:21px;font-weight:800;display:grid}html.mobile-app .msheet-name{font-size:16.5px;font-weight:800}html.mobile-app .msheet-sub{opacity:.75;font-size:12.5px}html.mobile-app .msheet-row,html.mobile-app .msheet-action{border:0;border-bottom:1px solid var(--m-line);min-height:60px;color:var(--m-ink);font:inherit;text-align:start;background:0 0;align-items:center;gap:14px;padding:0 4px;font-size:15.5px;font-weight:700;display:flex}html.mobile-app .msheet-row{justify-content:space-between}html.mobile-app .msheet-row .lang-switcher{min-height:42px}html.mobile-app .msheet-row .secondary-btn{min-width:58px;min-height:42px}html.mobile-app .msheet-action{cursor:pointer}html.mobile-app .msheet-action:last-child{border-bottom:0}html.mobile-app .msheet-action:disabled{opacity:.4}html.mobile-app .msheet-action:active{background:var(--m-fill)}html.mobile-app .msheet-action-icon{background:var(--m-accent-soft);border-radius:13px;place-items:center;width:42px;height:42px;font-size:19px;display:grid}html.mobile-app .msheet-logout{border-radius:var(--m-r-sm);min-height:54px;color:var(--m-danger);font:inherit;cursor:pointer;background:#fff0f0;border:0;margin-top:16px;font-size:15.5px;font-weight:800}html.mobile-app .modal-card-header{gap:14px}html.mobile-app .modal-card-name{color:var(--m-ink);font-size:18px;font-weight:800}html.mobile-app .modal-card-subtitle{color:var(--m-ink-2);font-weight:600}html.mobile-app .modal-status-grid{gap:10px}html.mobile-app .modal-status-btn{background:#fff;border-radius:16px;min-height:60px;font-weight:800;transition:transform .12s}html.mobile-app .modal-status-btn:active{transform:scale(.96)}html.mobile-app .modal-status-btn.selected{box-shadow:0 10px 20px -12px}html.mobile-app .modal-card .primary-btn{min-height:56px;font-size:16px}@keyframes m-fade{0%{opacity:0}to{opacity:1}}@keyframes m-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}html.mobile-app .m-filters{z-index:2;background:var(--m-surface);border-radius:var(--m-r);box-shadow:var(--m-shadow);flex-direction:column;gap:10px;margin:-34px 0 16px;padding:14px;display:flex;position:relative}html.mobile-app .m-filters .num-label{flex-direction:column;align-items:stretch;gap:6px}html.mobile-app .m-filters select.field-input,html.mobile-app .m-filters .ss-wrap{width:100%;min-width:0}html.mobile-app .m-date-row{align-items:center;gap:8px;display:flex}html.mobile-app .m-icon-btn{border-radius:var(--m-r-sm);background:var(--m-accent-soft);width:46px;height:50px;color:var(--m-accent);cursor:pointer;border:0;flex:none;font-size:24px;font-weight:700;line-height:1}html.mobile-app .m-icon-btn:active{transform:scale(.92)}html.mobile-app .m-date-input{text-align:center;flex:1;min-width:0;padding:0 6px;font-weight:800}html.mobile-app .m-period{border-radius:var(--m-r-sm);background:var(--m-fill);height:50px;color:var(--m-ink);font-variant-numeric:tabular-nums;direction:ltr;flex:1;place-items:center;font-size:17px;font-weight:800;display:grid}html.mobile-app .m-seg{border-radius:var(--m-r-sm);background:var(--m-fill);border:0;flex:none;gap:2px;height:50px;padding:4px}html.mobile-app .m-seg .view-toggle-btn{color:var(--m-ink-2);background:0 0;border-radius:11px;padding:0 12px;font-size:13px;font-weight:800}html.mobile-app .m-seg .view-toggle-btn.active{color:var(--m-accent);box-shadow:var(--m-shadow-sm);background:#fff}html.mobile-app .m-filters .search-input{margin:0}html.mobile-app .search-input{width:100%;margin-bottom:14px}html.mobile-app .search-input-below-summary{background-color:var(--m-surface);box-shadow:var(--m-shadow-sm)}html.mobile-app .m-actionbar{inset-inline:12px;bottom:calc(var(--m-tab-h) + var(--m-safe-bottom) + 18px);z-index:35;-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);background:#ffffffeb;border:1px solid #fffc;border-radius:22px;gap:8px;padding:8px;display:flex;position:fixed;box-shadow:0 14px 34px -16px #10184073}html.mobile-app .m-actionbar .primary-btn,html.mobile-app .m-actionbar .secondary-btn{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;min-height:48px;padding:0 10px;overflow:hidden}html.mobile-app .m-actionbar .secondary-btn{box-shadow:none;background:var(--m-fill);border-color:#0000}html.mobile-app .m-actionbar .m-more-btn{flex:none;width:52px;font-size:22px;line-height:1}html.mobile-app .app-page:has(.m-actionbar){padding-bottom:calc(var(--m-tab-h) + var(--m-safe-bottom) + 112px)}html.mobile-app .status-summary-strip,html.mobile-app .legend{scrollbar-width:none;white-space:nowrap;flex-wrap:nowrap;margin:0 -16px 14px;padding:2px 16px 8px;overflow-x:auto}html.mobile-app .status-summary-strip::-webkit-scrollbar{display:none}html.mobile-app .legend::-webkit-scrollbar{display:none}html.mobile-app .status-summary-chip{border-width:0;background:var(--m-surface);box-shadow:var(--m-shadow-sm);border-inline-start-width:4px;border-radius:16px;flex:none;padding:8px 14px 8px 10px}html.mobile-app .status-summary-count{font-size:17px;font-weight:900}html.mobile-app .status-summary-label{color:var(--m-ink-2);font-weight:700}html.mobile-app .legend-item{color:var(--m-ink-2);background:var(--m-surface);box-shadow:var(--m-shadow-sm);border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:700}html.mobile-app .card-grid{gap:12px}html.mobile-app .emp-tile{border-radius:var(--m-r);background:var(--m-surface);box-shadow:var(--m-shadow);border:0;padding:18px 10px 14px;transition:transform .12s}html.mobile-app .emp-tile:active:not(:disabled){transform:scale(.97)}html.mobile-app .emp-tile.dirty{box-shadow:0 0 0 2px #f5a524, var(--m-shadow);background:#fffaf0}html.mobile-app .emp-tile-avatar{width:54px;height:54px;color:var(--m-accent);background:var(--m-accent-soft);box-shadow:0 0 0 4px #fff, 0 0 0 5px var(--m-line);font-size:20px}html.mobile-app .emp-tile-dot{top:12px;width:24px;height:24px;font-size:12px;inset-inline-end:12px;box-shadow:0 4px 10px -4px #0006}html.mobile-app .emp-tile-name{color:var(--m-ink);margin-top:6px;font-size:13.5px;font-weight:800;line-height:1.4}html.mobile-app .emp-tile-code{color:var(--m-ink-3);font-weight:600}html.mobile-app .emp-tile-status{background:var(--m-fill);border-radius:999px;margin-top:6px;padding:3px 12px;font-weight:800}html.mobile-app .employee-list{gap:12px}html.mobile-app .employee-card{border-radius:var(--m-r);background:var(--m-surface);box-shadow:var(--m-shadow);border:0;padding:14px}html.mobile-app .employee-name{font-weight:800}html.mobile-app .status-buttons{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}html.mobile-app .status-btn{border-radius:12px;min-width:0;min-height:44px;font-weight:900}html.mobile-app .m-month-list{flex-direction:column;gap:14px;display:flex}html.mobile-app .m-month-card{background:var(--m-surface);box-shadow:var(--m-shadow);border-radius:22px;padding:16px}html.mobile-app .m-month-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}html.mobile-app .m-month-name{color:var(--m-ink);font-size:15.5px;font-weight:800}html.mobile-app .m-month-counts{flex-wrap:wrap;gap:6px;margin:12px 0 14px;display:flex}html.mobile-app .m-count{background:var(--m-fill);border:0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}html.mobile-app .m-count b{font-variant-numeric:tabular-nums;margin-inline-start:2px}html.mobile-app .m-days{direction:ltr;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}html.mobile-app .m-day{aspect-ratio:1/1.08;background:var(--m-fill);min-width:0;color:var(--m-ink-3);font:inherit;cursor:pointer;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:transform .12s;display:flex}html.mobile-app .m-day.has{color:#fff;box-shadow:inset 0 -3px #0000001f}html.mobile-app .m-day.dirty{box-shadow:0 0 0 2.5px #f5a524}html.mobile-app .m-day:disabled{cursor:default}html.mobile-app .m-day:active:not(:disabled){transform:scale(.9)}html.mobile-app .m-day-n{opacity:.9;font-size:10.5px;font-weight:700;line-height:1}html.mobile-app .m-day-c{min-height:15px;font-size:14px;font-weight:900;line-height:1.1}html.mobile-app .m-empty{text-align:center;color:var(--m-ink-2);padding:32px 0}html.mobile-app .month-total-row{display:none}html.mobile-app .m-month-total{background:var(--m-hero);color:#fff;box-shadow:var(--m-shadow-lg)}html.mobile-app .m-month-total .m-month-name,html.mobile-app .m-month-total .employee-code{color:#fff}html.mobile-app .m-total-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}html.mobile-app .m-total-cell{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:12px 4px;display:flex}html.mobile-app .m-total-cell b{font-variant-numeric:tabular-nums;color:#fff;font-size:21px;font-weight:900}html.mobile-app .m-total-cell span:last-child{color:#ffffffc7;text-align:center;font-size:11.5px;font-weight:600}html.mobile-app .m-total-icon{color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid;box-shadow:0 0 0 3px #ffffff26}html.mobile-app .bp-cards-container{gap:14px}html.mobile-app .bp-card{background:var(--m-surface);box-shadow:var(--m-shadow);border:0;border-radius:22px;padding:16px}html.mobile-app .bp-card.dirty{box-shadow:0 0 0 2px #f5a524, var(--m-shadow);background:#fffaf0}html.mobile-app .bp-card-header{color:var(--m-ink);margin-bottom:12px;font-size:15.5px;font-weight:800}html.mobile-app .bp-card-inputs{grid-template-columns:1fr 1fr;gap:10px}html.mobile-app .bp-card-input{padding:0 14px;font-size:16px}html.mobile-app .bp-card-field>span:not(.bp-card-label){color:var(--m-ink);font-size:15px;font-weight:600}html.mobile-app .lock-banner{box-shadow:var(--m-shadow-sm);border:0;border-radius:16px}html.mobile-app .bp-cards-container .bp-card>div[style*=flex]{grid-template-columns:1fr 1fr;gap:8px!important;display:grid!important}html.mobile-app .bp-cards-container .bp-card>div[style*=flex]>span{grid-column:1/-1}html.mobile-app .bp-cards-container .bp-card>button.secondary-btn,html.mobile-app .bp-cards-container .bp-card>div[style*=flex]>*{text-align:center;width:100%}html.mobile-app .bp-cards-container .bp-card>div[style*=flex]>label.secondary-btn{place-items:center;display:grid}html.mobile-app .bp-cards-container .secondary-btn{background:var(--m-fill);min-height:44px;box-shadow:none;border-color:#0000}html.mobile-app .app-page>.toolbar:has(.bp-card){z-index:2;grid-template-columns:1fr 1fr;gap:10px;margin:-34px 0 16px;display:grid;position:relative}html.mobile-app .app-page>.toolbar .bp-card{margin:0;padding:14px 16px}html.mobile-app .app-page>.toolbar .bp-card-header{color:var(--m-ink-2);flex-direction:column;align-items:flex-start;gap:6px;margin:0;font-size:12.5px;font-weight:700}html.mobile-app .app-page>.toolbar .bp-card-header span:last-child{color:var(--m-ink);font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}html.mobile-app .m-form-sheet{max-height:92vh;padding-top:10px;overflow-y:auto}html.mobile-app .m-form-sheet .expense-form{box-shadow:none;border:0;padding:6px 0 0;margin:0!important}html.mobile-app .m-form-sheet .bp-card-inputs{grid-template-columns:1fr 1fr}html.mobile-app .m-fab{inset-inline-end:20px;bottom:calc(var(--m-tab-h) + var(--m-safe-bottom) + 24px);z-index:36;background:var(--m-grad);color:#fff;cursor:pointer;border:0;border-radius:22px;width:62px;height:62px;font-size:34px;font-weight:300;line-height:1;position:fixed;box-shadow:0 16px 30px -10px #3550f0bf}html.mobile-app .m-fab:active{transform:scale(.93)}html.mobile-app .success-box,html.mobile-app .error-box,html.mobile-app .rejected-box{box-shadow:var(--m-shadow-sm);border:0;border-radius:16px;font-weight:600}html.mobile-app .login-wrap{min-height:100svh;padding:calc(var(--m-safe-top) + 24px) 20px calc(var(--m-safe-bottom) + 24px);background:var(--m-hero) top / 100% 46% no-repeat, var(--m-ground);flex-direction:column;justify-content:flex-start;align-items:stretch}html.mobile-app .login-card{border-radius:28px;align-self:stretch;gap:18px;width:auto;max-width:none;margin-top:16vh;padding:30px 22px;box-shadow:0 30px 60px -30px #121c6699}html.mobile-app .login-badge{background:var(--m-grad);border-radius:20px;width:64px;height:64px;box-shadow:0 14px 26px -12px #3550f0e6}html.mobile-app .login-title{color:var(--m-ink);font-size:20px;font-weight:800}html.mobile-app .login-card .primary-btn{min-height:56px;font-size:16.5px}html.mobile-app .mc{background:var(--m-ground)}html.mobile-app .mc-main{padding:0 16px calc(118px + var(--m-safe-bottom))}html.mobile-app .mc-header{padding:calc(var(--m-safe-top) + 20px) 20px 22px;background:var(--m-hero);box-shadow:var(--m-shadow-lg);border-radius:0 0 30px 30px;flex-direction:column;align-items:stretch;gap:16px;margin:0 -16px 18px;position:relative;overflow:hidden}html.mobile-app .mc-header .mc-title{color:#fff;font-size:24px}html.mobile-app .mc-header .mc-muted{color:#ffffffbf}html.mobile-app .mc-controls{grid-template-columns:1fr 1fr;align-items:end;gap:8px;display:grid}html.mobile-app .mc-controls .mc-field span,html.mobile-app .mc-controls .mc-branch label{color:#fffc;font-weight:700}html.mobile-app .mc-controls select,html.mobile-app .mc-controls .lang-switcher{color:#fff;background-color:#ffffff24;border:0;border-radius:14px;width:100%;min-height:46px;font-weight:700}html.mobile-app .mc-controls select option{color:#0b1430}html.mobile-app .mc-controls .mc-branch{grid-column:1/-1}html.mobile-app .mc-controls .mc-branch:empty{display:none}html.mobile-app .mc-controls .mc-btn{color:#fff;background:#ffffff24;border:0;border-radius:14px;min-height:46px}html.mobile-app .mc-controls .mc-btn-primary{color:var(--m-accent-2);background:#fff!important}html.mobile-app .mc-card{box-shadow:var(--m-shadow);border:0;border-radius:22px}html.mobile-app .mc-rail{border-radius:26px;inset-inline:12px!important;bottom:calc(var(--m-safe-bottom) + 10px)!important;background:#ffffffeb!important;border:1px solid #ffffffb3!important;width:auto!important;height:84px!important;padding:8px!important;box-shadow:0 16px 40px -16px #10184073!important}@media (prefers-reduced-motion:reduce){html.mobile-app *,html.mobile-app :before{transition:none!important;animation:none!important}}html.mobile-app .m-date-row{flex-wrap:wrap}html.mobile-app .m-date-row .m-seg{flex:100%;order:5;grid-template-columns:1fr 1fr;display:grid}html.mobile-app .mc-controls{grid-template-columns:repeat(6,minmax(0,1fr))}html.mobile-app .mc-controls>:first-child,html.mobile-app .mc-controls>:nth-child(2){grid-column:span 3}html.mobile-app .mc-controls>:nth-child(3){grid-column:1/-1}html.mobile-app .mc-controls>:nth-child(4){grid-column:span 4}html.mobile-app .mc-controls>:nth-child(5){grid-column:span 2}html.mobile-app .mc-controls>:nth-child(6){grid-column:span 1;padding:0}html.mobile-app .mc-controls>:nth-child(7){grid-column:span 3}html.mobile-app .mc-controls>:nth-child(8){color:#ffd4d4;grid-column:span 2}html.mobile-app .mc-controls .mc-btn,html.mobile-app .mc-controls select,html.mobile-app .mc-controls .lang-switcher{min-height:44px;font-size:14px}.mc{min-height:100vh;display:flex}.mc-muted{color:var(--mr-ink-2)}.mc-small{font-size:12px}.mc-desc{margin-top:4px;font-size:12.5px;line-height:1.5}.mc-rail{z-index:20;background:var(--mr-surface);border-inline-end:1px solid var(--mr-line);flex-direction:column;flex:none;gap:6px;width:68px;height:100vh;padding:12px 10px;transition:width .2s,box-shadow .2s;display:flex;position:sticky;top:0;overflow:hidden}.mc-rail:hover{width:232px;box-shadow:0 10px 40px -10px #00000040}.mc-rail-brand{align-items:center;height:44px;margin-bottom:8px;padding-inline-start:4px;display:flex}.mc-rail-brand span{color:#fff;background:linear-gradient(135deg,#1d4ed8,#0f766e);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.mc-nav{height:46px;color:var(--mr-ink);cursor:pointer;font:inherit;white-space:nowrap;text-align:start;background:0 0;border:0;border-radius:12px;align-items:center;gap:14px;padding:0 12px;display:flex}.mc-nav:hover{background:var(--mr-track)}.mc-nav:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.mc-nav.active{color:#fff;background:var(--nav-grad);box-shadow:0 8px 20px -10px #2563ebb3}.mc-nav-icon{text-align:center;flex:none;width:24px;font-size:18px}.mc-nav-label{opacity:0;font-size:14px;font-weight:700;transition:opacity .15s}.mc-rail:hover .mc-nav-label{opacity:1}.mc-main{flex:1;min-width:0;padding:22px 28px 40px}.mc-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.mc-title{color:var(--mr-ink);text-wrap:balance;margin:2px 0;font-size:26px;font-weight:800}.mc-controls{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.mc-field{color:var(--mr-ink-2);flex-direction:column;gap:4px;font-size:12px;display:flex}.mc-field select,.mc-branch select,.mc-input{border:1px solid var(--mr-line);background:var(--mr-surface);height:36px;color:var(--mr-ink);font:inherit;border-radius:10px;padding:0 10px}.mc-branch label{color:var(--mr-ink-2);flex-direction:column;gap:4px;font-size:12px;display:flex}.mc-input{min-width:240px}.mc-btn{border:1px solid var(--mr-line);background:var(--mr-surface);height:36px;color:var(--mr-ink);font:inherit;cursor:pointer;border-radius:10px;padding:0 14px;font-weight:700}.mc-btn:hover{background:var(--mr-track)}.mc-btn-primary{color:#fff;border-color:#0000}.mc-btn-primary:hover{filter:brightness(1.1);background:inherit}.mc-btn-ghost{background:0 0;border-color:#0000}.mc-loading{color:var(--mr-ink-2);justify-content:center;align-items:center;gap:10px;padding:60px 0;display:flex}.mc-spinner{border:3px solid var(--mr-track);border-top-color:#2563eb;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite mc-spin}@keyframes mc-spin{to{transform:rotate(360deg)}}.mc-error{background:var(--mr-neg-soft,#fee2e2);color:var(--mr-neg,#dc2626);border-radius:12px;padding:16px;font-weight:600}.mc-dim{opacity:.55;transition:opacity .2s}.mc-empty{text-align:center;color:var(--mr-ink-2);background:var(--mr-track);border-radius:10px;padding:36px 0;font-size:13px}.mc-section{flex-direction:column;gap:18px;display:flex}.mc-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.mc-stack{flex-direction:column;gap:14px;display:flex}.mc-grid-side{grid-template-columns:minmax(0,1fr) 200px;align-items:start;gap:18px;display:grid}.mc-grid-2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:18px;display:grid}.mc-grid-2:empty{display:none}.mc-card{background:var(--mr-surface);border:1px solid var(--mr-line);border-radius:16px;min-width:0;padding:18px;box-shadow:0 1px 2px #0000000a,0 8px 24px -16px #0000002e}.mc-card-title{color:var(--mr-ink);align-items:center;gap:10px;margin-bottom:14px;font-size:15px;font-weight:800;display:flex}.mc-card-bar{border-radius:3px;width:5px;height:20px}.mc-hero{color:#fff;border-radius:20px;grid-template-columns:1fr minmax(0,340px);align-items:center;gap:20px;padding:26px 28px;display:grid;position:relative;overflow:hidden}.mc-hero-c1,.mc-hero-c2{pointer-events:none;background:#ffffff14;border-radius:50%;position:absolute}.mc-hero-c1{inset-inline-end:-60px;width:260px;height:260px;top:-90px}.mc-hero-c2{inset-inline-start:30%;width:160px;height:160px;bottom:-90px}.mc-hero-text{position:relative}.mc-hero-title{opacity:.9;font-size:14px;font-weight:600}.mc-hero-value{letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-top:4px;font-size:40px;font-weight:900;line-height:1.15}.mc-hero-sub{opacity:.85;font-variant-numeric:tabular-nums;font-size:14px}.mc-hero-second{opacity:.85;margin-top:8px;font-size:13px}.mc-hero-pill{background:#fff3;border-radius:999px;margin-top:12px;padding:5px 12px;font-size:12.5px;font-weight:800;display:inline-block}.mc-hero-pill.bad{background:#7f1d1d73}.mc-spark{width:100%;height:110px;position:relative}.mc-gauge{flex-direction:column;align-items:center;gap:8px;display:flex}.mc-gauge-title{color:var(--mr-ink-2);text-align:center;font-size:13px;font-weight:700}.mc-gauge-arc{transition:stroke-dasharray .6s}.mc-tiles{gap:14px;display:grid}.mc-tile-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.mc-tile-icon{border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.mc-tile-label{color:var(--mr-ink-2);font-size:13px;font-weight:700}.mc-tile-main{color:var(--mr-ink);font-variant-numeric:tabular-nums;word-break:break-word;margin-top:2px;font-size:22px;font-weight:900}.mc-tile-sub{color:var(--mr-ink-2);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.mc-tile-stripe{border-inline-start:5px solid}.mc-tile-compact{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.mc-tile-circle{border-radius:50%;place-items:center;width:46px;height:46px;margin-bottom:6px;font-size:20px;display:grid;box-shadow:0 8px 16px -8px #0006}.mc-legend{color:var(--mr-ink-2);flex-wrap:wrap;gap:16px;margin-bottom:8px;font-size:12.5px;display:flex}.mc-legend span{align-items:center;gap:6px;display:inline-flex}.mc-legend i{border-radius:4px;width:12px;height:12px;display:inline-block}.mc-chart{direction:ltr;width:100%;height:220px;display:block}.mc-axis{color:var(--mr-ink-2);font-variant-numeric:tabular-nums;direction:ltr;justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.mc-bars{direction:ltr;align-items:stretch;gap:10px;height:240px;display:flex}.mc-bar-col{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.mc-bar-val{color:var(--mr-ink-2);height:16px;font-size:10.5px;font-weight:700}.mc-bar-pair{flex:1;justify-content:center;align-items:flex-end;gap:4px;width:100%;display:flex}.mc-bar{border-radius:6px 6px 2px 2px;width:38%;max-width:30px;transition:height .5s}.mc-bar-label{color:var(--mr-ink-2);font-variant-numeric:tabular-nums;margin-top:6px;font-size:11px}.mc-waterfall{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.mc-wf-col{text-align:center;flex-direction:column;align-items:center;display:flex}.mc-wf-plot{justify-content:center;align-items:flex-end;width:100%;height:180px;display:flex}.mc-wf-bar{border-radius:8px;width:56%;transition:height .5s}.mc-wf-label{color:var(--mr-ink);margin-top:8px;font-size:13px;font-weight:700}.mc-wf-value{font-variant-numeric:tabular-nums;font-size:15px;font-weight:900}.mc-donut{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.mc-donut-legend{flex-direction:column;flex:1;gap:6px;min-width:160px;font-size:13px;display:flex}.mc-donut-legend div{grid-template-columns:12px 1fr auto;align-items:center;gap:8px;display:grid}.mc-donut-legend i{border-radius:4px;width:12px;height:12px}.mc-donut-legend span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mc-rank,.mc-div{flex-direction:column;gap:10px;display:flex}.mc-rank-row{grid-template-rows:auto 8px;grid-template-columns:26px 1fr auto;align-items:center;gap:4px 10px;display:grid}.mc-rank-no{background:var(--mr-track);width:26px;height:26px;color:var(--mr-ink-2);border-radius:50%;grid-row:span 2;place-items:center;font-size:12px;font-weight:800;display:grid}.mc-rank-name,.mc-div-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.mc-rank-row b,.mc-div-row b{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}.mc-rank-track{background:var(--mr-track);border-radius:4px;grid-column:2/-1;height:8px;overflow:hidden}.mc-rank-track i{border-radius:4px;height:100%;transition:width .5s;display:block}.mc-div-row{grid-template-columns:minmax(90px,160px) 1fr 2px 1fr auto;align-items:center;gap:8px;display:grid}.mc-div-neg,.mc-div-pos{height:14px;display:flex}.mc-div-neg{justify-content:flex-end}.mc-div-neg i{background:linear-gradient(90deg,#fca5a5,#dc2626);border-radius:4px}.mc-div-pos i{background:linear-gradient(90deg,#16a34a,#86efac);border-radius:4px}.mc-div-axis{background:var(--mr-line);height:22px}.mc-div-row b.neg{color:#dc2626}.mc-div-row b.pos{color:#16a34a}.mc-table-wrap{border:1px solid var(--mr-line);border-radius:12px;overflow-x:auto}.mc-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.mc-table thead th{color:#fff;text-align:start;white-space:nowrap;padding:10px 12px;font-weight:700}.mc-table td{border-top:1px solid var(--mr-line);color:var(--mr-ink);vertical-align:top;padding:9px 12px}.mc-table tbody tr:nth-child(2n) td{background:var(--mr-track)}.mc-table tbody tr:hover td{background:var(--mr-head,var(--mr-track))}.mc-table tfoot td{border-top:2px solid;font-weight:900}.mc-report-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mc-report-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.mc-report-card{text-align:start;cursor:pointer;font:inherit;color:inherit;flex-direction:column;gap:4px;transition:transform .15s,box-shadow .15s;display:flex}.mc-report-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -16px #2563eb80}.mc-report-card:focus-visible{outline:2px solid #2563eb}.mc-report-title{color:var(--mr-ink);font-size:15px;font-weight:800}.mc-report-go{color:#2563eb;margin-top:auto;padding-top:8px;font-size:12.5px;font-weight:800}@media (width<=900px){.mc-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mc-grid-side,.mc-hero,.mc-grid-2{grid-template-columns:1fr}.mc-main{padding:16px}}@media (width<=640px){.mc-rail{inset-inline:0;z-index:40;height:calc(84px + env(safe-area-inset-bottom,0px));padding:8px 10px env(safe-area-inset-bottom,0px);scroll-snap-type:x proximity;scrollbar-width:none;border-inline-end:0;border-top:1px solid var(--mr-line);background:color-mix(in srgb, var(--mr-surface) 94%, transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);flex-direction:row;align-items:flex-start;gap:2px;position:fixed;top:auto;bottom:0;overflow:auto hidden;box-shadow:0 -10px 30px -18px #0f172a73;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 14px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 14px),#0000 100%);width:100%!important}.mc-rail::-webkit-scrollbar{display:none}.mc-rail:hover{box-shadow:0 -10px 30px -18px #0f172a73;width:100%!important}.mc-rail-brand{display:none}.mc-nav{width:76px;height:68px;color:var(--mr-ink-2);scroll-snap-align:center;border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;padding:0;transition:color .2s;box-shadow:none!important;background:0 0!important}.mc-nav:hover{background:0 0!important}.mc-nav-icon{border-radius:15px;place-items:center;width:46px;height:30px;transition:background .25s,color .25s,transform .2s,box-shadow .25s;display:grid}.mc-nav-label{-webkit-line-clamp:2;text-align:center;white-space:normal;-webkit-box-orient:vertical;max-width:74px;min-height:24px;font-size:10.5px;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden;opacity:1!important}.mc-nav.active{color:var(--nav-c)}.mc-nav.active .mc-nav-icon{background:var(--nav-grad);color:#fff;box-shadow:0 8px 16px -8px var(--nav-c);transform:translateY(-1px)}.mc-nav:active .mc-nav-icon{transform:scale(.9)}.mc-main{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}.mc-tiles{grid-template-columns:1fr!important}.mc-hero-value{font-size:30px}}@media (prefers-reduced-motion:reduce){.mc *{transition:none!important;animation:none!important}}@media print{.mc-no-print,.mc-rail{display:none!important}.mc-main{padding:0}.mc-card{box-shadow:none;break-inside:avoid}.mc-hero,.mc-table thead,.mc-nav.active{-webkit-print-color-adjust:exact;print-color-adjust:exact}}