@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f5fa;--surface:#fff;--surface-raised:#fff;--surface-soft:#f0eef6;--text:#252137;--muted:#746d87;--line:#e5e1ee;--accent:#7050bf;--accent-hover:#5c3ca7;--accent-soft:#f0eafa;--accent-text:#6541ad;--sidebar:#fff;--nav-text:#746d87;--hover:#f7f4fc;--on-accent:#fff;--positive-bg:#edf7f0;--positive-text:#28704b;--positive-line:#cce5d6;--warning-bg:#fcf5e7;--warning-text:#866017;--warning-line:#eaddbc;--negative-bg:#fcf0f0;--negative-text:#a03e49;--negative-line:#efd0d4;--shadow:0 12px 36px #21133214;--overlay:#15102066;--radius:12px;--radius-sm:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--sidebar-width:244px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111018;--surface:#1b1826;--surface-raised:#242033;--surface-soft:#252032;--text:#eeeaf7;--muted:#aaa1bd;--line:#332b43;--accent:#a184e8;--accent-hover:#b197ef;--accent-soft:#332643;--accent-text:#c5aafa;--sidebar:#181520;--nav-text:#aaa1bd;--hover:#282134;--on-accent:#191025;--positive-bg:#19362b;--positive-text:#91d3b0;--positive-line:#305342;--warning-bg:#3b2f1c;--warning-text:#e0bf77;--warning-line:#5a472b;--negative-bg:#3d222d;--negative-text:#f0a1af;--negative-line:#643346;--shadow:0 14px 36px #00000040;--overlay:#08060dcc}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,IBM Plex Sans Arabic,Arial,sans-serif;font-size:13px;line-height:1.6}html[dir=rtl] body{font-family:IBM Plex Sans Arabic,Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);width:100%;min-height:40px;padding:9px 11px}input[type=checkbox]{width:17px;height:17px;min-height:0;accent-color:var(--accent)}input:read-only{background:var(--surface-soft);color:var(--muted)}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.7px;font-size:28px;font-weight:650;line-height:1.4}h2{font-size:15px;font-weight:600}h3{font-size:13px}:where(html[dir=rtl]) h1{letter-spacing:0}.muted,.date-label{color:var(--muted)}.eyebrow{color:var(--accent-text);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.button{border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 15px;font-weight:600;display:inline-flex}.button:hover:not(:disabled){background:var(--accent-hover)}.button.secondary{border-color:var(--line);color:var(--text);background:var(--surface)}.button.secondary:hover:not(:disabled){background:var(--hover)}.icon-button{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--hover);color:var(--text)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-inline-end:1px solid var(--line);width:var(--sidebar-width);color:var(--nav-text);z-index:30;flex-direction:column;padding:26px 16px 18px;display:flex;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto}.brand{color:var(--text);white-space:nowrap;align-items:center;gap:10px;padding:0 8px;font-size:16px;font-weight:650;display:flex}.brand-mark{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.brand small{color:var(--muted);font-size:11px;font-weight:400;display:block}.sidebar-context{color:var(--muted);margin:30px 12px 10px;font-size:10px}.nav-link{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:11px;margin:3px 0;padding:10px 12px;font-size:12px;display:flex;position:relative}.nav-link svg{flex-shrink:0}.nav-link:hover{background:var(--hover);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.nav-group{margin-top:23px}.nav-heading{color:var(--muted);margin-bottom:8px;padding:0 12px;font-size:10px;font-weight:600}.sidebar-footer{color:var(--muted);align-items:center;gap:8px;margin-top:auto;padding:32px 12px 0;font-size:10px;display:flex}.main-layout{flex:1;min-width:0;margin-inline-start:var(--sidebar-width)}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding-inline:30px;display:flex}.topbar-start,.topbar-actions{align-items:center;gap:14px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:9px;margin-bottom:24px;font-size:11px;display:flex}.section-navigation{background:var(--surface);border-bottom:1px solid var(--line)}.section-primary-nav,.page-navigation{flex-wrap:wrap;align-items:center;gap:0 20px;display:flex}.section-primary-nav{padding-inline:24px}.section-module-title{margin-inline-end:12px;font-size:15px;font-weight:650}.section-link{min-height:52px;color:var(--muted);border-bottom:3px solid #0000;align-items:center;padding:16px 0 13px;font-size:12px;font-weight:500;display:flex}.section-link:hover{color:var(--text)}.section-link[aria-current=location]{color:var(--accent-text);border-bottom-color:var(--accent);font-weight:600}.page-navigation{border-bottom:1px solid var(--line);margin-block:0 28px}.page-navigation a{min-height:44px;color:var(--muted);border-bottom:2px solid #0000;align-items:center;padding:10px 0 12px;font-size:13px;display:flex}.page-navigation a:hover{color:var(--text)}.page-navigation a[aria-current=page]{color:var(--accent-text);border-bottom-color:var(--accent);font-weight:600}:where(.page-navigation)+.row-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}@media (max-width:760px){.section-primary-nav{gap:0 16px;padding-inline:16px}.section-module-title{width:100%;margin-block:12px 0}.page-navigation{gap:0 16px;margin-bottom:20px}}.breadcrumb a:hover{color:var(--accent-text)}.breadcrumb [aria-current=page]{color:var(--text)}.language-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:7px;font-size:12px;display:flex}.avatar{width:33px;height:33px;color:var(--accent-text);background:var(--accent-soft);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.dropdown{position:relative}.dropdown summary{cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:10px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.tenant-icon{border:1px solid var(--line);width:36px;height:36px;color:var(--accent-text);border-radius:9px;place-items:center;display:grid}.tenant-title{text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:12px;font-weight:600;overflow:hidden}.tenant-title small{color:var(--muted);font-size:10px;font-weight:400;display:block}.dropdown-panel{z-index:40;border:1px solid var(--line);border-radius:var(--radius);width:285px;box-shadow:var(--shadow);background:var(--surface-raised);gap:10px;padding:18px;display:grid;position:absolute;inset-block-start:calc(100% + 14px);inset-inline-end:0}:where(.dropdown:not([open]))>.dropdown-panel{display:none}.workspace-switcher .dropdown-panel{inset-inline:0 auto}.dropdown-panel strong{overflow-wrap:anywhere;font-size:12px}.dropdown-panel p,.dropdown-panel>.muted{color:var(--muted);font-size:11px}.menu-item{text-align:start;color:var(--text);border-radius:var(--radius-sm);background:0 0;border:0;align-items:center;gap:9px;padding:10px;display:flex}.menu-item:hover{background:var(--hover)}.theme-control{color:var(--muted);align-items:center;gap:6px;display:flex;position:relative}.theme-control select{background:0 0;border:0;width:96px;min-height:34px;padding:4px;font-size:12px}.preference-error{top:40px;background:var(--negative-bg);width:250px;color:var(--negative-text);border:1px solid var(--negative-line);z-index:45;border-radius:var(--radius-sm);padding:12px;position:absolute;inset-inline-end:0}.content{max-width:1680px;margin-inline:auto;padding:26px 32px 48px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.page-heading p{color:var(--muted);max-width:650px;margin-top:8px;font-size:12px}.date-label{font-size:11px}.count-pill{letter-spacing:0;color:var(--accent-text);background:var(--accent-soft);vertical-align:middle;border-radius:7px;margin-inline-start:10px;padding:4px 10px;font-size:12px;font-weight:500}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.stat-card,.panel,.directory-link,.shortcut-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.stat-card{padding:22px;display:block}a.stat-card:hover{border-color:var(--accent)}.stat-top{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.stat-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent-text);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.stat-card strong{letter-spacing:-1px;margin-top:12px;font-size:34px;font-weight:600;display:block}.stat-card small{color:var(--muted);font-size:10px}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.panel-heading h2{align-items:center;gap:9px;display:flex}.panel-heading :where(h2) svg{color:var(--accent-text)}.text-link,.relation-link{color:var(--accent-text);font-weight:500}.text-link{align-items:center;gap:5px;font-size:12px;display:inline-flex}.relation-link:hover,.text-link:hover{text-underline-offset:4px;text-decoration:underline}.activity-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:17px 24px;display:flex}.activity-row:last-child{border-bottom:0}.activity-icon{color:var(--accent-text);background:var(--accent-soft);border-radius:50%;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid}.activity-row strong{font-size:12px;font-weight:500;display:block}.activity-row span:not(.activity-icon),.activity-row time{color:var(--muted);font-size:11px}.activity-row time{white-space:nowrap;margin-inline-start:auto}.directory-link{align-items:center;gap:17px;margin-top:24px;padding:22px 24px;display:flex}.directory-link p{color:var(--muted);margin-top:3px;font-size:11px}.directory-link>svg{color:var(--accent-text);margin-inline-start:auto}.shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 28px;display:grid}.shortcut-card{align-items:center;gap:12px;padding:18px;display:flex}.shortcut-card:hover{border-color:var(--accent)}.shortcut-card small{color:var(--muted);display:block}.table-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:18px 20px;display:flex}.search-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);width:300px;color:var(--muted);align-items:center;gap:9px;padding-inline:11px;display:flex}.search-box input{background:0 0;border:0;min-width:0;padding-inline:0}.search-box input:focus{outline:0}.search-box:focus-within{outline:2px solid var(--accent);outline-offset:2px}.table-toolbar>select{width:auto;max-width:220px;font-size:12px}.toolbar-note{color:var(--muted);margin-inline-start:auto;font-size:11px}.table-scroll{max-width:100%;min-height:220px;overflow-x:auto}.table-panel th:first-child,.table-panel td:first-child{z-index:1;background:var(--surface);position:sticky;inset-inline-start:0}.table-panel th:first-child{z-index:2;background:var(--surface-soft)}.table-panel tbody tr:hover td:first-child{background:var(--hover)}table{border-collapse:collapse;text-align:start;white-space:nowrap;width:100%}th{background:var(--surface-soft);color:var(--muted);border-bottom:1px solid var(--line);text-align:start;padding:12px 18px;font-size:11px;font-weight:500}td{border-bottom:1px solid var(--line);color:var(--text);padding:16px 18px;font-size:12px}tbody tr:hover{background:var(--hover)}tbody tr:last-child td{border-bottom:0}.employee-number{color:var(--accent-text);font-size:11px;font-weight:500}.employee-name{color:var(--text);align-items:center;gap:9px;font-weight:500;display:flex}.table-avatar{background:var(--surface-soft);width:30px;height:30px;color:var(--accent-text);border-radius:9px;place-items:center;display:grid}.badge{background:var(--positive-bg);color:var(--positive-text);border:1px solid var(--positive-line);border-radius:6px;padding:4px 9px;font-size:10px;font-weight:500;display:inline-block}.badge[data-status=ON_PROBATION],.badge[data-status=LATE],.badge[data-status=EARLY_DEPARTURE],.badge[data-status=MISSING_IN],.badge[data-status=MISSING_OUT],.badge[data-status=OPEN],.badge[data-status=UNDER_REVIEW],.badge[data-status=SUBMITTED],.badge[data-status=PENDING],.badge[data-status=MISSING_INFORMATION],.badge[data-status=REQUIRES_HR_REVIEW],.badge[data-status=UNVERIFIED],.badge[data-status=DEV_UNSCANNED],.badge[data-status=RUNNING],.badge[data-status=RETRY],.badge[data-status=PARTIAL],.badge[data-status=NOTICE_PERIOD],.badge[data-status=SUSPENDED]{color:var(--warning-text);background:var(--warning-bg);border-color:var(--warning-line)}.badge[data-status=INACTIVE],.badge[data-status=REST_DAY],.badge[data-status=NO_SCHEDULE],.badge[data-status=DRAFT],.badge[data-status=CANCELLED],.badge[data-status=DISABLED],.badge[data-status=ARCHIVED],.badge[data-status=PRE_HIRE],.badge[data-status=OFFBOARDING]{color:var(--muted);background:var(--surface-soft);border-color:var(--line)}.badge[data-status=TERMINATED],.badge[data-status=REJECTED],.badge[data-status=ABSENT],.badge[data-status=FAILED],.badge[data-status=OFFLINE],.badge[data-status=BLOCKED]{color:var(--negative-text);background:var(--negative-bg);border-color:var(--negative-line)}textarea{resize:vertical;min-height:96px}.attendance-workflow-stack{grid-template-columns:minmax(0,1fr);gap:20px;min-width:0;display:grid}.attendance-workflow-stack>*,.attendance-workflow-stack :where(.detail-grid>div){min-width:0}.attendance-workflow-stack :where(dd){overflow-wrap:anywhere}:where(.attendance-workflow-stack) .row-actions{flex-wrap:wrap;gap:8px;display:flex}.row-actions{vertical-align:middle}div.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-actions button:not(.button),.text-button{color:var(--accent-text);background:0 0;border:0;min-height:28px;padding:6px 0;font-size:11px}.row-actions :where(button:not(.button)+button:not(.button)){margin-inline-start:12px}.row-actions .danger-text{color:var(--negative-text)}.pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;font-size:11px;display:flex}.pagination>div,.page-size-label{align-items:center;gap:10px;display:flex}.page-size-label select{width:65px;min-height:30px;padding:4px;font-size:11px}.pagination .icon-button{border-color:var(--line);width:30px;height:30px}.empty{text-align:center;color:var(--muted);padding:64px 20px}.empty strong{color:var(--text);font-size:14px;font-weight:500}.empty p{margin-top:8px;font-size:12px}.error,.success{border-radius:var(--radius-sm);border:1px solid var(--negative-line);background:var(--negative-bg);color:var(--negative-text);margin-bottom:20px;padding:13px 16px;font-size:12px}.error .button{margin-inline-start:12px}.success{border-color:var(--positive-line);background:var(--positive-bg);color:var(--positive-text)}.form-dialog{border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--surface-raised);width:min(760px,95vw);max-height:90vh;box-shadow:var(--shadow);padding:0}.form-dialog::backdrop{background:var(--overlay)}.dialog-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.dialog-heading h2{font-size:21px}.form-fields{grid-template-columns:1fr 1fr;gap:20px;padding:25px 26px;display:grid}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:20px;padding:24px;display:grid}.form-grid>.button{justify-self:start}:where(.form-grid) .field{gap:7px;display:grid}.attendance-workflow-stack>.panel>:where(h2,h3,p,.row-actions){margin-block:16px;margin-inline:24px}.attendance-workflow-stack>.panel>:where(.attendance-note,.panel-heading){margin:0}.field{min-width:0}form>label,.field>label,.form-fields>label{color:var(--muted);font-size:12px;display:block}.field>label{margin-bottom:7px}.field>label small{color:var(--muted);font-size:10px}.required-marker{color:var(--accent-text)}.full-width{grid-column:1/-1}.dialog-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:18px 26px;display:flex}.form-dialog .error{margin:0 26px 20px}.relation-input>input{border-end-end-radius:0;border-end-start-radius:0;min-height:34px;padding-block:6px;font-size:11px}.relation-input>select{border-top:0;border-start-start-radius:0;border-start-end-radius:0}.selected-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.selected-tags button{border:1px solid var(--line);background:var(--accent-soft);color:var(--accent-text);border-radius:6px;padding:5px 8px;font-size:11px}.field-error{color:var(--negative-text)}.toggle-field{color:var(--muted);align-items:center;gap:10px;padding-top:10px;font-size:12px;display:flex}.filter-details{position:relative}.filter-details summary{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 13px;font-size:12px;list-style:none}.filter-popover{background:var(--surface-raised);z-index:20;width:280px;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:var(--radius);padding:20px;position:absolute;inset-block-start:48px;inset-inline-end:0}.filter-popover .field{margin-bottom:14px}.filter-popover .field>span{margin-bottom:6px;font-size:11px;display:block}.back-link{color:var(--muted);align-items:center;gap:7px;margin-bottom:22px;font-size:12px;display:inline-flex}.back-link:hover{color:var(--accent-text)}button.back-link{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.profile-heading{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:22px;margin-bottom:22px;padding:24px;display:flex}.profile-avatar{background:var(--accent-soft);width:78px;height:78px;color:var(--accent-text);border-radius:20px;flex-shrink:0;place-items:center;font-size:30px;display:grid}.profile-heading p{color:var(--muted);margin:7px 0 10px;font-size:12px}.profile-edit{margin-inline-start:auto}.profile-attendance-links{flex-wrap:wrap;gap:8px;margin-block:16px;display:flex}.profile-attendance-links:empty{display:none}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:24px;margin-bottom:24px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 2px;font-size:13px;display:flex}.tabs button.active{color:var(--accent-text);border-color:var(--accent)}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 30px;margin:0;padding:28px 24px;display:grid}dt{color:var(--muted);margin-bottom:7px;font-size:11px}dd{overflow-wrap:anywhere;margin:0;font-size:13px}.related-section{margin-top:28px}.related-section .page-heading{margin-top:26px}.related-section h1{font-size:20px}.audit-detail{margin-top:24px}.audit-detail h3,.audit-detail pre{margin:18px 24px}.audit-detail pre{background:var(--surface-soft);border-radius:var(--radius-sm);max-height:300px;padding:16px;font-size:11px;overflow:auto}.settings-panel{margin-bottom:24px}.settings-panel :where(.form-fields) input,.settings-panel :where(.form-fields) select{margin-top:7px}.settings-links{color:var(--accent-text);padding:20px 24px}.session-row{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:18px 24px;display:flex}.session-row>svg{color:var(--muted);flex-shrink:0}.session-row>div{min-width:0}.session-row strong{text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.session-row p{color:var(--muted);margin-top:4px;font-size:11px}.session-row .button{margin-inline-start:auto;font-size:11px}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px;display:grid}.permission-item{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px}.permission-item code{color:var(--muted);font-size:10px;display:block}.login-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:70px 20px;display:flex}.login-brand{color:var(--text);align-items:center;gap:9px;margin-bottom:30px;font-size:18px;display:flex}.login-brand svg{color:var(--accent-text)}.login-language{align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;inset-block-start:30px;inset-inline-end:35px}.login-appearance{position:absolute;inset-block-start:27px;inset-inline-start:30px}.login-card{background:var(--surface);border:1px solid var(--line);width:430px;max-width:100%;box-shadow:var(--shadow);border-radius:16px;padding:34px}.login-card h1{margin-bottom:9px;font-size:24px}.login-card>p{font-size:12px}.login-card form{margin-top:28px}.login-card label{margin-bottom:17px}.login-card label input{margin-top:7px}.login-card form .button{width:100%;margin-top:4px}.login-card .login-help{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:11px;display:flex}.login-card .demo-hint{background:var(--surface-soft);border-radius:var(--radius-sm);color:var(--muted);overflow-wrap:anywhere;margin-top:20px;padding:10px;font-size:10px}.login-footer{color:var(--muted);margin-top:27px;font-size:11px}.loading-screen{min-height:100vh;color:var(--muted);place-items:center;display:grid}.mobile-menu,.mobile-close{display:none}.skip-link{top:-100px;background:var(--surface);z-index:100;padding:12px;position:fixed;inset-inline-start:20px}.skip-link:focus{top:10px}html[dir=rtl] .breadcrumb>svg,html[dir=rtl] .back-link svg,html[dir=rtl] .desktop-collapse svg,html[dir=rtl] .pagination button svg{transform:scaleX(-1)}@media (min-width:761px){.sidebar-collapsed{--sidebar-width:78px}.sidebar-collapsed .sidebar{padding-inline:12px}.sidebar-collapsed .sidebar-label{display:none}.sidebar-collapsed .brand{justify-content:center;margin-bottom:32px;padding:0}.sidebar-collapsed .nav-link,.sidebar-collapsed .sidebar-footer{justify-content:center;padding-inline:0}.sidebar-collapsed .nav-group{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}}@media (max-width:1100px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding-inline:24px}.topbar{padding-inline:20px}.date-label{display:none}.stats-grid,.detail-grid{grid-template-columns:repeat(2,1fr)}.tenant-title{max-width:150px}}@media (max-width:760px){.sidebar{visibility:hidden;width:244px;transform:translate(-100%)}html[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.open,html[dir=rtl] .sidebar.open{visibility:visible;transform:translate(0)}.main-layout{margin-inline-start:0}.mobile-menu,.mobile-close{display:inline-flex}.desktop-collapse{display:none}.mobile-close{position:absolute;inset-block-start:8px;inset-inline-end:6px}.scrim{background:var(--overlay);z-index:25;border:0;position:fixed;inset:0}.topbar{gap:8px;min-height:66px;padding-inline:12px}.topbar-start,.topbar-actions{gap:5px}.topbar-start{flex:1;min-width:0}.topbar-actions{flex-shrink:0}.workspace-switcher{flex:1;min-width:0}.workspace-switcher summary{gap:4px}.topbar .dropdown-panel{width:auto;max-height:calc(100dvh - 100px);position:fixed;inset-block-start:74px;inset-inline:12px;overflow-y:auto}.tenant-title{flex:1;min-width:0;max-width:110px;font-size:11px}.tenant-title small,.tenant-icon{display:none}.theme-control{gap:2px}.theme-control>svg{display:none}.theme-control select{width:72px;font-size:11px}.language-button{padding:4px;font-size:11px}.language-button svg,.user-menu summary>svg{display:none}.content{padding:22px 16px 36px}h1{font-size:25px}.page-heading{flex-wrap:wrap;gap:12px}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-card strong{font-size:30px}.stat-card small{font-size:9px}.table-toolbar{padding:14px}.search-box{width:100%}.toolbar-note{display:none}.pagination{flex-wrap:wrap;padding:14px}.page-size-label{display:none}.form-fields,.form-grid,.permission-grid{grid-template-columns:1fr;padding:22px}.full-width{grid-column:auto}.profile-heading{flex-wrap:wrap;gap:13px;padding:20px}.profile-avatar{width:60px;height:60px;font-size:24px}.profile-edit{margin-inline-start:0}.detail-grid{gap:24px 16px;padding:22px}.activity-row{flex-wrap:wrap;padding:15px}.activity-row time{font-size:10px}.shortcuts{grid-template-columns:1fr;gap:10px}.session-row{flex-wrap:wrap}.filter-popover{width:min(280px,80vw);inset-inline:0 auto}}@media (max-width:380px){.tenant-title{max-width:80px}.topbar-start,.topbar-actions{gap:2px}.detail-grid{grid-template-columns:1fr}}.attendance-note{padding:0 24px 20px}.stat-label{color:var(--muted);margin-top:12px;font-size:12px;display:block}.stat-card>.relation-link{margin-top:12px;display:block}.attendance-date-filter{color:var(--muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.attendance-date-filter :where(input){width:155px}.attendance-weekdays{flex-wrap:wrap;gap:14px;padding:8px 0;display:flex}.attendance-weekdays label,.attendance-checkbox{align-items:center;gap:8px;display:flex}.attendance-weekdays :where(input),.attendance-checkbox :where(input){width:auto}.attendance-week-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.attendance-success{color:var(--accent-text);background:var(--accent-soft);border-radius:var(--radius);padding:12px 16px}@media (max-width:600px){.attendance-week-grid{grid-template-columns:1fr}.attendance-date-filter{flex:1}.attendance-date-filter :where(input){width:100%}}.attendance-pwa-controls{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-block-end:24px;padding:12px;display:flex}.attendance-pwa-controls p{flex:220px;margin:0}.master-panel,.master-readiness{margin-block:20px}.master-panel-content{padding:20px 24px}.master-panel-content>.muted{color:var(--muted);margin-block:0 20px}.master-record{border-block-start:1px solid var(--line);padding-block:20px}.master-record-heading{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block-end:12px;display:flex}.master-record-heading .master-record-id{color:var(--muted);overflow-wrap:anywhere}.master-record .detail-grid{padding:0}.master-record dd{overflow-wrap:anywhere}.master-record-actions{flex-wrap:wrap;gap:8px;margin-block-start:16px}.master-pagination{justify-content:flex-end;margin-block-start:16px}.master-form-hint{color:var(--muted);padding-inline:24px;line-height:1.65}.master-components{border:1px solid var(--line);border-radius:var(--radius);margin:16px 24px;padding:16px}.master-component-row{border-block-end:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-block:16px;display:grid}.master-component-row label,.master-readiness label{gap:6px;display:grid}.master-readiness-reasons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin-block:16px;padding-inline-start:20px;display:grid}.master-readiness-details{margin-block:12px}.master-readiness-details summary{cursor:pointer;color:var(--accent-text);font-weight:500}.badge[data-status=READY],.badge[data-status=VERIFIED],.badge[data-status=CLEAN]{color:var(--positive-text);background:var(--positive-bg);border-color:var(--positive-line)}.master-preview{width:min(900px,94vw)}.master-preview img{object-fit:contain;max-width:100%;max-height:65vh;margin-inline:auto;display:block}.master-preview iframe{background:var(--surface);border:0;width:100%;height:60vh}.employee-setup-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:24px;display:grid}.payroll-phase-note{border:1px solid var(--warning-line);background:var(--warning-bg);color:var(--warning-text);border-radius:var(--radius);margin-block-end:24px;padding:16px}.payroll-form{margin-block:20px}.payroll-table-heading{flex-wrap:wrap}.payroll-table-heading h2{flex:220px}.payroll-form .error{margin:0 26px 20px}.setup-step-navigation{padding:8px;position:sticky;top:20px}.setup-step-navigation button{border-radius:var(--radius-sm);text-align:start;width:100%;color:var(--muted);background:0 0;border:0;align-items:flex-start;gap:12px;padding:14px 12px;display:flex}.setup-step-navigation button.active{color:var(--accent-text);background:var(--accent-soft)}.setup-step-navigation button:disabled{cursor:not-allowed;opacity:.65}.setup-step-navigation button small{margin-block-start:5px;font-weight:400;line-height:1.4;display:block}.setup-step-number{border:1px solid var(--line);border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.setup-content{min-width:0}.setup-section-heading{margin-block-end:18px}.setup-section-heading h2{margin-block:0 8px}.setup-section-heading p{color:var(--muted);margin:0;line-height:1.65}.setup-inline-form{margin-block:18px}.setup-inline-form .dialog-heading{position:static}.setup-inline-form .form-fields{max-height:none;overflow:visible}.setup-inline-form .master-form-hint{padding-block-start:20px}.setup-inline-form .error{margin:0 26px 20px}.setup-inline-form .master-components{min-width:0}.setup-navigation-actions{justify-content:space-between;align-items:center;gap:16px;padding-block:20px;display:flex}.setup-navigation-actions .setup-navigation-hint{color:var(--muted);max-width:440px;line-height:1.6}.setup-record-section+.setup-record-section{margin-block-start:24px}@media (max-width:950px){.employee-setup-layout{grid-template-columns:1fr;gap:20px}.setup-step-navigation{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}}@media (max-width:550px){.setup-navigation-actions{flex-wrap:wrap}.setup-navigation-actions .setup-navigation-hint{flex-basis:100%;order:3}}@media (max-width:650px){.master-readiness-reasons,.master-component-row{grid-template-columns:1fr}.master-panel-content{padding:16px}.master-readiness .panel-heading{flex-direction:column;align-items:flex-start}}