@font-face{font-family:FinanceLocal;src:local('Noto Sans Arabic'),local('DejaVu Sans')}*{box-sizing:border-box}html{background:#f5f7f8;color:#173b34}body{margin:0;font-family:FinanceLocal,Tahoma,Arial,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #c7e5dc;outline-offset:2px}.icon{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.7px;line-height:1.5}h2{font-size:17px}h3{font-size:15px}.muted{color:#7f928d}.small{font-size:12px}.num{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block;letter-spacing:.15px}.boot{display:grid;min-height:100vh;place-content:center;font-size:24px}.app-layout{min-height:100vh}.sidebar{width:242px;position:fixed;right:0;top:0;bottom:0;background:#103c33;color:#c6d7d0;padding:28px 18px 18px;display:flex;flex-direction:column;z-index:30;overflow-y:auto}.brand{display:flex;gap:11px;align-items:center;color:white;margin:0 10px 28px;direction:ltr}.brand-mark{background:#d9efa7;color:#183e32;width:41px;height:41px;border-radius:13px;display:grid;place-content:center;font-weight:800;font-size:25px;font-family:Arial,sans-serif}.brand strong{display:block;font-size:19px;letter-spacing:-.4px}.brand small{font:9px Arial;letter-spacing:2.5px;opacity:.65}.nav-section{font-size:10px;letter-spacing:.3px;opacity:.5;margin:20px 16px 9px}.nav-link{display:flex;gap:12px;align-items:center;border-radius:10px;padding:9px 14px;min-height:40px;font-size:12px;margin:2px 0;color:#bdcec7;transition:background .15s}.nav-link:hover{background:#1c4a3e}.nav-link.active{background:#d9efa7;color:#163d31;font-weight:bold}.nav-link .icon{width:18px;height:18px}.sidebar-bottom{border-top:1px solid #2a5045;margin-top:25px;padding:20px 8px 0}.profile{display:flex;align-items:center;gap:10px;margin-bottom:12px}.avatar{background:#2a5648;color:#dcedba;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:13px}.sidebar-bottom .text-button{color:#aec9bd;font-size:11px}.main{margin-right:242px;padding:0 38px 32px;max-width:1800px}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e7e5;margin-bottom:26px;gap:16px}.breadcrumb{font-size:11px;color:#83988e;display:flex;gap:8px;align-items:center}.top-meta{display:flex;gap:20px;align-items:center;font-size:11px;color:#607c70}.secure-dot{display:inline-flex;align-items:center;gap:6px}.secure-dot:before{content:'';width:6px;height:6px;background:#65a575;border-radius:50%}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head p{font-size:12px;color:#86958e;margin-top:6px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 16px;border-radius:9px;background:white;border:1px solid #dfe7e3;color:#31554a;font-size:12px;font-weight:600;min-height:41px}.btn:hover{background:#eff5f1}.btn.primary{background:#175945;color:#fff;border-color:#175945}.btn.primary:hover{background:#124835}.btn.danger{border-color:#edd6d2;color:#a34e44;background:#fff9f8}.btn.compact{padding:6px 10px;min-height:32px;font-size:11px}.text-button{padding:5px;border:0;background:none;color:#3b7661;font-size:12px}.icon-button{padding:7px;border:0;background:none;color:#6d8478;display:inline-flex;align-items:center;justify-content:center;border-radius:7px}.icon-button:hover{background:#edf3f0}.demo-banner{background:#f8efd9;border:1px solid #eee0ba;color:#8d7539;font-size:11px;padding:8px 13px;border-radius:8px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.stat{background:#fff;border:1px solid #e4eae6;border-radius:14px;padding:19px 20px;min-height:147px;box-shadow:0 2px 4px #143d3303}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7a8e84;font-size:12px}.stat-icon{display:grid;place-items:center;width:32px;height:32px;background:#f2f6f3;color:#547768;border-radius:9px}.stat-value{font:600 29px Arial,sans-serif;direction:ltr;text-align:right;color:#173f33;margin-top:19px;letter-spacing:-.9px}.stat-value small{font-size:11px;letter-spacing:0;margin-left:7px;font-weight:normal;color:#8d9d94}.stat-foot{font-size:10px;color:#90a198;margin-top:7px}.stat.highlight{background:#174b3d;border-color:#174b3d}.highlight .stat-top,.highlight .stat-foot{color:#b6cbbd}.highlight .stat-icon{background:#32634e;color:#d9efa7}.highlight .stat-value{color:#f6f9f1}.highlight .stat-value small{color:#c6d6c4}.stat.clickable{cursor:pointer}.stat.clickable:hover{border-color:#90b6a4}.grid-main{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:20px;margin-bottom:20px}.panel{background:#fff;border:1px solid #e3e9e5;border-radius:14px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head p{font-size:10px;color:#91a198;margin-top:4px}.panel-body{padding:0 22px 20px}.chart{width:100%;height:242px;display:block;overflow:visible}.chart text{font-size:10px;fill:#94a299;font-family:Arial,sans-serif}.chart .gridline{stroke:#edf1ed;stroke-width:1}.chart .series-a{stroke:#4b8d70;stroke-width:3;fill:none}.chart .series-b{stroke:#b1c397;stroke-width:2.5;fill:none;stroke-dasharray:5 4}.chart .point{fill:#3d805f;stroke:#fff;stroke-width:2}.chart .area{fill:#edf5ee}.legend{display:flex;gap:15px;font-size:10px;color:#82958a}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:7px;height:7px;background:#4b8d70;border-radius:50%}.legend span:nth-child(2) i{background:#b1c397}.category-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f0f3f0;gap:14px}.category-item:last-child{border:0}.category-dot{width:32px;height:32px;background:#edf5ed;color:#61836d;border-radius:9px;display:grid;place-items:center}.category-info{display:flex;align-items:center;gap:10px;font-size:12px}.mini-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.mini-card{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #e1e8e2;border-radius:12px;background:#fff}.mini-card label{font-size:11px;color:#819286;display:block;margin-bottom:6px}.mini-card strong{font:600 20px Arial;color:#244e3a}.mini-card .icon{color:#84a689}.filter-bar{background:#fff;border:1px solid #e0e8e2;border-radius:12px;padding:13px 15px;margin-bottom:20px}.filter-main{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.filter-main .field{margin:0;flex:0 1 150px}.filter-main .search-field{flex:1 1 170px}.filter-main input,.filter-main select{font-size:11px;padding:8px 10px;min-height:36px}.filter-main label{font-size:10px;margin-bottom:4px}.advanced{margin-top:10px}.advanced summary{cursor:pointer;color:#82968a;font-size:11px;list-style:none}.advanced-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.table-wrap{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap;font-size:12px}th{background:#f9fbf9;color:#809186;font-weight:500;font-size:10px;padding:12px 18px;border-top:1px solid #edf1ec;border-bottom:1px solid #edf1ec}td{padding:15px 18px;border-bottom:1px solid #eff3ef;color:#496657}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfb}td .primary-text{color:#294c3a;font-weight:600}td.desc{max-width:260px;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;font-size:10px;padding:3px 8px;background:#eff3ef;color:#809386}.badge.success{background:#ebf5ec;color:#548463}.badge.warning{background:#fcf3dd;color:#a48a46}.badge.danger{background:#faefeb;color:#b07564}.badge.neutral{background:#edf1f8;color:#7a90a9}.negative{color:#af7765}.positive{color:#3e8660}.pager{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #edf1ec;color:#89998f;font-size:11px}.empty{text-align:center;color:#8a9c8e;padding:48px 20px}.empty .icon{width:38px;height:38px;color:#b2c2b3;margin-bottom:10px}.empty h3{color:#6b8674;font-size:14px;margin-bottom:7px}.note{border-radius:10px;padding:12px 15px;background:#edf4ee;color:#6e8a76;font-size:11px;margin:14px 0;display:flex;align-items:flex-start;gap:9px}.note.warning{background:#faf4e8;color:#a18751}.note .icon{width:16px;height:16px;margin-top:2px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11px;color:#6c8475}.field input,.field select,.field textarea{width:100%;border:1px solid #dce5dd;border-radius:8px;padding:10px 12px;background:#fff;color:#355f43;min-height:40px;font-size:12px}.field input[type=number],.field input[type=date],.field input[type=password]{direction:ltr;text-align:right}.field textarea{min-height:80px;resize:vertical}.field.full{grid-column:1/-1}.field input:disabled{background:#f4f7f4;color:#95a79a}.check-field{display:flex;align-items:center;gap:8px;min-height:40px;font-size:12px;color:#668170}.check-field input{accent-color:#246c47;width:16px;height:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}dialog{width:min(720px,calc(100% - 32px));max-height:90vh;padding:0;border:1px solid #dfe7de;border-radius:18px;color:#294f37;box-shadow:0 25px 100px #12351c33}dialog.wide{width:min(1080px,calc(100% - 24px))}dialog::backdrop{background:#102f285e;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e9eee8;position:sticky;top:0;background:#fff;z-index:3}.modal-body{padding:24px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:20px 0 0;margin-top:18px;border-top:1px solid #edf1e9}.form-error{display:none;padding:10px 13px;background:#fbefeb;color:#a36553;font-size:12px;border-radius:8px;margin-bottom:15px;white-space:pre-wrap;overflow-wrap:anywhere}.form-error.visible{display:block}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.detail-grid label{font-size:10px;color:#8b9c8b;display:block}.detail-grid strong{font-size:13px;color:#416343;display:block;margin-top:5px;overflow-wrap:anywhere}.detail-grid .large{font:600 24px Arial}.invoice-items{margin:24px 0 18px}.invoice-line{border:1px solid #e2e9dc;background:#fbfdf8;border-radius:12px;padding:15px;margin:10px 0}.invoice-line-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#8a9d79;font-size:11px}.invoice-line .form-grid{grid-template-columns:repeat(4,1fr);gap:12px}.invoice-line .wide-field{grid-column:span 2}.invoice-line input,.invoice-line select{font-size:11px;padding:8px}.preview-totals{display:flex;gap:25px;background:#eff6e7;padding:14px;border-radius:10px;flex-wrap:wrap}.preview-totals label{font-size:10px;color:#8b9a74;display:block}.preview-totals strong{font:600 18px Arial}.attachment-list{display:flex;flex-direction:column;gap:8px}.attachment-row{display:flex;justify-content:space-between;align-items:center;border:1px solid #e8ede2;padding:10px;border-radius:8px}.upload-row{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.upload-row input{max-width:260px;font-size:11px}.toast{position:fixed;left:30px;bottom:25px;z-index:100;max-width:min(500px,calc(100vw - 40px));padding:13px 20px;border-radius:12px;background:#20482d;color:#fff;font-size:13px;box-shadow:0 10px 30px #18371e33;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#884e3c}.permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;direction:ltr;margin-top:15px}.permissions-grid label{display:flex;align-items:center;gap:8px;font-size:11px;padding:6px}.code{direction:ltr;text-align:left;background:#f6f8f3;border-radius:8px;padding:15px;font:11px/1.65 monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff}.login-art{background:#143f33;color:white;padding:70px 70px 45px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #43684b;border-radius:50%;left:-230px;bottom:-230px;box-shadow:0 0 0 65px #244d3b,0 0 0 66px #446849,0 0 0 130px #204a39,0 0 0 131px #43684b}.login-art .brand{margin:0;justify-content:flex-end}.login-message{max-width:380px;margin:50px 0;z-index:1}.login-message h1{font-size:46px;line-height:1.6;color:#e4f1cb}.login-message p{font-size:15px;color:#b3cbae;line-height:2.3;margin-top:25px}.login-art footer{font:11px Arial;letter-spacing:2px;color:#9cbc9c;z-index:1}.login-main{display:flex;align-items:center;justify-content:center;padding:45px}.login-form{width:360px;max-width:100%}.login-form h2{font-size:27px;margin-bottom:8px}.login-form>p{color:#91a18d;font-size:12px;margin-bottom:30px}.login-form .field{margin:19px 0}.login-form .btn{width:100%;margin-top:13px}.login-secure{display:flex;align-items:center;justify-content:center;gap:7px;color:#a3b09a;font-size:10px;margin-top:24px}.mobile-menu{display:none}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.account-card{padding:24px}.account-card-top{display:flex;align-items:center;justify-content:space-between}.account-card .account-value{font:600 32px Arial;margin:25px 0;color:#275d3a;direction:ltr;text-align:right}.account-metrics{display:flex;gap:25px;font-size:11px;border-top:1px solid #eaf0e4;padding:15px 0}.account-metrics label{display:block;color:#8c9f83;font-size:10px;margin-bottom:5px}.settings-panel{padding:25px;max-width:950px}.report-select{display:flex;align-items:end;gap:12px;margin:20px 0}.report-select .field{min-width:230px}.footer-note{margin-top:24px;color:#a0afa2;font-size:10px;text-align:center}.loading-line{height:3px;width:100%;background:linear-gradient(90deg,#d6e7c7,#78a363,#d6e7c7);animation:pulse 1s infinite}.mobile-shade{display:none}@keyframes pulse{50%{opacity:.4}}@media(min-width:1600px){.main{padding-left:65px;padding-right:65px}.stat{min-height:165px}.stat-value{font-size:34px}}
@media(max-width:1200px){.sidebar{width:215px;padding-left:12px;padding-right:12px}.main{margin-right:215px;padding-left:23px;padding-right:23px}.stats{gap:11px}.stat{padding:16px}.stat-value{font-size:25px}.account-grid{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr)}.brand strong{font-size:17px}.nav-link{font-size:11px}}
@media(max-width:960px){.main{margin-right:0;padding:0 22px 24px}.sidebar{visibility:hidden;transform:translateX(100%);transition:transform .2s;width:245px}.sidebar.open{visibility:visible;transform:none}.mobile-menu{display:inline-flex}.mobile-shade.visible{display:block;position:fixed;inset:0;background:#12352155;z-index:25}.topbar{height:66px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.login-art{padding:40px}.login-message h1{font-size:34px}.advanced-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){body{font-size:13px}.main{padding:0 15px 25px}.topbar{margin-bottom:20px}.top-meta .date-label{display:none}.top-meta{font-size:10px;gap:8px}.page-head{align-items:flex-start;gap:10px;margin-bottom:16px}.page-head h1{font-size:23px}.page-head p{font-size:11px;max-width:210px}.page-head .btn{font-size:10px;padding:9px 12px;white-space:nowrap}.stats{gap:10px;margin:14px 0}.stat{padding:14px;min-height:132px;border-radius:11px}.stat-top{font-size:10px}.stat-value{font-size:25px;margin-top:16px}.stat-icon{width:27px;height:27px}.stat-foot{font-size:9px}.grid-main{grid-template-columns:1fr;gap:15px}.mini-summary{grid-template-columns:1fr;gap:10px}.mini-card{padding:11px 15px}.mini-card label{margin:0}.mini-card>div{display:flex;justify-content:space-between;flex:1;align-items:center;gap:10px}.mini-card strong{font-size:18px}.panel-head{padding:17px}.panel-body{padding:0 17px 17px}.filter-bar{padding:11px}.filter-main{gap:8px}.filter-main .field{flex:1 1 120px}.filter-main .search-field{flex-basis:100%}.filter-main .btn{flex:1;font-size:11px}.advanced-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.form-grid.three{grid-template-columns:1fr}.invoice-line .form-grid{grid-template-columns:repeat(2,1fr)}.invoice-line .wide-field{grid-column:span 2}.modal-head{padding:16px 18px}.modal-body{padding:18px}.detail-grid{grid-template-columns:repeat(2,1fr)}.account-grid{grid-template-columns:1fr}.permissions-grid{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-art{min-height:180px;padding:22px 30px;justify-content:center}.login-art .brand{justify-content:center;margin-bottom:14px}.login-message{margin:0;max-width:none;text-align:center}.login-message h1{font-size:27px}.login-message p,.login-art footer{display:none}.login-art:after{opacity:.4}.login-main{padding:35px 28px 50px}.login-form h2{font-size:24px}.report-select{flex-wrap:wrap}.report-select .field{width:100%}.toast{left:20px;bottom:20px}.chart{height:218px}.demo-banner{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.bar-row{padding:10px 0 14px}.bar-label{display:flex;justify-content:space-between;gap:14px;align-items:baseline;font-size:11px;margin-bottom:10px}.bar-label>span{overflow-wrap:anywhere}.bar-label .num{white-space:nowrap}.bar-track{height:5px;width:100%;display:block;direction:ltr}.bar-bg{fill:#eff4f1}.bar-fill{fill:#5c9a7e}.bar-negative{fill:#b9735e}.mini-summary.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.grid-three{grid-template-columns:1fr 1fr}.grid-three>section:last-child{grid-column:1/-1}.mini-summary.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.grid-three{grid-template-columns:1fr}.mini-summary.four{grid-template-columns:1fr}.bar-label{font-size:12px}}