:root{--fs-2xs: .75rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .875rem;--fs-base: .875rem;--fs-lg: 1rem;--fs-xl: 1.125rem;--fs-2xl: 1.25rem;--fs-3xl: 1.375rem;--fs-4xl: 1.5rem;--fs-5xl: 1.75rem;--text-body-md: 14px;--text-body-md--line-height: 20px;--text-body-sm: 12px;--text-body-sm--line-height: 16px;--text-body-lg: 15px;--text-label-md: 13px;--text-label-md--font-weight: 500;--text-label-md--letter-spacing: 0;--text-label-sm: 12px;--text-label-sm--font-weight: 500;--text-label-sm-caps: 12px;--text-label-sm-caps--font-weight: 500;--text-label-sm-caps--letter-spacing: .02em;--text-label-sm-caps--line-height: 16px;--text-title-lg: 16px;--text-title-lg--font-weight: 600;--text-headline-md: 20px;--text-headline-md--font-weight: 600;--text-headline-lg: 24px;--text-headline-lg--font-weight: 600;--text-headline-lg--line-height: 32px;--font-weight-bold: 600;--font-weight-extrabold: 600;--font-weight-black: 600;--spacing-base: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 20px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-gutter: 24px;--ctl-h: 36px;--ctl-r: 8px;--btn-h: 36px;--btn-h-sm: 30px;--tab-h: 32px;--input-h: 38px;--card-r: 12px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 14px;--r-2xl: 16px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--sh-sm: none;--sh-md: 0 1px 2px rgba(16, 24, 40, .05);--sh-overlay: 0 12px 32px rgba(16, 24, 40, .12)}@media(min-width:1024px){html{font-size:100%}}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--fs-md);line-height:1.5;letter-spacing:0;color:var(--text-1)}html[lang=ar] body{font-family:Tajawal,Inter,system-ui,Segoe UI,Tahoma,sans-serif}b,strong,h1,h2,h3,h4,h5,h6,th{font-weight:600}.main-content{--main-pad-top: 1rem}@media(max-width:1024px){.main-content{--main-pad-top: 1.5rem}}@media(min-width:1025px){.main-content{padding:24px 24px 48px;--main-pad-top: 24px}}.page-header{margin-bottom:24px;gap:16px;align-items:center}.page-header h1{font-size:var(--fs-4xl);font-weight:600;letter-spacing:-.01em;color:var(--text-1)}.page-header p{font-size:var(--fs-md);font-weight:400;color:var(--text-3)}.header-title{font-size:var(--fs-xl);font-weight:600;letter-spacing:-.01em;color:var(--text-1);white-space:nowrap}@media(min-width:768px){.header-title-wrap{flex-shrink:0}}.btn{min-height:var(--btn-h);padding:0 16px;border-radius:var(--ctl-r);font-size:var(--fs-md);font-weight:500;line-height:1;gap:8px;box-shadow:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-sm{min-height:var(--btn-h-sm);padding:0 12px;font-size:var(--fs-sm);border-radius:var(--ctl-r)}.btn-lg{min-height:40px;padding:0 20px;font-size:var(--fs-md)}.btn-primary{background:var(--primary);color:#fff;box-shadow:none}.btn-primary:hover{background:color-mix(in srgb,var(--primary) 88%,#fff);box-shadow:none}.btn-secondary{background:var(--card-bg);color:var(--text-1);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-2);border-color:var(--border)}.btn-ghost{background:transparent;color:var(--text-2);border-color:transparent}.btn-ghost:hover{background:var(--bg-2);color:var(--text-1)}.btn-danger{background:var(--danger-strong, #b91c1c);color:#fff}.btn-danger:hover{background:color-mix(in srgb,var(--danger-strong, #b91c1c) 88%,#000)}.btn-accent{background:var(--color-primary-fixed, #f3e9cf);color:var(--text-1)}.btn-accent:hover{background:var(--color-primary-fixed, #f3e9cf);box-shadow:none;filter:brightness(.97)}.btn-icon{width:var(--btn-h-sm);height:var(--btn-h-sm);border-radius:var(--ctl-r);background:var(--card-bg)}:where(.main-content,.modal-box) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),select):not(:where(td *,th *,.calendar-table *,.bg-transparent,.border-none,[readonly],:disabled)){min-height:var(--input-h);font-size:var(--fs-md);border-radius:var(--ctl-r);border-color:var(--border);background-color:var(--card-bg)}:where(.main-content,.modal-box) :where(textarea){font-size:var(--fs-md);border-radius:var(--ctl-r);border-color:var(--border);line-height:1.5}:where(.main-content,.modal-box) :where(input,select,textarea)::placeholder{color:var(--text-3);opacity:.8}:where(.main-content,.modal-box) label:not(:has(input[type=checkbox],input[type=radio])){font-size:var(--fs-sm);font-weight:500;color:var(--text-2);text-transform:none;letter-spacing:0}:where(.main-content,.modal-box) label:has(input[type=checkbox],input[type=radio]){font-size:var(--fs-md);font-weight:400;text-transform:none;letter-spacing:0}.field label:not([class*=font-]){margin-bottom:6px;font-size:var(--fs-sm);font-weight:500;color:var(--text-2);text-transform:none;letter-spacing:0}.field .field-help,.field-help{font-size:var(--fs-xs);color:var(--text-3)}.field input:not([class*=px-]),.field select:not([class*=px-]),.field textarea:not([class*=px-]){padding:8px 12px;border-radius:var(--ctl-r);font-size:var(--fs-md)}.field input:not([class*=px-]):focus,.field select:not([class*=px-]):focus,.field textarea:not([class*=px-]):focus{border-color:var(--text-3);box-shadow:var(--sh-glow)}.form-grid{gap:20px 24px}.form-section{font-size:var(--fs-lg);font-weight:600;color:var(--text-1);text-transform:none;letter-spacing:0;padding:20px 0 0;margin-top:12px;border-top:1px solid var(--border-2)}.form-section:first-child{padding-top:0;margin-top:0;border-top:none}.form-actions{gap:12px;padding-top:24px}.card,.stat-card,.kpi{background:var(--card-bg);border:1px solid var(--border-2, var(--border));border-radius:var(--card-r);box-shadow:none}.stat-card,.kpi{padding:20px 24px;gap:6px}.kpi:before{display:none}.stat-card h3{font-size:var(--fs-sm);font-weight:500;color:var(--text-3);text-transform:none;letter-spacing:0}.stat-value{font-size:var(--fs-4xl);font-weight:600;letter-spacing:-.01em}.stat-card-icon{width:32px;height:32px;border-radius:var(--ctl-r);margin-bottom:4px;background:var(--bg-2)!important;color:var(--text-2)!important}.stat-card-icon svg,.stat-card-icon .material-symbols-outlined{width:18px;height:18px;font-size:18px}.border-surface-border,.border-outline-variant:not(input):not(select):not(textarea){border-color:var(--border-2, var(--border))}.shadow,.shadow-sm,.shadow-md{--tw-shadow: 0 0 #0000}.rounded-xl{border-radius:var(--card-r)}:where(.main-content,.modal-box) table:not(.calendar-table):not([class*="text-["]) th{padding:12px 16px;font-size:var(--fs-xs);font-weight:500;color:var(--text-3);text-transform:none;letter-spacing:.01em;background:var(--card-bg);border-bottom:1px solid var(--border);white-space:nowrap}:where(.main-content,.modal-box) table:not(.calendar-table):not([class*="text-["]) td{padding:14px 16px;border-bottom:1px solid var(--border-2, var(--border));vertical-align:middle}:where(.main-content,.modal-box) table:not(.calendar-table):not([class*="text-["]) tbody tr:last-child td{border-bottom:none}:where(.main-content,.modal-box) table:not(.calendar-table):not([class*="text-["]) tbody tr:hover>td{background:color-mix(in srgb,var(--bg-2) 55%,transparent)}thead tr.bg-surface-container-high,thead tr.bg-surface-container-low,thead tr.bg-surface-container{background:transparent}.table-zebra tr:nth-child(2n),.table-zebra tr:nth-child(odd){background-color:transparent}.table-sticky thead th{background:var(--card-bg);box-shadow:inset 0 -1px 0 var(--border)}@media(min-width:769px){.main-content .table-sticky thead th{top:calc(-1 * var(--main-pad-top, 0px))}}.table-sticky:not(.calendar-table) thead th{border-bottom:none}.pill,.badge{padding:2px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:500;letter-spacing:0;line-height:1.5;text-transform:none}:where(.main-content,.modal-box) span.rounded-full.uppercase,:where(.main-content,.modal-box) span.rounded.uppercase,:where(.main-content,.modal-box) span.rounded-full.tracking-wider{text-transform:none;letter-spacing:0;font-weight:500;font-size:var(--fs-xs)}.ds-tabs button,.tab-btn{font-size:var(--fs-sm);font-weight:500;padding-inline:14px;border-radius:var(--ctl-r);box-shadow:none}.ds-tabs button[aria-selected=true],.tab-btn.active{font-weight:600}.ds-tabs{gap:2px}.toolbar{padding:16px 20px;gap:12px}.ds-band{gap:12px}.modal-box{border-radius:var(--r-2xl);box-shadow:var(--sh-overlay);border-color:var(--border-2, var(--border))}.modal-header{padding:20px 24px;border-bottom-color:var(--border-2, var(--border))}.modal-header h2{font-size:var(--fs-xl);font-weight:600;letter-spacing:-.01em;color:var(--text-1)}#modal-body{padding:24px}.modal-close{background:transparent;color:var(--text-3)}.modal-box.modal-xl{width:min(1200px,calc(100vw - 48px));max-height:calc(100vh - 48px)}.modal-xl #modal-body{max-height:calc(100vh - 160px)}.modal-close:hover{background:var(--bg-2);color:var(--text-1)}.sidebar-nav{padding:12px;gap:2px}.nav-link{padding:8px 12px;font-size:var(--fs-md);font-weight:500;border-radius:var(--ctl-r);gap:12px}.nav-group-items{gap:2px}.nav-section-label,.nav-group-toggle{font-size:var(--fs-xs);font-weight:500;letter-spacing:.02em;text-transform:none;padding:16px 12px 6px}.sidebar-brand{font-weight:600}.sidebar-brand-sub,.user-role{font-weight:400;text-transform:none;letter-spacing:0}.entity-name,.user-name{font-weight:500}.sidebar-logo-box{font-weight:600;box-shadow:none}.sidebar-collapsed .nav-group-toggle{padding:8px 0}.sidebar-collapsed .nav-group-flyout-label{font-weight:500;text-transform:none;letter-spacing:0}.dash-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border-2, var(--border));border:1px solid var(--border-2, var(--border));border-radius:var(--card-r);overflow:hidden;margin-bottom:32px}.dash-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:20px 24px;border:none;background:var(--card-bg);font:inherit;text-align:start;cursor:pointer}.dash-stat:hover{background:color-mix(in srgb,var(--bg-2) 60%,var(--card-bg))}.dash-stat:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.dash-stat__k{font-size:var(--fs-sm);color:var(--text-3)}.dash-stat__v{font-size:var(--fs-4xl);font-weight:600;color:var(--text-1);line-height:1.25;letter-spacing:-.01em}.dash-stat__s{font-size:var(--fs-xs);color:var(--text-3)}@media(max-width:767px){.dash-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.dash-stat{padding:16px}}.admin-nav__item{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:8px 12px;margin-bottom:2px;border:none;border-radius:var(--ctl-r);background:transparent;color:var(--text-2);font:inherit;font-size:var(--fs-md);font-weight:500;text-align:start;cursor:pointer}.admin-nav__item .material-symbols-outlined{font-size:18px;opacity:.75}.admin-nav__item:hover{background:var(--bg-2);color:var(--text-1)}.admin-nav__item.is-active{background:var(--accent-soft);color:var(--text-1);font-weight:600;box-shadow:inset 3px 0 0 var(--accent-2)}.admin-nav__item.is-active .material-symbols-outlined{color:var(--accent);opacity:1}.admin-layout{grid-template-columns:248px minmax(0,1fr);gap:24px}@media(max-width:768px){.admin-layout{grid-template-columns:minmax(0,1fr);gap:12px}}.admin-layout .admin-nav{padding:8px}.admin-layout .admin-content{padding:24px 32px}.app-breadcrumbs,.account-dd-sub,.account-dd-session,.cmd-group-title,.cmd-item-desc,.cmd-palette-footer,.dash-action-sub,.punch-timeline-labels,.att-form label,.app-breadcrumbs .crumb-sep{font-size:var(--fs-xs)}:where(.bg-surface-container-low,.bg-surface-container,.bg-surface-container-high) .text-outline{color:var(--text-2)}body{-webkit-font-smoothing:auto;text-rendering:optimizeLegibility}.theme-light .loading-overlay{background:#f7f8fae6}.theme-light .loading-msg{color:var(--text-1)}.theme-light .loading-sub{color:var(--text-3)}.empty-state{padding:48px 24px;color:var(--text-3)}.text-4xl>.material-symbols-outlined{font-size:32px;opacity:.6}