:root{--saudi-riyal-font-family:"Saudi Riyal Symbol";--app-font-family:"Tajawal",var(--saudi-riyal-font-family),"Segoe UI Symbol","Apple Symbols","Arial Unicode MS",Tahoma,Arial,sans-serif}@font-face{font-family:Saudi Riyal Symbol;src:url(/fonts/saudi-riyal/saudi_riyal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+20c1,u+e900}@font-face{font-family:Saudi Riyal Symbol;src:url(/fonts/saudi-riyal/saudi_riyal_bold.woff2) format("woff2");font-weight:700 900;font-style:normal;font-display:swap;unicode-range:u+20c1,u+e900}body,html{text-size-adjust:100%}.money-cell,.sar-currency,.stat-value,[data-currency=SAR],body,body :not(svg):not(path),button,html,input,option,select,textarea{font-family:var(--app-font-family)!important}body,button,html,input,select,textarea{font-family:GE SS Text,Tahoma,Noto Sans Arabic,Arial,sans-serif}.sidebar{background:var(--sidebar-bg,#2b2019)}.brand-logo-frame{display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:rgba(255,255,255,.96);box-shadow:0 10px 25px rgba(76,54,36,.18)}.brand-logo-frame-large{width:116px;height:130px;margin:0 auto 18px;padding:7px;border-radius:28px}.brand-logo-frame-small{width:58px;height:58px;border-radius:15px;padding:4px}.brand-logo-image{display:block;width:100%;height:100%;object-fit:contain}.browser-notification-center,.email-settings-actions,.email-template-actions,.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-notification-link{position:relative;display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--border);border-radius:12px;color:var(--primary);background:var(--surface)}.topbar-notification-link span{position:absolute;top:-6px;right:-7px;min-width:20px;padding:2px 5px;border-radius:999px;color:#fff;background:#b42318;font-size:11px;text-align:center}.topbar-visitor-link{display:inline-flex;height:40px;align-items:center;gap:7px;padding-inline:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--primary);font-size:13px;font-weight:700}.topbar-notification-enable{border:0;color:var(--primary);background:transparent;font-size:12px;font-weight:700;cursor:pointer}.notification-events-card{margin-bottom:18px;padding:22px}.notification-event-list{display:grid;gap:8px}.notification-event{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;width:100%;padding:13px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:13px;color:inherit;background:color-mix(in srgb,var(--primary) 5%,#fff);text-align:right}.notification-event.read{opacity:.68;background:var(--surface)}.notification-event-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:var(--primary);background:var(--icon-background)}.notification-event small,.notification-event strong,.notification-event time{display:block}.notification-event small,.notification-event time{margin-top:3px;color:var(--muted);font-size:12px}.email-center{display:grid;gap:18px}.email-settings-summary{display:flex;gap:9px;align-items:center;font-size:20px;font-weight:800;cursor:pointer}.section-subtitle{margin-top:8px;padding-bottom:8px;border-bottom:1px solid var(--border);font-weight:800}.email-html-editor{overflow:hidden;border:1px solid var(--border);border-radius:14px}.email-editor-tabs{display:flex;gap:6px;padding:8px;background:var(--surface-muted)}.email-editor-tabs button{display:flex;gap:6px;align-items:center;padding:8px 12px;border:0;border-radius:9px;background:transparent;cursor:pointer}.email-editor-tabs button.active{color:#fff;background:var(--primary)}.email-html-editor textarea{min-height:340px;border:0;border-radius:0}.email-body-preview{width:100%;min-height:340px;border:0;padding:24px;background:#fff}.email-attachment-button{justify-content:center}.email-template-actions input{min-width:min(360px,100%)}.website-builder-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:20px;padding-top:18px}.website-builder-controls{align-content:start}.website-builder-sections{display:grid;gap:7px}.website-builder-sections>div{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid var(--border);border-radius:10px}.website-builder-sections>div.active{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));background:color-mix(in srgb,var(--primary) 5%,#fff)}.website-builder-sections label,.website-builder-sections span{display:flex;gap:8px;align-items:center}.website-builder-sections button{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--border);border-radius:8px;background:#fff}.website-live-preview{position:sticky;top:85px;align-self:start;min-height:460px;padding:34px;overflow:hidden;border-radius:20px;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(191,123,58,.28),transparent 36%),linear-gradient(135deg,#2a140b,#6f3d22);background-position:50%;background-size:cover;box-shadow:0 20px 45px rgba(42,20,11,.18)}.website-live-preview>small,.website-live-preview>span{display:block;color:rgba(255,255,255,.72)}.website-logo-setting{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.website-band-logo-preview,.website-logo-setting>img{display:grid;width:82px;height:82px;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:#fff;color:var(--primary);font-size:30px;font-weight:900;object-fit:contain}.website-band-logo-preview img,.website-logo-setting>img{width:82px;height:82px;object-fit:contain}.website-band-list{display:grid;gap:12px;margin-top:22px}.website-band-summary{display:flex;align-items:center;gap:12px}.website-band-summary>span:last-child{display:grid}.website-band-summary-logo{display:grid;width:44px;height:44px;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--primary);font-weight:900}.website-band-summary-logo img{width:100%;height:100%;object-fit:contain}.website-band-form{padding:18px}.website-new-band-form{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.website-live-preview h3{margin:38px 0 14px;font-size:clamp(28px,4vw,46px)}.website-live-preview p{line-height:1.8}.website-live-preview>button{margin-top:14px;padding:10px 18px;border:0;border-radius:999px;color:#2a140b;background:#fff}.website-preview-blocks{display:grid;gap:7px;margin-top:45px}.website-preview-blocks i{padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);font-style:normal;font-size:12px}@media (max-width:900px){.website-builder-grid{grid-template-columns:1fr}.website-live-preview{position:static;min-height:360px}.topbar-notification-enable{display:none}.topbar-visitor-link{width:40px;justify-content:center;padding-inline:0}.topbar-visitor-link span{display:none}}.branding-upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.settings-logo-preview{width:88px;height:88px;object-fit:contain;border-radius:14px;background:#fff;border:1px solid var(--border);padding:5px}.settings-favicon-preview{width:48px;height:48px;padding:3px}.settings-document-background-preview,.settings-favicon-preview{object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--border)}.settings-document-background-preview{width:148px;height:195px;object-position:center;padding:4px}.theme-color-grid input[type=color]{min-height:58px;padding:4px;cursor:pointer}.data-table .table-action-cell,.editable-table .table-action-cell{width:58px;min-width:58px;padding-inline:8px;text-align:center;white-space:nowrap}.editable-table .table-action-cell .icon-button{position:static;margin:0 auto}.catalog-row-actions{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}@media (max-width:720px){.branding-upload-row{display:grid;grid-template-columns:1fr}.branding-upload-row .button{width:100%}}.saved-signature-card img,.settings-seal-preview,.signature-upload-preview img{width:min(240px,100%);height:120px;object-fit:contain;border-radius:12px;border:1px solid var(--border);background:#fff;padding:8px}.secure-seal-setting{margin-bottom:8px}.empty-secure-preview{display:grid;place-items:center;width:min(240px,100%);min-height:120px;border:1px dashed var(--border);border-radius:12px;color:var(--muted)}.security-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--primary) 7%,#fff);color:var(--primary-dark);font-size:.88rem;white-space:nowrap}.signature-pad-wrap{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.copy-link-row,.signature-pad-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.signature-pad-toolbar>span{display:inline-flex;align-items:center;gap:7px;font-weight:700}.signature-pad{display:block;width:100%;height:220px;touch-action:none;cursor:crosshair;border:1px dashed color-mix(in srgb,var(--primary) 50%,var(--border));border-radius:12px;background:#fff}.saved-signature-card,.signature-upload-preview{display:grid;justify-items:center;gap:8px;margin-bottom:14px}.app-dialog{width:min(640px,calc(100vw - 28px));max-width:none;border:0;padding:0;border-radius:22px;background:transparent;box-shadow:0 24px 80px rgba(52,29,15,.3)}.app-dialog::backdrop{background:rgba(25,17,12,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.app-dialog-card{border-radius:22px;padding:24px}.copy-link-row input{flex:1 1 320px}.public-page-shell{min-height:100vh;padding:32px 16px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 15%,transparent),transparent 36%),var(--background)}.public-signing-layout{display:grid;gap:20px;width:min(1040px,100%);margin:0 auto}.public-sign-success{width:min(680px,100%);margin:12vh auto 0;text-align:center}.public-sign-success svg{color:var(--primary)}.document-note{margin:16px 0;padding:14px;border-radius:12px;background:var(--surface-soft);white-space:pre-wrap}.contract-package-details{display:grid;gap:14px;margin-block:18px}.contract-package-details>h3{margin:0}.contract-package-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:14px}.contract-package-detail-card{display:grid;align-content:start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface-soft) 72%,white);page-break-inside:avoid;break-inside:avoid}.contract-package-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.contract-package-detail-heading small,.contract-package-detail-heading span{color:var(--muted);font-size:.78rem}.contract-package-detail-heading h4{margin:4px 0 0;font-size:1.05rem}.contract-package-description,.legacy-package-description{margin:0;white-space:pre-wrap}.contract-package-benefits{display:grid;gap:9px;margin:0;padding:0;list-style:none}.contract-package-benefits li{display:flex;align-items:flex-start;gap:8px}.contract-package-benefits svg{flex:0 0 auto;margin-top:2px;color:var(--primary)}.contract-package-benefits span{display:grid;gap:2px}.contract-package-benefits small{color:var(--muted);line-height:1.6}.contract-package-empty{margin:0}.consent-field{align-items:flex-start;padding:14px}.print-actions-wrap{display:grid;gap:8px;justify-items:end}.compact-alert{max-width:640px;margin:0;padding-block:8px}.document-signature-cell{display:grid;justify-items:center;align-content:space-between;gap:5px!important;min-height:125px!important}.document-seal-image,.document-signature-image{width:100%;max-width:150px;height:62px;object-fit:contain}.document-signature-cell small{color:#555;font-size:.7rem}@media (max-width:720px){.copy-link-row,.signature-pad-toolbar{align-items:stretch;flex-direction:column}.copy-link-row .button,.signature-pad-toolbar .page-actions{width:100%}.signature-pad{height:180px}.security-badge{white-space:normal}}.public-sign-organization{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--border)}.public-sign-organization img{width:62px;height:62px;object-fit:contain}.public-sign-organization>div{display:grid;gap:4px}.public-sign-organization strong{font-size:20px}.public-sign-organization span{color:var(--muted)}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}@media (max-width:720px){body,html{max-width:100%;overflow-x:hidden}.page-content{width:100%;padding:18px 10px 36px}.topbar{min-height:72px;height:auto;padding:12px 76px 12px 14px}.topbar-user{max-width:100%;font-size:1rem;line-height:1.45}.mobile-menu-button{top:12px;right:14px;width:52px;height:52px;border-radius:14px}.page-header,.section-heading,.section-heading.compact{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch}.page-header h1,.section-heading h2,.section-heading h3{overflow-wrap:anywhere}.page-actions,.print-actions,[data-catalog-toolbar]{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr);gap:9px!important}.button,.catalog-quick-select,.page-actions>*,.print-actions>*,[data-catalog-toolbar]>*{width:100%;max-width:100%!important;min-width:0!important}.print-language-selector{grid-template-columns:auto minmax(0,1fr)}@media screen{.print-document-pages,.print-document-scroll{overflow-x:visible}.print-document-pages>.print-template-document,.print-document-scroll>.print-template-document{zoom:var(--print-fit,1)}}.print-language-selector select{grid-column:1/-1;width:100%;border-inline-start-color:transparent;border-top-color:var(--border)}.reservation-mini-card,.reservations-calendar-heading{display:grid;grid-template-columns:minmax(0,1fr)}.reservations-calendar-grid{gap:5px}.reservations-calendar-day,.reservations-calendar-empty{min-height:52px}.reservations-calendar-weekday{font-size:.72rem}.card,.editor-block,.form-section{min-width:0}.card-padding,.form-section{padding:16px 12px}.form-grid{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:14px}.form-grid>*,.form-grid>[class*=col-]{width:100%;min-width:0;grid-column:1/-1!important}.checkbox-field,.field{min-width:0}.checkbox-field,.field label{align-items:flex-start;line-height:1.45;overflow-wrap:anywhere}input,select,textarea{width:100%;min-width:0;max-width:100%;font-size:16px}textarea{min-height:120px}.dual-calendar{width:100%;min-width:0;padding:12px 10px}.dual-calendar-grid{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:12px}.calendar-panel,.calendar-panel input,.calendar-panel select{width:100%;min-width:0}.calendar-sync{justify-self:center;transform:rotate(90deg)}.responsive-table{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.data-table,.editable-table{min-width:660px}.editable-table input,.editable-table td:first-child input{min-width:110px}.payroll-responsive-table{overflow-x:visible}.payroll-table{display:block;width:100%;min-width:0!important}.payroll-table thead{display:none}.payroll-table tbody{display:grid;width:100%;gap:16px}.payroll-table tbody tr{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.payroll-table tbody td,.payroll-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.payroll-table tbody td{min-width:0;gap:6px;padding:9px 0;border:0;border-bottom:1px solid var(--border)}.payroll-table tbody td:last-child{border-bottom:0}.payroll-table tbody td:before{display:block;color:var(--muted);font-size:.78rem;font-weight:700}.payroll-table tbody td:first-child:before{content:"الموظف"}.payroll-table tbody td:nth-child(2):before{content:"الرقم"}.payroll-table tbody td:nth-child(3):before{content:"المسمى الوظيفي"}.payroll-table tbody td:nth-child(4):before{content:"الراتب الأساسي"}.payroll-table tbody td:nth-child(5):before{content:"البدلات"}.payroll-table tbody td:nth-child(6):before{content:"مستحقات سابقة"}.payroll-table tbody td:nth-child(7):before{content:"مستحقات أعمال"}.payroll-table tbody td:nth-child(8):before{content:"الاستقطاعات"}.payroll-table tbody td:nth-child(9):before{content:"ناقص هذا الشهر"}.payroll-table tbody td:nth-child(10):before{content:"الصافي"}.payroll-table tbody td:nth-child(11):before{content:"ملاحظات"}.payroll-table tbody td:nth-child(12):before{content:"الإجراء"}.payroll-table input,.payroll-table select,.payroll-table td:first-child input,.payroll-table textarea{width:100%;min-width:0!important;max-width:100%;min-height:16px}.payroll-table .payroll-reduction-cell .checkbox-field{width:fit-content;min-height:32px;padding:4px 9px;margin:0}.payroll-table .payroll-reduction-cell>input{margin-block-start:8px}.editor-block .section-heading.compact{margin-bottom:14px}.editor-block .section-heading.compact>.button,.editor-block .section-heading.compact>button{width:100%}.catalog-heading-actions,.catalog-picker,.catalog-picker select{width:100%;min-width:0}.catalog-heading-actions{display:grid;grid-template-columns:minmax(0,1fr)}.catalog-category-card>summary{align-items:flex-start;padding:13px 12px}.catalog-category-title{align-items:flex-start}.catalog-category-title small,.catalog-category-title strong{width:100%}.filter-bar,.grid-2,.grid-3,.grid-4,.inline-details{grid-template-columns:minmax(0,1fr)!important}.stat-card{grid-template-columns:42px minmax(0,1fr);padding:15px 12px}.money-cell,.stat-value{overflow-wrap:anywhere}.checkbox-field input{flex:0 0 auto}.alert,.field-error,.form-error{overflow-wrap:anywhere}}@media (max-width:420px){.page-content{padding-inline:7px}.card-padding,.form-section{padding-inline:10px}.page-header h1{font-size:1.45rem}.section-heading h2{font-size:1.3rem}}