:root{--primary: #1b4f72;--accent: #e67e22;--brand-orange: #e67e22;--brand-orange-soft: rgba(230, 126, 34, .12);--success: #1e8449;--warning: #d68910;--danger: #c0392b;--surface: #ffffff;--background: #f4f6f7;--text-primary: #2c3e50;--text-muted: #5d6d7e;--border: #d5dbdb;--shadow: 0 8px 24px rgba(27, 79, 114, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:IBM Plex Sans Arabic,sans-serif;background:var(--background);color:var(--text-primary)}a{color:var(--primary);text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app-brand{display:flex;align-items:center;gap:.65rem;font-weight:700;color:var(--primary)}.app-brand__text{display:flex;flex-direction:column;line-height:1.2}.app-brand__company{font-size:.72rem;font-weight:600;color:var(--brand-orange);letter-spacing:.02em}.app-brand__product{font-size:.95rem}.app-header__user{display:flex;align-items:center;gap:.75rem}.app-header__user-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.app-header__user-meta .muted{font-size:.8rem;opacity:.8}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;max-height:360px;overflow:auto;margin-block:.75rem}.permissions-group{display:flex;flex-direction:column;gap:.35rem}.checkbox-row{display:flex;align-items:flex-start;gap:.4rem;font-size:.9rem}.banner-success{background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7;padding:.75rem 1rem;border-radius:8px;margin-bottom:.75rem}.company-logo{display:block;object-fit:contain;flex-shrink:0}.company-logo--small{width:36px;height:36px}.company-logo--medium{width:72px;height:72px}.company-logo--large{width:128px;height:128px}.report-header{display:flex;align-items:center;gap:.85rem;padding-bottom:.85rem;margin-bottom:1rem;border-bottom:2px solid var(--brand-orange)}.report-header__brand{font-size:.75rem;font-weight:600;color:var(--brand-orange)}.report-header__title{margin:.15rem 0 0;font-size:1.15rem;color:var(--primary)}.report-header__subtitle{margin:.2rem 0 0;color:var(--text-muted);font-size:.85rem}.app-body{display:grid;grid-template-columns:240px 1fr;min-height:0}.app-sidebar{background:var(--surface);border-inline-start:1px solid var(--border);padding:1rem .75rem}.app-sidebar a{display:flex;align-items:center;gap:.65rem;padding:.7rem .9rem;border-radius:10px;color:var(--text-primary);margin-bottom:.3rem}.app-sidebar a .nav-icon{flex-shrink:0;color:var(--text-muted)}.app-sidebar a.active{background:#1b4f7214;color:var(--primary);font-weight:600}.app-sidebar a.active .nav-icon{color:var(--brand-orange)}.app-content{padding:1rem}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(ellipse at 20% 10%,rgba(230,126,34,.12),transparent 45%),radial-gradient(ellipse at 90% 90%,rgba(27,79,114,.1),transparent 40%),var(--background)}.auth-card{width:min(100%,420px);background:var(--surface);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow)}.auth-card--branded{width:min(100%,460px)}.auth-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.auth-brand__company{margin:0;font-size:.85rem;font-weight:700;color:var(--brand-orange);letter-spacing:.04em}.auth-brand__product{margin:.25rem 0 0;font-size:1.5rem;color:var(--primary)}.auth-brand__tagline{margin:.35rem 0 0;color:var(--text-muted);font-size:.95rem}.auth-login-title{margin:0 0 1rem;font-size:1.1rem;color:var(--text-primary)}.auth-card h1{margin:0 0 .5rem;color:var(--primary)}.form-field{display:grid;gap:.35rem;margin-bottom:1rem}.form-field label{font-weight:500}.form-field input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:10px;padding:.65rem .85rem;background:#fff}.btn{min-height:44px;border:none;border-radius:10px;padding:.65rem 1rem;font-weight:600}.btn-primary{width:100%;background:var(--primary);color:#fff}.btn-secondary{background:transparent;color:var(--primary);border:1px solid var(--border)}.banner{padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}.banner-error{background:#c0392b1a;color:var(--danger)}.banner-warning{background:#e67e221f;color:var(--warning)}.banner-info{background:#1b4f7214;color:var(--primary)}.offline-banner{position:sticky;top:0;z-index:20;background:var(--warning);color:#fff;text-align:center;padding:.5rem}.pwa-update-banner,.pwa-install-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;padding:.55rem .85rem;text-align:center;z-index:19}.pwa-update-banner{background:#1b4f72f2;color:#fff}.pwa-install-bar{background:#e67e221f;color:var(--text-primary);border-bottom:1px solid var(--border)}.pwa-install-header{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.pwa-install-panel{margin-bottom:1rem}.pwa-ios-tip{margin:.35rem 0 0;font-size:.85rem;color:var(--text-muted)}.pwa-install-success{font-size:.8rem}.app-version,.auth-version,.settings-app-version{display:block;font-size:.75rem;font-weight:500}.auth-version{margin-top:1rem;text-align:center}.mobile-menu-toggle{display:none;min-width:44px;min-height:44px}.mobile-sidebar-backdrop{display:none}.mobile-nav__more{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;border:none;background:transparent;padding:.5rem;color:var(--text-primary);font:inherit;font-size:.75rem;min-height:44px}.branch-switcher{position:relative}.branch-switcher__trigger{min-height:44px;border:1px solid var(--border);background:#fff;border-radius:999px;padding:.35rem .85rem}.branch-switcher__menu,.branch-switcher__sheet{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:.5rem}.branch-switcher__menu{position:absolute;inset-inline-start:0;top:calc(100% + .35rem);min-width:240px;z-index:30}.branch-switcher__option{width:100%;text-align:start;background:transparent;border:none;border-radius:8px;padding:.65rem .75rem}.branch-switcher__option.active{background:#1b4f7214;color:var(--primary)}.mobile-nav{display:none;border-top:1px solid var(--border);background:var(--surface);padding:.5rem}.mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center;padding:.5rem;color:var(--text-primary);font-size:.75rem}.mobile-nav a.active{color:var(--primary);font-weight:600}.task-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.task-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem}.task-summary-card__label{font-size:.8rem;color:var(--text-muted)}.task-summary-card__value{margin-top:.35rem;font-size:1.35rem;font-weight:700;color:var(--primary)}.task-summary-card--accent{border-color:var(--brand-orange);background:var(--brand-orange-soft)}.task-summary-card--accent .task-summary-card__value{color:var(--brand-orange)}.task-actions{display:flex;flex-wrap:wrap;gap:.5rem}.permission-group{border:1px solid var(--border);border-radius:10px;padding:.75rem;margin-bottom:.75rem}.permission-group__actions{display:flex;gap:.35rem}.employee-tabs{display:flex;gap:.35rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.employee-tabs button{border:none;background:transparent;padding:.65rem .9rem;color:var(--text-muted);border-bottom:2px solid transparent}.employee-tabs button.active{color:var(--primary);border-bottom-color:var(--brand-orange);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:end center;z-index:40}.modal-backdrop--center{place-items:center;padding:1rem;overflow-y:auto}.modal-card{width:min(100%,420px);background:var(--surface);border-radius:16px 16px 0 0;padding:1rem}@media (max-width: 768px){.app-header{flex-wrap:wrap;gap:.5rem}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center}.app-header__user{flex-wrap:wrap;justify-content:flex-end;width:100%}.app-header__user .btn{min-height:44px}.app-body{grid-template-columns:1fr;position:relative}.app-sidebar{display:none;position:fixed;inset-block:0;inset-inline-start:0;width:min(86vw,300px);z-index:45;background:var(--surface);border-inline-end:1px solid var(--border);padding:1rem .75rem;overflow-y:auto;box-shadow:var(--shadow)}.app-sidebar--open{display:flex;flex-direction:column}.mobile-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;border:none;background:#00000059}.mobile-nav{display:flex;position:sticky;bottom:0;z-index:15}.mobile-nav a{min-height:44px;justify-content:center}.form-grid,.form-grid--modal{grid-template-columns:1fr}.modal-card,.modal-card--dialog,.modal-card--wide{width:min(100%,100vw);max-height:min(92vh,920px);border-radius:16px 16px 0 0}.modal-backdrop--center{place-items:end center;padding:0}input,select,textarea,.btn{font-size:16px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.permission-group__header,.permission-group__actions,.page-header,.table-toolbar,.row-actions{flex-wrap:wrap}.app-content{overflow-x:hidden;max-width:100vw;padding-bottom:.5rem}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.page-header h1{margin:0;color:var(--primary)}.page-header__subtitle{margin:.35rem 0 0;color:#5d6d7e}.page-header__actions{display:flex;gap:.5rem}.toolbar{margin-bottom:1rem}.table-toolbar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.table-toolbar__actions{flex-wrap:wrap}.table-toolbar__filters{width:100%}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.data-table tr.data-table__row--selected td{background:#eef4ff}.data-table tbody tr[onclick],.data-table tbody tr{cursor:default}.filters-grid select,.search-input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:10px;padding:.65rem .85rem;background:#fff}.form-field textarea{width:100%;min-height:88px;border:1px solid var(--border);border-radius:10px;padding:.65rem .85rem;background:#fff;resize:vertical}.section-title{margin:1.25rem 0 .5rem;font-size:1rem;font-weight:600;color:var(--text)}.lines-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem}.panel-muted{color:#5d6d7e}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border);text-align:start}.data-table th{background:#1b4f720a;font-weight:600}.data-table tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.875rem;font-weight:600}.status-badge--active{background:#1e84491f;color:var(--success)}.status-badge--inactive{background:#c0392b1a;color:var(--danger)}.row-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-inline{width:auto}.btn-link{background:transparent;border:none;color:var(--primary);padding:0;min-height:auto;font-weight:600}.btn-link-danger{color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-field--full{grid-column:1 / -1}.form-field select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:10px;padding:.65rem .85rem;background:#fff}.checkbox-field{display:flex;align-items:center;gap:.5rem}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.input-compact{width:100%;min-width:80px;padding:.35rem .5rem;border:1px solid var(--border);border-radius:8px}.settings-quick-links{margin-bottom:1.5rem}.settings-quick-links h3{margin:0 0 .75rem}.field-label{display:block;font-weight:500;margin-bottom:.35rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem}.permission-group{margin-bottom:1rem}.permission-group h4{margin:0 0 .5rem;color:var(--primary)}.modal-card--dialog{width:min(100%,560px);border-radius:16px;margin:auto}.modal-card--scrollable{display:flex;flex-direction:column;max-height:90vh;padding:0;overflow:hidden}.modal-card--wide{width:min(100%,760px)}.modal-card__header--fixed{flex:0 0 auto;padding:1rem 1rem .75rem;margin-bottom:0;border-bottom:1px solid var(--border)}.modal-card__body--scroll{flex:1 1 auto;overflow-y:auto;padding:1rem;min-height:0}.modal-card__footer--fixed{flex:0 0 auto;padding:.75rem 1rem 1rem;border-top:1px solid var(--border);background:var(--surface)}.modal-backdrop--nested{z-index:50}.modal-subtitle{margin:0 0 1rem;color:#5d6d7e}.form-grid--modal{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--single{grid-template-columns:1fr}.field-error{margin:.35rem 0 0;color:var(--danger);font-size:.85rem}.combobox{position:relative}.combobox__input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:10px;padding:.65rem .85rem;background:#fff}.combobox--error .combobox__input{border-color:var(--danger)}.combobox__list{position:absolute;inset-inline:0;top:calc(100% + .25rem);z-index:20;max-height:220px;overflow-y:auto;margin:0;padding:.35rem;list-style:none;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.combobox__option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .65rem;border:none;background:transparent;text-align:start;border-radius:8px;cursor:pointer}.combobox__option:hover,.combobox__option--selected{background:#1b4f7214}.combobox__option--create{color:var(--primary);font-weight:600}.combobox__option-meta{color:#5d6d7e;font-size:.85rem}.combobox__empty{padding:.65rem;color:#5d6d7e}.modal-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal-card__header h2{margin:0;color:var(--primary)}.modal-close{background:transparent;border:none;font-size:1.5rem;line-height:1;color:#5d6d7e}.dashboard-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.dashboard-hero h1{margin:0 0 .35rem;color:var(--primary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;display:grid;gap:.35rem}.stat-card span{color:#5d6d7e}.stat-card strong{font-size:1.35rem;color:var(--primary)}.stat-card small{color:#7f8c8d;font-size:.8rem}.stat-card--empty{background:#fbfcfc}.stat-card--link{text-decoration:none;color:inherit;transition:box-shadow .15s ease,transform .15s ease;cursor:pointer}.stat-card--link:hover{box-shadow:0 4px 14px #00000014;transform:translateY(-2px)}.stat-card__empty{color:#95a5a6}.dashboard-scope{margin:.35rem 0 0;color:#5d6d7e;font-size:.95rem}.dashboard-state{margin-bottom:1rem}.banner-error{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.quick-links h2{margin:0 0 .75rem;color:var(--primary)}.quick-links__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.quick-link-card{display:grid;gap:.35rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;color:inherit;transition:border-color .2s ease,box-shadow .2s ease}.quick-link-card:hover{border-color:#1b4f7259;box-shadow:var(--shadow)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.card-grid .card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;display:grid;gap:.75rem}.input-with-action{display:flex;align-items:center;gap:.5rem}.input-with-action input{flex:1}.tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.tab-button{background:transparent;border:none;padding:.65rem 1rem;font-weight:600;color:#5d6d7e;border-bottom:2px solid transparent}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.detail-item{display:grid;gap:.35rem}.detail-item span{color:#5d6d7e;font-size:.9rem}.detail-item--full{grid-column:1 / -1}.text-danger{color:#c0392b}.text-success{color:#1e8449}.permission-group__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.permission-group__header h4{margin:0}.print-only{display:none}@media print{.print-only{display:block}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.dashboard-hero{flex-direction:column}}