@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--ink:#17221f;--muted:#7b8783;--green:#17483d;--green2:#216254;--mint:#e9f1ef;--sand:#f4f1eb;--gold:#d3a74e;--red:#c65353;--line:#e7e9e7;--white:#fff;--shadow:0 10px 35px rgba(28,50,43,.08)}
*{box-sizing:border-box}body{margin:0;background:#f7f8f6;color:var(--ink);font-family:'Tajawal','Segoe UI',sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--green);color:#fff;position:fixed;right:0;top:0;bottom:0;padding:25px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 29px}.brand-mark{width:42px;height:42px;border:1px solid #d7b96e;border-radius:12px;display:grid;place-items:center;color:#e8ca80;font-size:23px;font-weight:800}.brand strong{display:block;font-size:20px}.brand span{font-size:11px;color:#a9c4bd}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#c8d9d5;text-align:right;border-radius:10px;padding:13px 14px;font:600 14px Tajawal;cursor:pointer;transition:.2s}.nav-item:hover,.nav-item.active{color:#fff;background:rgba(255,255,255,.1)}.nav-item.active{box-shadow:inset -3px 0 #d9b25c}.icon{display:inline-grid;width:27px;font-size:20px;vertical-align:middle}.side-bottom{margin-top:auto}.support{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);padding:13px;border-radius:12px;display:flex;gap:10px;align-items:center;margin-bottom:15px}.support>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d7b15d;color:#15372f;font-weight:800}.support b,.user-card b{display:block;font-size:12px}.support small,.user-card small{color:#9db9b2;font-size:10px}.user-card{border-top:1px solid rgba(255,255,255,.12);padding-top:16px;display:flex;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:50%;background:#d8b665;color:#173f36;display:grid;place-items:center;font-weight:800}.user-card button{margin-right:auto;color:#fff;background:none;border:0;font-size:20px}.main{margin-right:248px;width:calc(100% - 248px)}.topbar{height:75px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:20px;position:sticky;top:0;z-index:10}.menu-btn{display:none}.search{width:min(420px,45vw);height:40px;background:#f5f6f4;border:1px solid #eceeeb;border-radius:9px;display:flex;align-items:center;padding:0 13px;color:#9aa29f}.search input{border:0;outline:0;background:transparent;width:100%;font:13px Tajawal;padding:0 9px}.top-actions{margin-right:auto;display:flex;align-items:center;gap:14px}.icon-btn{width:39px;height:39px;border:1px solid var(--line);border-radius:9px;background:#fff;position:relative}.icon-btn i{width:6px;height:6px;background:#c55151;border-radius:50%;position:absolute;top:7px;right:8px}.date-chip{border-right:1px solid var(--line);padding-right:16px}.date-chip span{display:block;color:#9aa19f;font-size:10px}.date-chip b{font-size:12px}.page{padding:30px 34px 45px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.page-head h1{font-size:25px;margin:0 0 3px}.page-head p{margin:0;color:var(--muted);font-size:13px}.head-actions{display:flex;gap:9px}.btn{border:1px solid var(--line);border-radius:9px;padding:10px 16px;background:#fff;font:700 13px Tajawal;cursor:pointer}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.gold{background:#d2ab59;border-color:#d2ab59;color:#17372f}.btn.ghost:hover{background:#f3f5f3}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;min-height:116px;position:relative}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.stat-icon{width:34px;height:34px;border-radius:9px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:17px}.stat strong{display:block;font-size:24px;margin:10px 0 3px;direction:ltr;text-align:right}.stat small{color:#8b9591;font-size:11px}.up{color:#26906e!important}.down{color:#c95050!important}.grid-2{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px;box-shadow:0 1px 0 rgba(0,0,0,.01)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-head h3{font-size:15px;margin:0}.card-head span,.link{font-size:11px;color:var(--green);font-weight:700;cursor:pointer}.chart-wrap{height:230px;display:flex;align-items:end;gap:13px;padding:18px 5px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 54px,#f1f2f0 55px)}.bar-col{flex:1;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;color:#818b87;font-size:10px}.bar{border-radius:5px 5px 0 0;background:#c6d4d0;min-height:10px;transition:.4s}.bar.active{background:var(--green)}.activity{display:grid;gap:14px}.activity-row{display:flex;gap:11px;position:relative}.activity-row:not(:last-child):after{content:'';position:absolute;right:15px;top:32px;height:25px;border-right:1px dashed #d9dddb}.activity-dot{width:31px;height:31px;border-radius:50%;background:var(--mint);display:grid;place-items:center;color:var(--green);font-size:13px;flex:none}.activity-row b{font-size:12px}.activity-row p{margin:2px 0;color:var(--muted);font-size:11px}.activity-row time{font-size:9px;color:#a1a8a5}.wide-card{margin-top:18px}.table-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.filter{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:white;font:12px Tajawal;color:#58635f}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:740px}th{text-align:right;font-size:11px;color:#7e8884;background:#f8f9f7;padding:11px;border-bottom:1px solid var(--line)}td{padding:13px 11px;border-bottom:1px solid #eef0ee;font-size:12px}tbody tr:hover{background:#fbfcfb}.mono{direction:ltr;text-align:right;font-family:Consolas,monospace;font-weight:600}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700;background:#edf3f1;color:#28715e}.pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.pill.warn{background:#fff5dd;color:#a67518}.pill.gray{background:#f0f1ef;color:#717875}.pill.red{background:#fdeaea;color:#b74646}.action-btn{border:0;background:none;color:var(--green);font:700 12px Tajawal;cursor:pointer}.vehicle{display:flex;align-items:center;gap:9px}.vehicle-badge{width:36px;height:30px;border-radius:7px;background:#edf1ef;display:grid;place-items:center;color:var(--green)}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:18px}.tab{border:0;background:none;padding:11px 16px;font:600 12px Tajawal;color:#7a8581;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--green);border-color:var(--green)}.empty{text-align:center;padding:50px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(10,26,22,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:50}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:16px;width:min(720px,96vw);max-height:90vh;overflow:auto;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;padding:22px 24px 16px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:20px}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.modal-head button{border:0;background:#f1f3f1;width:31px;height:31px;border-radius:50%;font-size:20px;cursor:pointer}.modal-body{padding:22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700;color:#5f6a66}.field input,.field select,.field textarea{border:1px solid #dfe3e0;border-radius:8px;padding:10px 11px;font:12px Tajawal;outline:0;background:white}.field input:focus,.field select:focus{border-color:#4f806f;box-shadow:0 0 0 3px #edf4f1}.modal-actions{padding:16px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.vat-preview{grid-column:1/-1;background:#eef4f2;border-radius:10px;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vat-preview span{display:block;color:var(--muted);font-size:10px}.vat-preview b{font-size:16px}.upload-box{grid-column:1/-1;border:1px dashed #aebbb6;background:#fafbf9;border-radius:10px;padding:18px;text-align:center;color:#6d7874;font-size:11px}#toast{position:fixed;left:25px;bottom:25px;background:#173f36;color:#fff;border-radius:10px;padding:13px 18px;font-size:12px;opacity:0;transform:translateY(10px);transition:.25s;z-index:80}#toast.show{opacity:1;transform:none}.report-banner{background:linear-gradient(115deg,#17483d,#226254);color:#fff;border-radius:14px;padding:23px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.report-banner h2{margin:0 0 5px;font-size:20px}.report-banner p{margin:0;color:#bed0cb;font-size:12px}.report-banner .btn{border-color:#d2ab59}.two-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}.donut-row{display:flex;align-items:center;gap:30px;padding:10px}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--green) 0 76%,#d6b567 76% 91%,#e8ecea 91%);position:relative}.donut:after{content:'الإجمالي';position:absolute;inset:27px;background:white;border-radius:50%;display:grid;place-items:center;font-size:11px;color:var(--muted)}.legend{display:grid;gap:12px}.legend div{font-size:11px}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-left:7px}.legend b{display:block;margin-right:17px;font-size:15px}
@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.sidebar{transform:translateX(100%);transition:.25s}.sidebar.open{transform:none}.main{margin-right:0;width:100%}.menu-btn{display:block;border:0;background:none;font-size:22px}.topbar{padding:0 18px}.page{padding:24px 18px}}
@media(max-width:620px){.stats,.two-stats{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:15px;flex-direction:column}.modal-body{grid-template-columns:1fr}.field.full,.vat-preview,.upload-box{grid-column:1}.vat-preview{grid-template-columns:1fr}.date-chip{display:none}.search{width:100%}.top-actions{margin-right:0}.head-actions{width:100%}.head-actions .btn{flex:1}}
.theme-toggle{width:39px;height:39px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--green);font:900 15px Tajawal;cursor:pointer}.theme-toggle:hover{background:#f3f5f3}body.theme-dark{--ink:#edf5f2;--muted:#9fb3ac;--green:#2fd0a0;--green2:#3bdab0;--mint:#183b32;--sand:#1d2724;--gold:#e2bd63;--red:#ff7878;--line:#28443c;--white:#13211d;--shadow:0 10px 35px rgba(0,0,0,.26);background:#0d1714;color:var(--ink)}body.theme-dark .topbar,body.theme-dark .card,body.theme-dark .modal,body.theme-dark .login-panel,body.theme-dark .login-card,body.theme-dark .attachment-card,body.theme-dark .month-section,body.theme-dark .search-section,body.theme-dark .salary-slip{background:#13211d;color:var(--ink);border-color:var(--line)}body.theme-dark .sidebar{background:#07120f}body.theme-dark .search,body.theme-dark th,body.theme-dark .filter,body.theme-dark .field input,body.theme-dark .field select,body.theme-dark .field textarea,body.theme-dark .btn,body.theme-dark .theme-toggle,body.theme-dark .date-picker-btn,body.theme-dark .icon-btn,body.theme-dark .slip-info div,body.theme-dark .slip-notes,body.theme-dark .month-head{background:#0f1c18;color:var(--ink);border-color:var(--line)}body.theme-dark td{border-bottom-color:#20362f}body.theme-dark tbody tr:hover{background:#172823}body.theme-dark .btn.primary{background:#1f8f72;border-color:#1f8f72;color:#fff}body.theme-dark .btn.gold{background:#c89d3f;border-color:#c89d3f;color:#101916}body.theme-dark .stat,body.theme-dark .treasury-account-card,body.theme-dark .activity-row,body.theme-dark .search-row{background:#13211d}body.theme-dark .stat-icon,body.theme-dark .activity-dot,body.theme-dark .vehicle-badge,body.theme-dark .file-icon{background:#1a342d;color:#63e0bc}body.theme-dark .table-wrap::-webkit-scrollbar-thumb{background:#2b4d43}body.theme-dark .donut:after{background:#13211d}body.theme-dark .payroll-net-preview,body.theme-dark .cash-auto-box{background:#10241f;border-color:#28443c}body.theme-dark .slip-head,body.theme-dark .slip-table th{border-color:#2fd0a0;background:#10241f;color:#edf5f2}body.theme-dark .slip-total td{background:#2b2513;color:#f0d58e}
.upload-box.reading{border-color:#d2ab59;background:#fffaf0}.upload-box.done{border-color:#3d8b73;background:#eff8f4;color:#226954}.ocr-note{grid-column:1/-1;padding:11px 13px;border-radius:9px;background:#fff6df;color:#8b6519;font-size:11px;line-height:1.7}.review-callout{grid-column:1/-1;background:#edf4f2;border-right:3px solid var(--green);padding:12px 14px;border-radius:8px;font-size:11px;color:#385b51}
.attachment-summary{display:flex;gap:14px;align-items:center;background:#edf4f2;border:1px solid #dce9e5;border-radius:12px;padding:16px 18px;margin-bottom:18px}.attachment-summary>span{width:42px;height:42px;border-radius:10px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:20px}.attachment-summary b{font-size:13px}.attachment-summary p{margin:3px 0 0;color:var(--muted);font-size:11px}.attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.attachment-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;align-items:center;gap:13px}.file-icon{width:50px;height:54px;border-radius:9px;background:#edf4f2;color:var(--green);display:grid;place-items:center;font-size:18px;font-weight:800;flex:none}.file-icon.pdf{background:#fdeaea;color:#b94747;font-size:11px}.file-info{min-width:0;flex:1}.file-info h3{font-size:13px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info p{font-size:10px;color:#68736f;margin:0 0 4px}.file-info small{font-size:9px;color:#969e9b}.file-actions{display:flex;gap:6px;flex-direction:column}.file-actions .btn{text-decoration:none;text-align:center;padding:7px 11px;font-size:10px}@media(max-width:800px){.attachment-grid{grid-template-columns:1fr}}@media(max-width:500px){.attachment-card{align-items:flex-start;flex-wrap:wrap}.file-actions{width:100%;flex-direction:row}.file-actions .btn{flex:1}}
.brand,.support,.icon-btn,.stat,.activity-dot,.vehicle-badge{cursor:pointer}.stat:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(23,72,61,.08)}.activity-dot:hover,.vehicle-badge:hover,.stat-icon:hover{filter:brightness(.95)}
.export-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.export-choice .btn{height:58px;font-size:18px}
.invoice-view{display:grid;gap:14px}.invoice-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invoice-view-grid div{background:#f8faf8;border:1px solid var(--line);border-radius:9px;padding:11px}.invoice-view-grid span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.invoice-view-grid b{font-size:13px}.invoice-view-grid .wide{grid-column:1/-1}.invoice-view-grid p{margin:0;color:#2d3834;font-size:12px;line-height:1.8}.view-actions{flex-direction:row}.muted-note{color:var(--muted);font-size:11px}
.quick-add{display:none;background:#fbfaf4;border:1px dashed #d3a74e;border-radius:10px;padding:12px}.quick-add.show{display:grid}.quick-add>b{color:#6f5419;font-size:12px;margin-bottom:10px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-grid .field{margin:0}@media(max-width:700px){.quick-grid{grid-template-columns:1fr}}
.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-btn.danger{color:#b74646}.action-btn.danger:hover{color:#8f2f2f}.perm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-card{display:flex!important;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfcfb;cursor:pointer}.check-card input{width:16px;height:16px;accent-color:var(--green)}.check-card span{font-size:12px;color:#2b3934}.perm-list{display:flex;gap:6px;flex-wrap:wrap}.mini-pill{background:#edf3f1;color:#28715e;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.muted-note{color:var(--muted);font-size:11px}@media(max-width:700px){.perm-grid{grid-template-columns:1fr}.row-actions{gap:5px}}
.grid-1{display:grid;grid-template-columns:1fr;gap:18px}.report-filter-card{margin-bottom:18px}.report-date-filter{flex-wrap:wrap}.report-date-filter label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#5f6a66}.report-date-filter input{min-width:155px}.month-section{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:18px;background:#fff}.month-head{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f6f8f6;padding:14px 16px;border-bottom:1px solid var(--line)}.month-head h3{margin:0;color:var(--green);font-size:16px}.month-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.month-totals{display:flex;gap:12px;flex-wrap:wrap;color:#65706c;font-size:11px}.month-totals b{color:var(--ink)}.month-section .table-wrap{border-radius:0}@media(max-width:800px){.month-head{align-items:flex-start;flex-direction:column}.report-date-filter label{width:100%;align-items:flex-start;flex-direction:column}.report-date-filter input{width:100%}}
.multi-invoice-list:empty{display:none}.multi-detected{background:#f6faf8;border:1px solid #d9e7e2;border-radius:12px;padding:12px;display:grid;gap:9px}.multi-detected>b{font-size:12px;color:var(--green)}.multi-detected-row{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:10px;padding:9px}.multi-detected-row>span{width:26px;height:26px;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:800;font-size:11px}.multi-detected-row b{display:block;font-size:12px}.multi-detected-row small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.batch-progress{height:8px;background:#edf1ef;border-radius:999px;overflow:hidden;margin:10px auto 0;max-width:360px}.batch-progress i{display:block;height:100%;background:linear-gradient(90deg,#17483d,#d8b665);border-radius:999px;transition:.25s}
.tab-count{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-right:6px;border-radius:10px;background:#eef1ef;color:#69736f;font-size:9px}.tab.active .tab-count{background:var(--green);color:#fff}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.search-section{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.search-section .card-head{margin-bottom:8px}.search-row{display:flex;align-items:center;gap:11px;padding:12px 4px;border-bottom:1px solid #eef0ee}.search-row:last-child{border-bottom:0}.search-row>div:not(.vehicle-badge){min-width:0;flex:1}.search-row b{display:block;font-size:12px}.search-row span:not(.pill){display:block;color:var(--muted);font-size:10px;margin-top:3px}@media(max-width:750px){.search-results{grid-template-columns:1fr}.tabs{overflow:auto}.tab{white-space:nowrap}}
.search-row>.search-row-actions{display:flex;flex:0 0 auto;min-width:auto;justify-content:flex-end;gap:5px}.search-invoice-row{flex-wrap:wrap}.search-invoice-row>.pill{flex:0 0 auto}@media(max-width:560px){.search-invoice-row>.search-row-details{flex:1 1 calc(100% - 52px)}.search-invoice-row>.search-row-actions{width:100%;justify-content:flex-start;padding-inline-start:42px}}
.auth-pending .app-shell{display:none}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff}.login-visual{background:linear-gradient(145deg,#123b32,#1d5a4c);color:#fff;padding:44px 60px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:'';position:absolute;border:1px solid rgba(216,182,101,.15);border-radius:50%}.login-visual:before{width:440px;height:440px;left:-160px;bottom:-180px}.login-visual:after{width:260px;height:260px;left:130px;bottom:-100px}.login-brand{display:flex;gap:12px;align-items:center;z-index:1}.login-brand .brand-mark,.mobile-login-brand .brand-mark{color:#e8ca80}.login-brand strong{display:block;font-size:21px}.login-brand span{display:block;color:#a9c4bd;font-size:11px}.login-copy{margin:auto 0;max-width:520px;z-index:1}.login-copy small,.eyebrow{color:#d8b665;font-weight:700;font-size:12px}.login-copy h1{font-size:45px;line-height:1.35;margin:14px 0}.login-copy p{color:#bbcec9;line-height:1.9;font-size:14px;max-width:440px}.login-foot{color:#8fb0a8;font-size:10px;z-index:1}.login-panel{display:grid;place-items:center;padding:35px}.login-card{width:min(390px,100%);display:grid;gap:20px}.login-card h2{font-size:28px;margin:7px 0 3px}.login-card p{margin:0;color:var(--muted);font-size:12px}.login-card label{font-size:12px;font-weight:700;display:grid;gap:8px}.login-card input{width:100%;height:47px;border:1px solid #dfe3e0;border-radius:9px;padding:0 13px;font:13px Tajawal;outline:0}.login-card input:focus{border-color:#4f806f;box-shadow:0 0 0 3px #edf4f1}.password-wrap{position:relative}.password-wrap button{position:absolute;left:7px;top:7px;width:33px;height:33px;border:0;background:transparent;color:#7c8783;cursor:pointer}.login-submit{height:48px;font-size:14px}.login-error{min-height:17px;color:#b74747;background:#fff0f0;border-radius:7px;padding:0;font-size:11px}.login-error:not(:empty){padding:9px 11px}.security-note{text-align:center;color:#929b98;font-size:10px}.mobile-login-brand{display:none}.logged-in .login-screen{display:none}.logged-in .app-shell{display:flex}@media(max-width:800px){.login-screen{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.mobile-login-brand{display:flex;align-items:center;gap:10px;color:var(--green)}.mobile-login-brand .brand-mark{background:var(--green);width:38px;height:38px}.mobile-login-brand b{font-size:19px}}
input[type="date"],.date-iso{direction:ltr!important;text-align:center!important;unicode-bidi:isolate!important;font-family:'Segoe UI',Tahoma,sans-serif!important;letter-spacing:.4px}.date-iso::placeholder{color:#9aa29f;opacity:1;direction:ltr}.date-iso:focus{direction:ltr!important;text-align:center!important}input[type="date"]::-webkit-datetime-edit{direction:ltr;text-align:center}input[type="date"]::-webkit-calendar-picker-indicator{margin-left:6px;margin-right:0}.report-date-filter .date-iso,.report-date-filter input[type="date"]{min-width:170px}.btn.danger{border-color:#f0cccc;color:#b74646;background:#fff5f5}.btn.danger:hover{background:#fdeaea}
.date-picker-wrap{display:flex;align-items:center;gap:6px;direction:ltr}.date-picker-wrap .date-iso{min-width:0;flex:1}.date-picker-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--green);cursor:pointer;font-size:15px;line-height:1}.date-picker-btn:hover{background:#edf4f2}.date-native-picker{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.report-date-filter .date-picker-wrap{min-width:205px}.report-date-filter .date-picker-wrap .date-iso{min-width:165px}
.lang-switch{display:flex;align-items:center;gap:4px;border:1px solid var(--line);background:#f7faf8;border-radius:999px;padding:4px}.lang-switch button{border:0;background:transparent;color:#65736e;border-radius:999px;padding:7px 10px;font:800 11px 'Segoe UI',Tahoma,sans-serif;cursor:pointer}.lang-switch button.active{background:var(--green);color:#fff;box-shadow:0 4px 12px rgba(21,55,47,.18)}.login-lang{justify-self:end;margin-bottom:-4px}
.closed-month{border-color:#dfc383;box-shadow:0 0 0 1px rgba(216,182,101,.18)}.month-closed,.month-open{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:10px}.month-closed{background:#fff4d9;color:#8a6216}.month-open{background:#eaf5f1;color:#28715e}.month-totals .btn{padding:7px 10px;font-size:10px}
body.lang-en{font-family:'Segoe UI',Tahoma,sans-serif;direction:ltr}body.lang-en .sidebar{right:auto;left:0}body.lang-en .main{margin-right:0;margin-left:248px}body.lang-en .nav-item{text-align:left;font-family:'Segoe UI',Tahoma,sans-serif}body.lang-en .nav-item.active{box-shadow:inset 3px 0 #d9b25c}body.lang-en .top-actions{margin-right:0;margin-left:auto}body.lang-en .search input,body.lang-en th,body.lang-en td{text-align:left}body.lang-en .mono{text-align:left}body.lang-en .date-chip{border-right:0;border-left:1px solid var(--line);padding-right:0;padding-left:16px}body.lang-en .user-card button{margin-right:0;margin-left:auto}body.lang-en .activity-row:not(:last-child):after{right:auto;left:15px}body.lang-en .stat strong{text-align:left}body.lang-en .modal-body,body.lang-en .field input,body.lang-en .field select,body.lang-en .field textarea{font-family:'Segoe UI',Tahoma,sans-serif}
.accidents-card{padding:0;overflow:hidden}.accidents-note{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f7fbf9,#fffaf0);font-size:12px}.accidents-note b{display:block;color:var(--green);font-size:13px;margin-bottom:3px}.accidents-note span{display:block;color:var(--muted);line-height:1.7}.accidents-note a{color:#8a6418;font-weight:800;text-decoration:none;white-space:nowrap}.accidents-frame{width:100%;height:calc(100vh - 210px);min-height:720px;border:0;background:#fff}.accidents-page .page-head{margin-bottom:16px}
.accidents-page .vehicle-badge{background:#fff3dd;color:#9c6b12}.field select[multiple]{min-height:132px;padding:8px}.field select[multiple] option{padding:7px 8px;border-radius:6px}.field select[multiple] option:checked{background:#17483d;color:#fff}.accidents-page table{min-width:980px}
.accident-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.accident-photos a{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f7faf8}.accident-photos img{width:100%;height:110px;object-fit:cover;display:block}.accident-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.doc-chip{display:flex;gap:9px;align-items:center;border:1px solid var(--line);background:#fbfcfb;border-radius:12px;padding:10px;text-decoration:none;color:var(--ink)}.doc-chip span{background:#fff3dd;color:#8a6418;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;white-space:nowrap}.doc-chip b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accident-doc-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.accident-doc-upload-grid .upload-box{grid-column:auto;margin:0}.report-mini-stats{margin-bottom:14px}
.accident-notifications-card{border-color:#f0d596;background:linear-gradient(135deg,#fffdf7,#fff)}.notifications-list{display:grid;gap:10px}.notif-card{display:grid;grid-template-columns:auto 1fr;gap:12px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:13px}.notif-card.follow15{border-color:#ead28a;background:#fffaf0}.notif-card.close30{border-color:#f2b2a8;background:#fff7f5}.notif-icon{width:38px;height:38px;border-radius:14px;background:#edf5f1;display:grid;place-items:center;font-size:18px}.notif-card.close30 .notif-icon{background:#ffe2dd}.notif-card.follow15 .notif-icon{background:#fff0c8}.notif-body b{font-size:13px}.notif-body p{margin:5px 0;color:#66736d;font-size:12px;line-height:1.7}.notif-body time{font-size:10px;color:#98a39e}.notif-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.file-action{cursor:pointer;display:inline-flex;align-items:center}
.pro-dashboard{display:grid;gap:18px}.hero-dashboard{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#123f36,#1c6b59 58%,#d6b567);color:#fff;box-shadow:0 18px 45px rgba(17,65,54,.18)}.hero-dashboard small{letter-spacing:.08em;text-transform:uppercase;color:#f8e6b1;font-weight:900}.hero-dashboard h2{margin:8px 0;font-size:28px}.hero-dashboard p{margin:0;color:#e8f3ef}.hero-score{min-width:150px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:16px;text-align:center}.hero-score span{display:block;font-size:11px;color:#e5f1ed}.hero-score strong{display:block;font-size:34px;margin:4px 0}.hero-score i{display:block;height:7px;border-radius:999px;background:linear-gradient(90deg,#fff var(--score),rgba(255,255,255,.25) var(--score))}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 8px 24px rgba(30,55,48,.05)}.kpi-card span{font-size:11px;color:#70817a}.kpi-card strong{display:block;margin:8px 0;font-size:24px;color:var(--green)}.kpi-card small{font-size:10px;color:#8b9691}.kpi-card.gold strong{color:#b0862e}.kpi-card.red strong{color:#bb4a3f}.kpi-card.green strong{color:#168060}.dashboard-layout{display:grid;grid-template-columns:1.45fr .9fr;gap:18px}.pro-card{min-height:260px}.pro-chart{height:220px}.pro-chart .bar-col b{font-size:10px;color:#586861;margin-top:5px;white-space:nowrap}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-card{border:1px solid var(--line);border-radius:16px;background:#fbfcfb;padding:14px;text-align:right;cursor:pointer;color:var(--ink);transition:.2s}.quick-card:hover{transform:translateY(-2px);border-color:#d6b567;box-shadow:0 10px 25px rgba(32,59,51,.08)}.quick-card b,.quick-card small{display:block}.quick-card b{margin:8px 0 3px}.quick-card small{color:#82908a;font-size:10px}.rank-list{display:grid;gap:10px}.rank-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.rank-row:last-child{border-bottom:0}.rank-row i{width:30px;height:30px;border-radius:10px;background:#edf5f1;color:var(--green);display:grid;place-items:center;font-weight:900;font-style:normal}.rank-row b,.rank-row span{display:block}.rank-row span{font-size:10px;color:#8a9690}.rank-row strong{font-size:12px;color:var(--green)}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-layout{grid-template-columns:1fr}}@media(max-width:700px){.hero-dashboard{flex-direction:column;align-items:stretch}.kpi-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr}}
.dashboard-month-card{display:flex;align-items:center;justify-content:space-between;gap:18px;border-inline-start:4px solid var(--gold);padding:15px 18px}.dashboard-month-copy{display:grid;gap:3px}.dashboard-month-copy b{color:var(--green);font-size:14px}.dashboard-month-copy span{color:var(--soft-text,var(--muted));font-size:11px;font-weight:700}.dashboard-month-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dashboard-month-actions label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.dashboard-month-actions strong{min-width:125px;padding:9px 12px;border-radius:9px;background:var(--mint);color:var(--green);font-size:12px;text-align:center}@media(max-width:900px){.dashboard-month-card{align-items:flex-start;flex-direction:column}.dashboard-month-actions{width:100%}}@media(max-width:620px){.dashboard-month-actions label,.dashboard-month-actions .filter,.dashboard-month-actions .btn,.dashboard-month-actions strong{width:100%}.dashboard-month-actions label{justify-content:space-between}.dashboard-month-actions .filter{flex:1}}
.executive-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.executive-insight{min-height:126px;display:flex;gap:12px;align-items:flex-start;padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(30,55,48,.05)}.executive-insight .insight-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;font-size:18px;font-weight:900}.executive-insight span,.executive-insight b,.executive-insight strong,.executive-insight small{display:block}.executive-insight span{font-size:10px;font-weight:800;color:var(--soft-text,var(--muted))}.executive-insight b{margin-top:3px;font-size:12px;min-height:19px}.executive-insight strong{margin:5px 0 2px;font-size:21px;line-height:1;color:var(--green)}.executive-insight small{font-size:10px;line-height:1.65;color:var(--soft-text,var(--muted))}.insight-finance .insight-icon{background:#edf5f1;color:#168060}.insight-quality .insight-icon{background:#e9f4f1;color:#177b62}.insight-supplier .insight-icon{background:#fff4d8;color:#a8791d}.executive-priority-card{padding:18px}.priority-count{border-radius:999px;background:var(--mint);padding:4px 9px;color:var(--green)!important;font-size:10px!important;font-weight:900}.priority-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.priority-item{min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;text-align:right;cursor:pointer;color:var(--ink);transition:.18s}.priority-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,55,48,.08)}.priority-item i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#edf5f1;color:var(--green);font-style:normal;font-weight:900}.priority-item b,.priority-item small{display:block}.priority-item b{font-size:11px}.priority-item small{margin-top:3px;font-size:9px;line-height:1.5;color:var(--soft-text,var(--muted))}.priority-item strong{font-size:17px;color:var(--green)}.priority-item.warn{border-color:#ead5a0;background:#fffdf7}.priority-item.warn i,.priority-item.warn strong{background:#fff0c7;color:#9b6c12}.priority-item.danger{border-color:#f0c1bd;background:#fffafa}.priority-item.danger i,.priority-item.danger strong{background:#fde4e1;color:#b7473d}@media(max-width:1050px){.executive-insight-grid,.priority-list{grid-template-columns:1fr 1fr}}@media(max-width:650px){.executive-insight-grid,.priority-list{grid-template-columns:1fr}.executive-priority-card{padding:14px}}
.integrity-shortcut{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px 17px;border:1px solid #b8d8cc;border-radius:16px;background:linear-gradient(100deg,#eff9f5,#fff9e9);color:var(--ink);text-decoration:none;box-shadow:0 9px 22px rgba(20,72,58,.07);transition:.2s}.integrity-shortcut:hover{transform:translateY(-2px);border-color:#d3ae5e}.integrity-shortcut i{width:39px;height:39px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font-style:normal;font-size:19px}.integrity-shortcut b,.integrity-shortcut small{display:block}.integrity-shortcut b{font-size:13px}.integrity-shortcut small{margin-top:3px;font-size:10px;color:var(--soft-text,var(--muted))}.integrity-shortcut em{font-style:normal;font-size:11px;color:var(--green);font-weight:900}@media(max-width:650px){.integrity-shortcut{grid-template-columns:auto 1fr}.integrity-shortcut em{grid-column:2}}
body.theme-dark .executive-insight,body.theme-dark .priority-item{background:#13211d;border-color:var(--line);color:var(--ink)}body.theme-dark .priority-item.warn{background:#2b2513;border-color:#7f672e}body.theme-dark .priority-item.danger{background:#311d1c;border-color:#814641}
body.theme-dark .integrity-shortcut{background:linear-gradient(100deg,#102b24,#2b2513);border-color:#31564a;color:var(--ink)}
body.lang-en .accidents-note{text-align:left}
@media(max-width:1000px){body.lang-en .sidebar{transform:translateX(-100%)}body.lang-en .sidebar.open{transform:none}body.lang-en .main{margin-left:0;width:100%}}
@media(max-width:620px){.lang-switch{order:4}.top-actions{gap:8px;flex-wrap:wrap}.login-lang{justify-self:start}.accidents-note{display:block}.accidents-note a{display:inline-block;margin-top:8px}.accidents-frame{height:760px;min-height:760px}.accident-doc-upload-grid{grid-template-columns:1fr}}
.smart-invoice-card{border:1px solid #dfe8e4;background:linear-gradient(180deg,#fff,#f8fbfa);overflow:hidden}.smart-tabs{margin:10px 0 16px}.ai-invoice-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#143f36,#1f705e);color:#fff;margin-bottom:16px}.ai-invoice-hero small{color:#f2d58a;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.ai-invoice-hero h3{margin:6px 0;font-size:22px}.ai-invoice-hero p{margin:0;max-width:680px;color:#e8f3ef}.inline-head{border-bottom:0!important;padding-bottom:8px!important}.category-bars{display:grid;gap:12px}.category-bar{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:16px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fbfcfb}.category-bar b,.category-bar span{display:block}.category-bar span{font-size:11px;color:#7c8b85;margin-top:3px}.category-bar i{display:block;height:12px;border-radius:999px;background:#e8efec;overflow:hidden}.category-bar em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#17483d,#d6b567)}.invoice-analysis-stats{margin-top:4px}@media(max-width:800px){.ai-invoice-hero{flex-direction:column;align-items:stretch}.category-bar{grid-template-columns:1fr}}
.ai-classify-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}.classification-table{margin:14px 0}.classification-table table{min-width:520px}.classification-table .pill.green{background:#e8f6ef;color:#168060;border-color:#cde9da}
.employees-page .grid-1{gap:18px}.employees-page .stat-icon{font-size:18px}.employees-page .card{overflow:hidden}.employee-salary-table table{min-width:1320px}.employee-salary-table th,.employee-salary-table td,.employee-report-table th,.employee-report-table td{white-space:nowrap}.employee-report-table table{min-width:1400px}.salary-form-grid{grid-template-columns:repeat(4,minmax(130px,1fr))}.salary-form-grid .field{min-width:0}.salary-form-grid .field label{font-size:10px}.salary-form-grid input{direction:ltr;text-align:right}.employees-page .row-actions{justify-content:flex-start}.employees-page table{min-width:1050px}
.employee-attachments-card{margin-top:12px}.employee-upload-panel{display:grid;gap:12px;margin-top:14px}.employee-doc-chip{justify-content:space-between;align-items:center}.employee-doc-chip>a{display:flex;gap:9px;align-items:center;min-width:0;flex:1;text-decoration:none;color:inherit}.employee-doc-chip small{display:block;color:#87918d;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-upload-box{margin-top:0}
.branches-page .tabs{margin-bottom:18px}.branch-form-card .inline-form-body{grid-template-columns:repeat(2,minmax(180px,1fr))}.branch-form-card .modal-actions{border-top:0;padding-top:0}.branch-table table{min-width:980px}.branches-page .wide-card{margin-top:18px}.branches-page .category-bars{margin-top:4px}@media(max-width:760px){.branch-form-card .inline-form-body{grid-template-columns:1fr}}
.embedded-hr-panel{display:grid;gap:16px}.employee-tabs{overflow:auto}.employee-tabs .tab{white-space:nowrap}
.payroll-net-preview{background:#eef6f3;border:1px solid #d7e8e1;border-radius:14px;padding:14px 16px;display:grid;gap:4px}.payroll-net-preview span{font-size:12px;color:#66736f}.payroll-net-preview strong{font-size:26px;color:var(--green)}.payroll-net-preview small{font-size:11px;color:#8a938f}.salary-slip{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 18px 50px rgba(16,43,36,.08)}.slip-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:2px solid #173f35;padding-bottom:18px;margin-bottom:18px}.slip-head small{text-transform:uppercase;letter-spacing:1px;color:#c8a84f;font-weight:800}.slip-head h2{margin:4px 0;color:#173f35}.slip-head p{margin:0;color:#7b8581}.slip-badge{background:#173f35;color:#fff;border-radius:999px;padding:10px 18px;font-weight:800;direction:ltr}.slip-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.slip-info div{background:#f7faf9;border:1px solid #e6eeeb;border-radius:12px;padding:12px}.slip-info span{display:block;font-size:11px;color:#7e8884;margin-bottom:4px}.slip-info b{font-size:13px}.slip-table{width:100%;border-collapse:collapse;margin:10px 0 18px}.slip-table th{background:#173f35;color:#fff;text-align:right;padding:12px}.slip-table td{border-bottom:1px solid #edf1ef;padding:12px}.slip-total td{font-weight:900;background:#f8f1d9;color:#173f35}.slip-notes{background:#fbfcfc;border:1px dashed #d9e3df;border-radius:12px;padding:12px;margin-bottom:24px}.slip-notes p{margin:4px 0 0;color:#5f6b66}.slip-signatures{display:grid;grid-template-columns:1fr 1fr;gap:30px;font-weight:800;color:#173f35;padding-top:22px}
.employee-report-title{background:#173f35;color:#fff;border-radius:16px;padding:18px;margin-bottom:16px;text-align:center}.employee-report-title h2{margin:0 0 4px;font-size:24px}.employee-report-title p{margin:0;color:#d9e6e1}
@media print{body *{visibility:hidden!important}.modal,.modal *,.print-area,.print-area *{visibility:visible!important}.modal-backdrop{position:static!important;background:#fff!important}.modal{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;box-shadow:none!important;border:0!important}.modal-head,.modal-actions,.no-print{display:none!important}.salary-slip{box-shadow:none!important;border:0!important;border-radius:0!important}.slip-info{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.salary-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-salary-table table{min-width:1180px}}
@media(max-width:560px){.salary-form-grid{grid-template-columns:1fr}}
body.theme-dark .pivot-cash-table tfoot td{background:#302712;color:#f2d98d;border-top-color:#c89d3f}body.theme-dark .pivot-cash-table tfoot .sticky-date{background:#3a2d12}body.theme-dark .cash-grand-total{background:#211c10;border-color:#5c4720}body.theme-dark .cash-grand-total span{color:#f2d98d}body.theme-dark .cash-grand-total b{background:#101c18;border-color:#5c4720;color:#edf5f2}body.theme-dark .cash-grand-total strong{background:#c89d3f;border-color:#c89d3f;color:#101916}

/* Readability pass: clearer secondary Arabic text */
:root{--muted:#58645f;--soft-text:#4f5b56}
.page-head p,.stat-top,.stat small,.kpi-card span,.kpi-card small,.quick-card small,.rank-row span,.bar-col,.activity-row p,.activity-row time,.empty,.muted-note,.card-head span{color:var(--soft-text);font-weight:600}
.stat-top,.kpi-card span{font-size:12px;line-height:1.7}
.stat small,.kpi-card small,.quick-card small,.rank-row span,.bar-col,.pro-chart .bar-col b{font-size:11.5px;line-height:1.65}
.kpi-card strong,.stat strong{font-weight:800}
.empty{font-size:14px;line-height:1.9;padding:44px 18px}
.card-head h3{font-size:16px;font-weight:800;color:#101815}
.card-head span,.link{font-size:12px;color:#0f5a49;font-weight:800}
.quick-card b,.rank-row b,.activity-row b{font-size:13px;font-weight:800;color:#101815}
.quick-card small{color:#5a665f}
.chart-wrap{background:repeating-linear-gradient(to top,transparent 0,transparent 54px,#e5e9e6 55px)}
.bar-col{color:#59655f;font-weight:700}
.pro-chart .bar-col b{color:#34423c;font-weight:800}
body.theme-dark{--muted:#b7c8c2;--soft-text:#c5d6d0}
body.theme-dark .page-head p,body.theme-dark .stat-top,body.theme-dark .stat small,body.theme-dark .kpi-card span,body.theme-dark .kpi-card small,body.theme-dark .quick-card small,body.theme-dark .rank-row span,body.theme-dark .bar-col,body.theme-dark .activity-row p,body.theme-dark .activity-row time,body.theme-dark .empty,body.theme-dark .muted-note,body.theme-dark .card-head span{color:var(--soft-text)}
body.theme-dark .card-head h3,body.theme-dark .quick-card b,body.theme-dark .rank-row b,body.theme-dark .activity-row b{color:#f3faf7}

/* Monthly invoice workspace and archive folders */
.invoice-month-card{margin-bottom:18px;border-inline-start:4px solid var(--gold)}
.invoice-month-toolbar{margin:0;flex-wrap:wrap}.invoice-month-toolbar label,.report-date-filter label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.invoice-month-toolbar>span{margin-inline-start:auto;color:var(--green);font-size:12px;font-weight:900}.month-safety-note{margin:10px 0 0;color:var(--soft-text,var(--muted));font-size:11px;font-weight:700;line-height:1.8}
.attachment-folders-card{margin-bottom:18px}.attachment-folder-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px}.attachment-folder-card{border:1px solid var(--line);border-radius:16px;background:#fbfcfb;color:var(--ink);padding:15px;text-align:right;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center;transition:.2s}.attachment-folder-card:hover,.attachment-folder-card.active{border-color:#d2ab59;box-shadow:0 9px 24px rgba(23,72,61,.09);transform:translateY(-1px)}.attachment-folder-card.active{background:#fdf8eb}.attachment-folder-card .folder-icon{grid-row:1/4;width:42px;height:42px;border-radius:11px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:19px}.attachment-folder-card b,.attachment-folder-card small,.attachment-folder-card strong{display:block}.attachment-folder-card b{font-size:13px}.attachment-folder-card small{color:var(--soft-text,var(--muted));font-size:10px}.attachment-folder-card strong{color:var(--green);font-size:12px;direction:ltr;text-align:right}.attachment-month-register>.card-head>div span{display:block;margin-top:4px}.invoice-archive-card .file-info em{display:block;max-width:420px;margin-top:5px;color:var(--soft-text,var(--muted));font-size:9px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unlinked-attachment-card{border-style:dashed}.attachment-archive-page .attachment-grid{align-items:stretch}
body.theme-dark .invoice-month-card,body.theme-dark .attachment-folder-card{background:#13211d;border-color:var(--line)}body.theme-dark .attachment-folder-card.active{background:#2b2513;border-color:#c89d3f}body.theme-dark .attachment-folder-card b{color:#edf5f2}
@media(max-width:1100px){.attachment-folder-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media(max-width:760px){.attachment-folder-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.invoice-month-toolbar>span{width:100%;margin:0}}@media(max-width:500px){.attachment-folder-grid{grid-template-columns:1fr}.report-date-filter{align-items:stretch;flex-direction:column}.report-date-filter label{justify-content:space-between}.report-date-filter .filter{flex:1}}


/* HR ERP Saudi */
.hr-erp-page .page-head{margin-bottom:16px}
.hr-erp-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
.hr-erp-tabs .tab{white-space:nowrap}
.hr-erp-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border-radius:22px;background:linear-gradient(135deg,#0d4136,#176453);color:#fff;box-shadow:0 14px 36px rgba(13,65,54,.16)}
.hr-erp-hero small{display:block;color:#d5b45c;font-size:11px;font-weight:800;letter-spacing:1.3px}
.hr-erp-hero h2{margin:8px 0 6px;font-size:25px}
.hr-erp-hero p{margin:0;color:#dcebe7}
.hr-period-badge{min-width:190px;padding:16px 18px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.08);text-align:center}
.hr-period-badge span,.hr-period-badge small{display:block;color:#dcebe7}
.hr-period-badge strong{display:block;margin:5px 0;color:#f3cf68;font-size:23px}
.hr-quick-actions{display:flex;gap:10px;flex-wrap:wrap}
.hr-period-card{display:flex;align-items:center;justify-content:space-between;gap:18px;border-inline-start:5px solid #d5b45c}
.hr-period-card small{color:#7c8984}
.hr-period-card h3{margin:4px 0 8px}
.hr-payroll-preview{display:grid!important;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;padding:14px!important;border-radius:16px;background:#edf5f2}
.hr-payroll-preview>div{padding:12px;border:1px solid #dce8e4;border-radius:12px;background:#fff}
.hr-payroll-preview span{display:block;color:#64736e;font-size:11px}
.hr-payroll-preview strong{display:block;margin-top:5px;color:#17483d;font-size:18px}
.hr-payroll-preview>small{grid-column:1/-1;color:#b74646;font-weight:800}
.hr-inline-create{display:flex;gap:10px;padding:18px 20px;border-bottom:1px solid #e6ebe8}
.hr-inline-create input{flex:1;min-width:180px;padding:12px 14px;border:1px solid #d6dfdb;border-radius:11px;background:var(--input-bg,#fff);color:inherit}
.hr-compliance-note{margin:0 20px 14px;padding:14px 16px;border:1px solid #eadcae;border-radius:13px;background:#fff9e8;color:#66562d;line-height:1.8}
.hr-gosi-form{border-top:1px solid #edf0ee}
.hr-company-contribution{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;padding:14px 16px;border-radius:12px;background:#edf5f2;color:#17483d}
.hr-company-contribution b{font-size:17px}
.theme-dark .hr-payroll-preview{background:#112f29}
.theme-dark .hr-payroll-preview>div,.theme-dark .hr-inline-create input{border-color:#31534b;background:#173a33}
.theme-dark .hr-compliance-note{border-color:#6e5e31;background:#302b1c;color:#f1dfaa}
@media(max-width:800px){
 .hr-erp-hero,.hr-period-card{align-items:stretch;flex-direction:column}
 .hr-period-badge{min-width:0}
 .hr-payroll-preview{grid-template-columns:repeat(2,minmax(110px,1fr))}
}
@media(max-width:520px){
 .hr-payroll-preview{grid-template-columns:1fr}
 .hr-inline-create{flex-direction:column}
}

/* Invoice financial analysis — RTL workbook-style dashboard */
.invoice-financial-dashboard{
 --financial-deep:#17483d;
 --financial-deep-2:#216254;
 --financial-pale:#e5f0ec;
 --financial-pale-2:#f2f7f5;
 --financial-gold:#d6b567;
 --financial-danger:#b84444;
 --financial-danger-bg:#fff0f0;
 direction:rtl;
 display:grid;
 gap:18px;
 margin:18px 0 8px;
 color:var(--ink);
}
.financial-title-band{
 position:relative;
 overflow:hidden;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:22px;
 min-height:142px;
 padding:25px 28px;
 border:1px solid rgba(255,255,255,.14);
 border-radius:20px;
 background:linear-gradient(118deg,var(--financial-deep) 0%,var(--financial-deep-2) 72%,#8b8953 100%);
 color:#fff;
 box-shadow:0 14px 36px rgba(23,72,61,.16);
}
.financial-title-band:after{
 content:'';
 position:absolute;
 inset-inline-start:-70px;
 bottom:-100px;
 width:250px;
 height:250px;
 border:1px solid rgba(255,255,255,.1);
 border-radius:50%;
 box-shadow:0 0 0 30px rgba(255,255,255,.025),0 0 0 60px rgba(255,255,255,.018);
 pointer-events:none;
}
.financial-title-band>div,.financial-title-band>.btn{position:relative;z-index:1}
.financial-title-band small{
 display:block;
 color:#f1d98f;
 font-size:11px;
 font-weight:900;
 letter-spacing:.06em;
}
.financial-title-band h3{
 margin:7px 0 5px;
 color:#fff;
 font-size:25px;
 font-weight:900;
 line-height:1.35;
}
.financial-title-band p{
 margin:0;
 color:#dceae6;
 font-size:12px;
 font-weight:700;
 line-height:1.8;
}
.financial-title-band .btn{
 flex:0 0 auto;
 min-height:43px;
 padding-inline:20px;
 box-shadow:0 7px 18px rgba(12,42,35,.2);
}
.financial-section-title{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
 padding:13px 16px;
 border-radius:12px;
 background:var(--financial-deep);
 color:#fff;
}
.financial-section-title>div{min-width:0}
.financial-section-title b{
 display:block;
 color:#fff;
 font-size:14px;
 font-weight:900;
 line-height:1.5;
}
.financial-section-title small{
 display:block;
 margin-top:3px;
 color:#c9ddd7;
 font-size:10px;
 font-weight:700;
 line-height:1.6;
}
.financial-ok,.financial-warn{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 flex:0 0 auto;
 min-height:30px;
 padding:6px 11px;
 border-radius:999px;
 font-size:10px;
 font-weight:900;
 white-space:nowrap;
}
.financial-ok{border:1px solid #b8ddcf;background:#e8f6f0;color:#176b53}
.financial-warn{border:1px solid #e6b4b4;background:var(--financial-danger-bg);color:var(--financial-danger)}
.financial-kpi-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(150px,1fr));
 gap:12px;
}
.financial-kpi{
 position:relative;
 min-height:116px;
 padding:17px 17px 15px;
 overflow:hidden;
 border:1px solid #dce8e3;
 border-top:3px solid var(--financial-deep);
 border-radius:15px;
 background:#fff;
 box-shadow:0 8px 22px rgba(23,72,61,.055);
}
.financial-kpi:after{
 content:'';
 position:absolute;
 inset-inline-end:-24px;
 bottom:-34px;
 width:84px;
 height:84px;
 border-radius:50%;
 background:var(--financial-pale-2);
 pointer-events:none;
}
.financial-kpi i{
 position:relative;
 z-index:1;
 float:left;
 display:grid;
 place-items:center;
 width:34px;
 height:34px;
 margin-inline-start:8px;
 border-radius:9px;
 background:var(--financial-pale);
 color:var(--financial-deep);
 font-size:16px;
 font-style:normal;
 font-weight:900;
}
.financial-kpi span{
 position:relative;
 z-index:1;
 display:block;
 min-height:34px;
 color:#57655f;
 font-size:11px;
 font-weight:800;
 line-height:1.65;
}
.financial-kpi strong{
 position:relative;
 z-index:1;
 display:block;
 clear:both;
 margin-top:9px;
 color:#102d26;
 font-size:20px;
 font-weight:900;
 direction:ltr;
 text-align:right;
 font-variant-numeric:tabular-nums;
}
.financial-two-column{
 display:grid;
 grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);
 gap:18px;
 align-items:stretch;
}
.financial-two-column>div,.financial-two-column>section{min-width:0}
.financial-section,.financial-chart-card{
 height:100%;
 overflow:hidden;
 border:1px solid #dfe8e4;
 border-radius:15px;
 background:#fff;
 box-shadow:0 8px 25px rgba(23,72,61,.045);
}
.financial-section>.financial-section-title,.financial-chart-card>.financial-section-title{
 border-radius:0;
 border-bottom:3px solid var(--financial-gold);
}
.financial-table{
 max-height:520px;
 overflow:auto;
 scrollbar-width:thin;
 scrollbar-color:#a9c2b9 #eef4f1;
}
.financial-table table{
 min-width:790px;
 border-collapse:separate;
 border-spacing:0;
}
.financial-table th{
 position:sticky;
 top:0;
 z-index:2;
 padding:11px 10px;
 border-bottom:1px solid #c8dcd4;
 background:var(--financial-pale);
 color:var(--financial-deep);
 font-size:10.5px;
 font-weight:900;
 text-align:right;
 white-space:nowrap;
}
.financial-table td{
 padding:11px 10px;
 border-bottom:1px solid #edf1ef;
 color:#2e3b36;
 font-size:11px;
 font-weight:650;
 vertical-align:middle;
}
.financial-table tbody tr:nth-child(even){background:#fbfdfc}
.financial-table tbody tr:hover{background:#f1f7f4}
.financial-table td:first-child{color:#173f35}
.financial-table td.mono{
 color:#172923;
 font-size:11px;
 font-weight:800;
 font-variant-numeric:tabular-nums;
}
.financial-total-row td{
 position:sticky;
 bottom:0;
 z-index:1;
 border-top:2px solid #a7c4b9;
 border-bottom:0;
 background:#d9e9e3!important;
 color:var(--financial-deep)!important;
 font-weight:900!important;
}
.financial-chart-card{display:flex;flex-direction:column}
.financial-bars{
 display:grid;
 gap:14px;
 padding:18px;
 overflow:auto;
 max-height:520px;
}
.financial-bar-row{display:grid;gap:7px}
.financial-bar-row>div{
 display:flex;
 align-items:flex-start;
 justify-content:space-between;
 gap:12px;
}
.financial-bar-row b{
 overflow:hidden;
 color:#25352f;
 font-size:11px;
 font-weight:900;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.financial-bar-row span{
 flex:0 0 auto;
 color:#63716b;
 font-size:9.5px;
 font-weight:700;
 direction:rtl;
 white-space:nowrap;
}
.financial-bar-row>i{
 display:block;
 height:10px;
 overflow:hidden;
 border-radius:999px;
 background:#e5eeea;
 box-shadow:inset 0 1px 2px rgba(23,72,61,.08);
}
.financial-bar-row>i>em{
 display:block;
 height:100%;
 min-width:3px;
 margin-inline-end:auto;
 border-radius:999px;
 background:linear-gradient(90deg,var(--financial-gold),var(--financial-deep-2));
 box-shadow:0 1px 4px rgba(23,72,61,.16);
}
.financial-audit-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.financial-recommendations{
 display:grid;
 gap:9px;
 margin:0;
 padding:18px 48px 18px 18px;
 counter-reset:financial-recommendation;
 list-style:none;
}
.financial-recommendations li{
 position:relative;
 display:flex;
 align-items:center;
 gap:12px;
 min-height:41px;
 padding:10px 13px 10px 10px;
 border:1px solid #e2eae7;
 border-radius:10px;
 background:#fbfdfc;
 color:#33423c;
 font-size:11px;
 font-weight:700;
 line-height:1.75;
}
.financial-recommendations li:before{
 counter-increment:financial-recommendation;
 content:counter(financial-recommendation);
 position:absolute;
 inset-inline-start:-34px;
 top:9px;
 display:grid;
 place-items:center;
 width:24px;
 height:24px;
 border-radius:50%;
 background:var(--financial-pale);
 color:var(--financial-deep);
 font-size:10px;
 font-weight:900;
}
.financial-recommendations li.warn{
 border-color:#e9b8b8;
 border-inline-start:4px solid var(--financial-danger);
 background:var(--financial-danger-bg);
 color:#8d3434;
}
.financial-recommendations li.warn:before{background:#f7dede;color:var(--financial-danger)}
.financial-recommendation-copy{flex:1;min-width:0}
.financial-view-icon,.financial-row-view{
 position:relative;
 isolation:isolate;
 display:inline-flex;
 flex:0 0 auto;
 align-items:center;
 justify-content:center;
 gap:6px;
 min-width:68px;
 min-height:38px;
 padding:5px 9px;
 overflow:hidden;
 border:1px solid rgba(255,255,255,.66);
 border-radius:12px;
 background:linear-gradient(145deg,#54c8a8 0%,#15765f 58%,#0d4d3f 100%);
 box-shadow:0 6px 0 #0a3d32,0 10px 18px rgba(8,57,46,.24),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 4px rgba(0,0,0,.18);
 color:#fff;
 cursor:pointer;
 font-family:Tajawal,sans-serif;
 transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
 transform:translateY(-2px);
}
.financial-view-icon:before,.financial-row-view:before{content:'';position:absolute;z-index:-1;inset:1px 3px 54% 3px;border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,0));pointer-events:none}
.financial-view-icon:hover,.financial-row-view:hover{filter:saturate(1.15) brightness(1.07);transform:translateY(-4px);box-shadow:0 8px 0 #0a3d32,0 14px 22px rgba(8,57,46,.3),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 4px rgba(0,0,0,.17)}
.financial-view-icon:active,.financial-row-view:active{transform:translateY(3px);box-shadow:0 1px 0 #0a3d32,0 4px 8px rgba(8,57,46,.2),inset 0 2px 5px rgba(0,0,0,.22)}
.financial-view-icon small,.financial-row-view small{font-size:10px;font-weight:900}
.financial-view-glyph,.financial-row-view span{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:rgba(255,255,255,.18);box-shadow:inset 0 1px 1px rgba(255,255,255,.5),0 2px 3px rgba(0,0,0,.2);font-size:14px;font-weight:900}
.financial-view-tone-1{background:linear-gradient(145deg,#66baf0 0%,#287fc2 58%,#165286 100%);box-shadow:0 6px 0 #123f68,0 10px 18px rgba(22,82,134,.24),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 4px rgba(0,0,0,.18)}
.financial-view-tone-2{background:linear-gradient(145deg,#f2ca69 0%,#d29c31 58%,#956716 100%);box-shadow:0 6px 0 #735014,0 10px 18px rgba(149,103,22,.25),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 4px rgba(0,0,0,.18);color:#17372f}
.financial-view-tone-3{background:linear-gradient(145deg,#bc99ef 0%,#7a52bd 58%,#503080 100%);box-shadow:0 6px 0 #402669,0 10px 18px rgba(80,48,128,.24),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 4px rgba(0,0,0,.18)}
.financial-recommendations li.warn .financial-view-icon{background:linear-gradient(145deg,#ff9b93 0%,#d95555 58%,#983437 100%);box-shadow:0 6px 0 #7d292c,0 10px 18px rgba(152,52,55,.24),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 4px rgba(0,0,0,.18)}
.financial-detail-view{gap:16px}
.financial-detail-hero{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #cfe1db;border-radius:16px;background:linear-gradient(135deg,#eff9f5,#fbfdfc);box-shadow:0 8px 24px rgba(23,72,61,.09)}
.financial-detail-icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 auto;border-radius:16px;background:linear-gradient(145deg,#5dd1b1,#176f5a);box-shadow:0 6px 0 #0c4b3d,0 10px 18px rgba(12,75,61,.22),inset 0 2px 1px rgba(255,255,255,.55);color:#fff;font-size:23px;font-weight:900;transform:translateY(-3px)}
.financial-detail-hero div{flex:1}.financial-detail-hero b{font-size:15px}.financial-detail-hero p{margin:5px 0 0;color:#586a63;font-size:11px;line-height:1.8}.financial-detail-hero em{display:grid;place-items:center;min-width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid #d9e7e2;color:#17483d;font-size:16px;font-style:normal;font-weight:900;box-shadow:0 4px 10px rgba(23,72,61,.1)}
.financial-recommendation-table table{min-width:760px}.financial-row-view{min-width:62px;min-height:34px;border-radius:10px;box-shadow:0 4px 0 #0a3d32,0 7px 12px rgba(8,57,46,.2),inset 0 1px 0 rgba(255,255,255,.65)}
.financial-detail-empty{padding:34px;border:1px dashed #bfd6ce;border-radius:14px;background:#f8fcfa}

/* Professional 3D navigation icons */
.sidebar nav{gap:5px}
.sidebar .nav-item{display:flex;align-items:center;gap:11px;padding:8px 10px;min-height:46px;overflow:visible}
.sidebar .nav-item .icon{
 position:relative;
 display:inline-grid;
 place-items:center;
 width:32px;
 height:32px;
 flex:0 0 32px;
 overflow:hidden;
 border:1px solid rgba(255,255,255,.38);
 border-radius:10px;
 background:linear-gradient(145deg,#63d7b6 0%,#1e8f72 58%,#0d5948 100%);
 box-shadow:0 4px 0 #083d32,0 7px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.58),inset 0 -2px 3px rgba(0,0,0,.2);
 color:#fff;
 font-size:17px;
 font-style:normal;
 font-weight:900;
 text-align:center;
 text-shadow:0 2px 2px rgba(0,0,0,.3);
 transform:translateY(-2px);
 transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.sidebar .nav-item .icon:after{content:'';position:absolute;inset:1px 3px 55% 3px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,0));pointer-events:none}
.sidebar .nav-item:nth-child(4n+2) .icon{background:linear-gradient(145deg,#67bdf1,#287fc2 60%,#174f7f);box-shadow:0 4px 0 #123c61,0 7px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.58),inset 0 -2px 3px rgba(0,0,0,.2)}
.sidebar .nav-item:nth-child(4n+3) .icon{background:linear-gradient(145deg,#f1cb6c,#c9942b 60%,#8c6115);box-shadow:0 4px 0 #6c4a12,0 7px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 3px rgba(0,0,0,.2);color:#17372f;text-shadow:0 1px 1px rgba(255,255,255,.35)}
.sidebar .nav-item:nth-child(4n) .icon{background:linear-gradient(145deg,#c09bf1,#7b51bd 60%,#51307f);box-shadow:0 4px 0 #3e2563,0 7px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.58),inset 0 -2px 3px rgba(0,0,0,.2)}
.sidebar .nav-item:hover .icon,.sidebar .nav-item.active .icon{filter:saturate(1.15) brightness(1.08);transform:translateY(-4px) scale(1.04);box-shadow:0 6px 0 #083d32,0 11px 17px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.65)}
.sidebar .nav-item:active .icon{transform:translateY(2px) scale(.98);box-shadow:0 1px 0 #083d32,0 3px 6px rgba(0,0,0,.25),inset 0 2px 4px rgba(0,0,0,.22)}
.sidebar .nav-item.active{background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.16));box-shadow:inset -3px 0 #e2bd63,0 5px 14px rgba(0,0,0,.12)}
body.lang-en .sidebar .nav-item.active{box-shadow:inset 3px 0 #e2bd63,0 5px 14px rgba(0,0,0,.12)}
.financial-reconcile-note{
 display:flex;
 align-items:center;
 gap:13px;
 padding:14px 16px;
 border:1px solid;
 border-radius:13px;
 font-size:11px;
 font-weight:750;
 line-height:1.75;
}
.financial-reconcile-note b{flex:0 0 auto;font-size:12px;font-weight:900}
.financial-reconcile-note.ok{border-color:#b9dcd0;background:#eaf6f1;color:#175f4b}
.financial-reconcile-note.warn{border-color:#e5afaf;background:var(--financial-danger-bg);color:#993b3b}

body.theme-dark .invoice-financial-dashboard{
 --financial-deep:#0b332b;
 --financial-deep-2:#155747;
 --financial-pale:#1b3a32;
 --financial-pale-2:#162c26;
 --financial-danger:#ff9090;
 --financial-danger-bg:#321d1d;
}
body.theme-dark .financial-title-band{border-color:#2a5b4f;box-shadow:0 15px 38px rgba(0,0,0,.28)}
body.theme-dark .financial-section-title{background:var(--financial-deep);border-color:#254b41}
body.theme-dark .financial-kpi,body.theme-dark .financial-section,body.theme-dark .financial-chart-card{
 border-color:var(--line);
 background:#13211d;
 box-shadow:0 8px 25px rgba(0,0,0,.14);
}
body.theme-dark .financial-kpi span,body.theme-dark .financial-bar-row span{color:#b8cbc4}
body.theme-dark .financial-kpi strong,body.theme-dark .financial-bar-row b{color:#f0f7f4}
body.theme-dark .financial-table th{border-color:#31564c;background:#1b3a32;color:#8ce5c8}
body.theme-dark .financial-table td{border-color:#20362f;color:#d9e7e2}
body.theme-dark .financial-table tbody tr:nth-child(even){background:#152621}
body.theme-dark .financial-table tbody tr:hover{background:#1a3029}
body.theme-dark .financial-table td:first-child,body.theme-dark .financial-table td.mono{color:#eef7f4}
body.theme-dark .financial-total-row td{border-color:#527b6e;background:#21483d!important;color:#eaf6f1!important}
body.theme-dark .financial-bar-row>i{background:#213b34}
body.theme-dark .financial-recommendations li{border-color:#29443c;background:#101c18;color:#d6e4df}
body.theme-dark .financial-recommendations li.warn{border-color:#794242;background:#321d1d;color:#ffc0c0}
body.theme-dark .financial-detail-hero{border-color:#31564c;background:linear-gradient(135deg,#162923,#101c18)}
body.theme-dark .financial-detail-hero p{color:#b8cbc4}
body.theme-dark .financial-detail-hero em{border-color:#31564c;background:#1a3029;color:#8ce5c8}
body.theme-dark .financial-detail-empty{border-color:#31564c;background:#101c18}
body.theme-dark .financial-ok{border-color:#2d705c;background:#183c32;color:#8ae2c5}
body.theme-dark .financial-warn{border-color:#794242;background:#321d1d;color:#ffaaaa}
body.theme-dark .financial-reconcile-note.ok{border-color:#2d705c;background:#15382f;color:#9ae7cf}
body.theme-dark .financial-reconcile-note.warn{border-color:#794242;background:#321d1d;color:#ffc0c0}

@media(max-width:1250px){
 .financial-kpi-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}
 .financial-two-column{grid-template-columns:1fr}
 .financial-chart-card{height:auto}
}
@media(max-width:820px){
 .financial-title-band{align-items:stretch;flex-direction:column;min-height:0;padding:21px}
 .financial-title-band .btn{width:100%}
 .financial-kpi-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}
 .financial-audit-grid{grid-template-columns:1fr}
 .financial-section-title{align-items:flex-start;flex-direction:column}
 .financial-ok,.financial-warn{white-space:normal;text-align:center}
 .financial-reconcile-note{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
 .invoice-financial-dashboard{gap:13px;margin-inline:-5px}
 .financial-title-band{padding:18px;border-radius:15px}
 .financial-title-band h3{font-size:21px}
 .financial-title-band p{font-size:11px}
 .financial-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}
 .financial-kpi{min-height:106px;padding:13px;border-radius:12px}
 .financial-kpi span{font-size:10px}
 .financial-kpi strong{font-size:16px}
 .financial-kpi i{width:29px;height:29px;font-size:13px}
 .financial-section,.financial-chart-card{border-radius:12px}
 .financial-section-title{padding:11px 12px}
 .financial-table table{min-width:720px}
 .financial-bars{padding:14px}
 .financial-bar-row>div{align-items:stretch;flex-direction:column;gap:2px}
 .financial-bar-row span{white-space:normal}
 .financial-recommendations{padding:14px 42px 14px 12px}
 .financial-recommendations li{align-items:flex-start;flex-direction:column}
 .financial-view-icon{align-self:flex-end}
}

@media print{
 .invoice-financial-dashboard{display:block!important;color:#17221f!important;background:#fff!important}
 .invoice-financial-dashboard>*{margin-bottom:12px;break-inside:avoid;page-break-inside:avoid}
 .financial-title-band,.financial-section-title{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .financial-kpi-grid{grid-template-columns:repeat(4,1fr)}
 .financial-kpi,.financial-section,.financial-chart-card{box-shadow:none}
 .financial-table{max-height:none;overflow:visible}
 .financial-table th{position:static}
 .financial-title-band .btn{display:none!important}
 .financial-view-icon,.financial-row-view{display:none!important}
}

.invoice-period-warning{display:flex;align-items:flex-start;gap:8px;border:1px solid #cfe1d9;border-radius:12px;background:#f3faf7;padding:12px 14px;color:#17483d}
.invoice-period-warning b{white-space:nowrap;font-size:12px}
.invoice-period-warning span{font-size:11px;line-height:1.8}
.invoice-period-warning.warn{border-color:#e0b24c;background:#fff8e5;color:#744d00}
.invoice-period-warning.ok{border-color:#b9dacd;background:#f1faf6;color:#17483d}
@media(max-width:620px){.invoice-period-warning{flex-direction:column}.invoice-period-warning b{white-space:normal}}
.login-card[hidden]{display:none!important}.login-link{border:0;background:transparent;color:var(--green);font:700 12px Tajawal;text-decoration:underline;cursor:pointer}.password-reset-card{max-height:92vh;overflow:auto}.password-reset-card .btn{min-height:44px}.password-reset-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px}.login-error.success{color:#166044;background:#edf8f3}

/* ===== Maintenance operations ===== */
.maintenance-page{--m-green:#174f42;--m-mint:#eaf4f0;--m-gold:#d6ad4c;display:flex;flex-direction:column;gap:16px}
.maintenance-tabs{margin:0;display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:15px}
.maintenance-tabs .tab{flex:1;min-width:125px;border-radius:10px}
.maintenance-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:190px;padding:30px 34px;border-radius:24px;background:linear-gradient(118deg,#103d34,#23715c 64%,#c5a94d);color:#fff;box-shadow:0 18px 45px rgba(16,61,52,.16)}
.maintenance-hero small{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#f1d987;font-weight:900}.maintenance-hero h2{margin:10px 0 8px;font-size:30px}.maintenance-hero p{margin:0;max-width:710px;line-height:1.9;color:#e7f2ee}
.maintenance-hero-score{min-width:175px;padding:20px;border:1px solid #ffffff42;border-radius:20px;background:#ffffff13;text-align:center;backdrop-filter:blur(6px)}.maintenance-hero-score span,.maintenance-hero-score small{display:block;color:#fff}.maintenance-hero-score strong{display:block;font-size:42px;margin:8px 0}
.maintenance-kpis{grid-template-columns:repeat(4,minmax(150px,1fr))}.maintenance-kpis .kpi-card{min-height:125px}.maintenance-rules{display:grid;gap:11px;margin:0;padding:8px 25px 15px 8px;line-height:1.8;color:var(--muted)}.maintenance-rules li::marker{color:var(--m-gold)}
.maintenance-filter-card{padding:15px}.maintenance-filters{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:10px}.maintenance-filters label{font-size:11px;font-weight:850;color:var(--muted)}.maintenance-filters input,.maintenance-filters select{display:block;width:100%;margin-top:6px}
.maintenance-status{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:6px 9px;border-radius:999px;background:#edf2f0;color:#39534c;font-size:10px;font-weight:900;white-space:nowrap}
.maintenance-status.status-NEW{background:#edf2f5;color:#4a5c66}.maintenance-status.status-UNDER_INSPECTION{background:#e8f1ff;color:#285a91}.maintenance-status.status-WAITING_PARTS,.maintenance-status.part-ORDERED,.maintenance-status.part-IN_TRANSIT{background:#fff2d4;color:#885e00}.maintenance-status.status-IN_PROGRESS{background:#e5f3ee;color:#17634e}.maintenance-status.status-READY_FOR_TEST{background:#eee9ff;color:#5c43a4}.maintenance-status.status-COMPLETED,.maintenance-status.status-CLOSED,.maintenance-status.part-INSTALLED{background:#dff4e7;color:#17623c}.maintenance-status.status-CANCELLED,.maintenance-status.part-CANCELLED{background:#f8e5e5;color:#a03d3d}.maintenance-status.part-RECEIVED{background:#e7f1ff;color:#225c9b}
.maintenance-order-head{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:#fff}.maintenance-order-head h2{margin:3px 0;font-size:24px}.maintenance-order-head p,.maintenance-order-head span{margin:0;color:var(--muted);font-size:11px}.maintenance-order-status{display:flex;flex-direction:column;align-items:center;gap:7px}.maintenance-order-status strong{font-size:18px;color:var(--green)}
.maintenance-detail-tabs{overflow:auto;flex-wrap:nowrap}.maintenance-detail-tabs .tab{min-width:max-content}.maintenance-order-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.maintenance-dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:0}.maintenance-dl div{padding:12px;border-bottom:1px solid var(--line)}.maintenance-dl dt{font-size:10px;color:var(--muted);font-weight:800}.maintenance-dl dd{margin:5px 0 0;font-size:12px;font-weight:900}.maintenance-description{padding:15px}.maintenance-description p{line-height:1.9;color:var(--muted)}
.maintenance-cost-card>div:not(.card-head){display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.maintenance-cost-card .total{margin-top:8px;padding:15px!important;border:0!important;border-radius:12px;background:var(--m-mint);color:var(--m-green)}.maintenance-cost-card .total b{font-size:20px}.maintenance-progress-card{margin-top:16px}.maintenance-progress-card p{padding:6px 0;color:var(--muted)}
.maintenance-note{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fbfcfc}.maintenance-note header,.maintenance-note>small{grid-column:1/-1}.maintenance-note header{display:flex;justify-content:space-between}.maintenance-note span,.maintenance-note small,.maintenance-note time{font-size:10px;color:var(--muted)}.maintenance-note p{margin:5px 0;line-height:1.8}
.maintenance-report-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.maintenance-report-summary>div{padding:16px;border-radius:13px;background:var(--m-mint)}.maintenance-report-summary span{display:block;font-size:10px;color:var(--muted)}.maintenance-report-summary b{display:block;margin-top:8px;font-size:18px;color:var(--m-green)}
.maintenance-bars{display:grid;gap:14px}.maintenance-bars>div{display:grid;grid-template-columns:120px 1fr 130px;align-items:center;gap:9px}.maintenance-bars span,.maintenance-bars strong{font-size:10px}.maintenance-bars i{height:9px;border-radius:10px;background:#edf1ef;overflow:hidden}.maintenance-bars i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--m-green),var(--m-gold))}
.maintenance-timeline{position:relative;display:grid;gap:13px}.maintenance-timeline>div{display:grid;grid-template-columns:25px 1fr;gap:10px}.maintenance-timeline>div>i{position:relative;width:12px;height:12px;margin-top:10px;border-radius:50%;background:var(--m-gold);box-shadow:0 0 0 5px #f7efd9}.maintenance-timeline>div>i::after{content:"";position:absolute;top:16px;right:5px;width:2px;height:calc(100% + 15px);background:var(--line)}.maintenance-timeline>div:last-child>i::after{display:none}.maintenance-timeline section{padding:12px 14px;border:1px solid var(--line);border-radius:12px}.maintenance-timeline header{display:flex;align-items:center;gap:8px}.maintenance-timeline p{margin:8px 0}.maintenance-timeline small{color:var(--muted)}
.maintenance-modal{max-width:780px}.maintenance-modal .modal-body{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-modal textarea{min-height:95px}
body.theme-dark .maintenance-tabs,body.theme-dark .maintenance-order-head,body.theme-dark .maintenance-note{background:#13211d}.theme-dark .maintenance-page{--m-mint:#1a322b}.theme-dark .maintenance-filter-card{background:#13211d}.theme-dark .maintenance-status{filter:saturate(.8)}
@media(max-width:1050px){.maintenance-filters{grid-template-columns:repeat(2,1fr)}.maintenance-kpis{grid-template-columns:repeat(2,1fr)}.maintenance-report-summary{grid-template-columns:repeat(3,1fr)}.maintenance-order-head{grid-template-columns:auto 1fr}.maintenance-order-status,.maintenance-order-head .head-actions{justify-self:start}.maintenance-order-grid{grid-template-columns:1fr}}
@media(max-width:650px){.maintenance-hero{align-items:stretch;flex-direction:column;padding:22px}.maintenance-hero h2{font-size:23px}.maintenance-hero-score{min-width:0}.maintenance-filters,.maintenance-kpis,.maintenance-report-summary,.maintenance-dl{grid-template-columns:1fr}.maintenance-order-head{grid-template-columns:1fr}.maintenance-note{grid-template-columns:1fr}.maintenance-note header,.maintenance-note>small{grid-column:auto}.maintenance-bars>div{grid-template-columns:1fr}.maintenance-modal .modal-body{grid-template-columns:1fr}}
@media print{.maintenance-page .page-head,.maintenance-tabs,.maintenance-filter-card .card-head .btn,.maintenance-order-head .btn{display:none!important}.maintenance-hero{min-height:0;box-shadow:none}.maintenance-page .card{box-shadow:none;break-inside:avoid}.maintenance-report-summary{grid-template-columns:repeat(5,1fr)}}
.invoice-verification-panel{display:none!important;margin-top:8px}
.invoice-verification-panel.show{display:block!important}
.invoice-verification-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;padding:16px;border:1px solid #d9e5e0;border-radius:18px;background:#f8fbfa}
.invoice-verification-main{min-width:0}
.invoice-verification-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.invoice-verification-head div{display:grid;gap:3px}.invoice-verification-head small{color:#64766f}.invoice-verification-head b{font-size:15px;color:#153f36}
.invoice-verification-head>strong{display:grid;place-items:center;min-width:64px;height:42px;padding:0 10px;border-radius:13px;font-size:16px}.invoice-verification-head>strong.ready{background:#dff2e8;color:#0f744f}.invoice-verification-head>strong.review{background:#fff0d8;color:#9a5a00}
.invoice-field-confidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.invoice-field-confidence{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;border-radius:11px;background:#fff;border:1px solid #e4ece8;font-size:12px}.invoice-field-confidence b{direction:ltr}.invoice-field-confidence.high b{color:#0b7a51}.invoice-field-confidence.medium b{color:#9a6500}.invoice-field-confidence.low{border-color:#f2c5c0;background:#fff7f6}.invoice-field-confidence.low b{color:#b2382c}
.invoice-validation-flags{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.invoice-validation-flags span{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}.invoice-validation-flags .ok{background:#dff2e8;color:#0f744f}.invoice-validation-flags .warn{background:#fff0d8;color:#915600}.invoice-validation-flags .neutral{background:#e9efec;color:#53635d}
.invoice-verification-warnings{margin:11px 0 0;padding:10px 28px 10px 10px;border-radius:12px;background:#fff7ed;color:#8b4f08;font-size:12px}.invoice-verification-warnings li+li{margin-top:4px}
.invoice-human-confirm{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px;border:1px solid #e0ae5b;border-radius:13px;background:#fffaf1;cursor:pointer}.invoice-human-confirm input{width:19px;height:19px;margin-top:2px;accent-color:#174f43}.invoice-human-confirm span{display:grid;gap:3px}.invoice-human-confirm small{color:#746552;line-height:1.55}
.invoice-ready-note{margin-top:12px;padding:10px 12px;border-radius:12px;background:#e8f5ef;color:#116347;font-size:12px;font-weight:800}
.invoice-source-preview{display:flex;min-height:210px;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #d4e0db;border-radius:14px;background:#fff;overflow:hidden;text-decoration:none;color:#174f43}.invoice-source-preview img{width:100%;height:180px;object-fit:contain;background:#f1f5f3}.invoice-source-preview span{padding:0 8px 10px;font-size:11px;font-weight:800;text-align:center}.invoice-source-preview.pdf b{display:grid;place-items:center;width:78px;height:92px;border-radius:10px;background:#174f43;color:#fff;font-size:20px}
@media(max-width:760px){.invoice-verification-layout{grid-template-columns:1fr}.invoice-field-confidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-source-preview{min-height:120px}}

/* Compact invoice entry: keep the complete form and actions visible in one viewport. */
.modal-backdrop:has(#modalForm[data-type="invoice"]){padding:8px;overflow-y:auto;overscroll-behavior:auto;align-items:flex-start}
.modal:has(#modalForm[data-type="invoice"]){width:min(1040px,calc(100vw - 16px));height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);margin:auto;overflow:hidden;display:flex;flex-direction:column}
.modal:has(#modalForm[data-type="invoice"]) .modal-head{flex:none;padding:12px 18px 9px}
.modal:has(#modalForm[data-type="invoice"]) .modal-head h2{font-size:18px}
.modal:has(#modalForm[data-type="invoice"]) #modalForm{display:flex;min-height:0;flex:1;flex-direction:column}
#modalForm[data-type="invoice"] .modal-body{min-height:0;flex:1;padding:10px 18px 42px;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px 10px;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:auto;scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-bottom:42px;touch-action:pan-y;-webkit-overflow-scrolling:touch}
#modalForm[data-type="invoice"] .modal-body::-webkit-scrollbar{width:11px}
#modalForm[data-type="invoice"] .modal-body::-webkit-scrollbar-track{background:#eef3f0;border-radius:10px}
#modalForm[data-type="invoice"] .modal-body::-webkit-scrollbar-thumb{background:#7da397;border:2px solid #eef3f0;border-radius:10px}
#modalForm[data-type="invoice"] .field{gap:3px;min-width:0}
#modalForm[data-type="invoice"] .field label{font-size:10px;line-height:1.3}
#modalForm[data-type="invoice"] .field input,#modalForm[data-type="invoice"] .field select,#modalForm[data-type="invoice"] .field textarea{width:100%;min-width:0;padding:7px 9px;min-height:34px}
#modalForm[data-type="invoice"] .field textarea{height:34px;min-height:34px;resize:none}
#modalForm[data-type="invoice"] .invoice-period-warning{grid-column:span 2;padding:7px 10px;gap:6px;min-height:34px;align-items:center}
#modalForm[data-type="invoice"] .invoice-period-warning span{line-height:1.45}
#modalForm[data-type="invoice"] .vat-preview{padding:8px 11px;gap:7px}
#modalForm[data-type="invoice"] .vat-preview b{font-size:14px}
#modalForm[data-type="invoice"] .upload-box{padding:9px 12px;line-height:1.35}
#modalForm[data-type="invoice"] .upload-box br:first-of-type{display:none}
#modalForm[data-type="invoice"] .upload-box small{font-size:9px}
#modalForm[data-type="invoice"] .ocr-note{padding:7px 10px;line-height:1.45;font-size:10px;max-height:42px;overflow:hidden}
#modalForm[data-type="invoice"] .multi-invoice-list:empty,#modalForm[data-type="invoice"] .quick-add:not(.show){display:none!important}
#modalForm[data-type="invoice"] .modal-actions{flex:none;padding:9px 18px;background:#fff;position:relative;z-index:2}
#modalForm[data-type="invoice"] .modal-actions .btn{padding:8px 15px}
body.theme-dark #modalForm[data-type="invoice"] .modal-actions{background:#13211d}
@media(max-width:700px){
 #modalForm[data-type="invoice"] .modal-body{grid-template-columns:repeat(2,minmax(0,1fr))}
 #modalForm[data-type="invoice"] .invoice-period-warning{grid-column:1/-1}
}
@media(max-width:520px), (max-height:650px){
 .modal:has(#modalForm[data-type="invoice"]){overflow:auto}
 #modalForm[data-type="invoice"] .modal-body{grid-template-columns:1fr;overflow:visible}
 #modalForm[data-type="invoice"] .field.full,#modalForm[data-type="invoice"] .vat-preview,#modalForm[data-type="invoice"] .upload-box,#modalForm[data-type="invoice"] .ocr-note,#modalForm[data-type="invoice"] .invoice-period-warning{grid-column:1}
 #modalForm[data-type="invoice"] .modal-actions{position:sticky;bottom:0}
}
.invoice-reconciliation-ok,.invoice-reconciliation-warning{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:14px 18px;border-radius:14px}
.invoice-reconciliation-ok{border:1px solid #b8dfcf;background:#f2fbf7;color:#0d5a46}
.invoice-reconciliation-warning{border:1px solid #e6bf68;background:#fff9e9;color:#7d5810}
.invoice-reconciliation-ok span,.invoice-reconciliation-warning span{font-size:12px;line-height:1.7}
@media(max-width:760px){.invoice-reconciliation-ok,.invoice-reconciliation-warning{align-items:flex-start;flex-direction:column}}