@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font-family:Cairo,Tahoma,Arial,sans-serif}.top{height:72px;background:#101828;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand .logo,.biglogo{font-size:30px;color:#34d399}.brand small{display:block;color:#98a2b3;font-size:11px}.user{font-size:13px}.user a{color:#fff;margin-right:14px}.shell{display:flex;min-height:calc(100vh - 72px)}.side{width:225px;background:#fff;border-left:1px solid #e5e7eb;padding:20px 12px}.side a{display:block;padding:12px 14px;border-radius:10px;color:#475467;text-decoration:none;margin-bottom:5px;font-size:14px}.side a.active,.side a:hover{background:#ecfdf5;color:#047857;font-weight:700}.content{flex:1;padding:28px;min-width:0}.title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.title h1{margin:0;font-size:26px}.title p{margin:4px 0 0;color:#667085;font-size:13px}.btn,button{background:#059669;color:#fff;border:0;border-radius:10px;padding:11px 18px;font-family:inherit;font-weight:700;text-decoration:none;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.card,.panel{background:#fff;border:1px solid #eaecf0;border-radius:14px;box-shadow:0 2px 8px #1018280a}.card{padding:18px}.card span{color:#667085;font-size:12px;display:block}.card strong{font-size:21px;display:block;margin-top:8px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.quick a{background:#101828;color:#fff;text-decoration:none;padding:16px;border-radius:12px;text-align:center}.quick b{color:#34d399;margin-left:5px}.panel{padding:20px;margin-bottom:18px}.panel h2{font-size:17px;margin:0 0 15px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{padding:12px;border-bottom:1px solid #eef2f6;text-align:right;font-size:13px}th{color:#667085;font-weight:600}.prog{width:90px;height:6px;background:#e5e7eb;border-radius:10px;display:inline-block;margin-left:7px;overflow:hidden}.prog i{display:block;background:#10b981;height:100%}.badge{display:inline-block;border-radius:999px;padding:5px 10px;font-size:12px}.badge.green{background:#ecfdf3;color:#027a48}.badge.yellow{background:#fffaeb;color:#b54708}.badge.red{background:#fef3f2;color:#b42318}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{font-size:13px;color:#344054;display:block;margin-bottom:14px}input,select,textarea{width:100%;margin-top:6px;border:1px solid #d0d5dd;border-radius:9px;padding:11px 12px;font-family:inherit;background:#fff}textarea{min-height:82px;resize:vertical}.formwide{max-width:850px}.hide{display:none}.empty{text-align:center;padding:34px;color:#98a2b3}.empty.small{padding:15px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px}.line{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #eef2f6}.line small{display:block;color:#98a2b3;margin-top:3px}.flash{padding:12px 14px;border-radius:10px;margin-bottom:16px;background:#ecfdf3;color:#027a48}.flash.bad{background:#fef3f2;color:#b42318}.loginbody{min-height:100vh;display:grid;place-items:center;background:#101828}.loginbox{width:min(390px,92vw);background:#fff;border-radius:18px;padding:30px}.loginbox h1{margin:8px 0 0}.loginbox p{color:#667085;margin:0 0 18px}.loginbox button{width:100%;margin-top:8px}@media(max-width:900px){.side{width:78px}.side a{font-size:0;text-align:center}.side a:first-letter{font-size:18px}.cards{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.top{padding:0 14px}.brand small{display:none}.shell{display:block}.side{position:fixed;bottom:0;right:0;left:0;width:auto;height:66px;z-index:10;display:flex;padding:7px;background:#fff;border-top:1px solid #ddd;overflow:auto}.side a{flex:1;min-width:58px;margin:0;padding:9px 4px;font-size:0}.content{padding:18px 12px 82px}.cards{grid-template-columns:1fr 1fr}.card{padding:14px}.card strong{font-size:17px}.grid,.twocol{grid-template-columns:1fr}.title{align-items:flex-start}.title h1{font-size:22px}}@media print{.top,.side,.btn,.quick{display:none!important}.content{padding:0}.panel{border:0;box-shadow:none}}
/* هوية شركة سبل الازدهار */
.top{height:92px;background:#fff;color:#172033;border-bottom:1px solid #e7eaee;padding:8px 28px;box-shadow:0 2px 12px #1018280a}.company-logo{width:178px;height:66px;object-fit:contain;background:#fff;border-radius:7px}.brand{gap:16px}.brand-text b{display:block;font-size:18px;color:#1f4058}.brand-text small{display:block!important;font-size:11px;color:#667085}.user a{color:#c44b23;font-weight:700}.shell{min-height:calc(100vh - 92px)}.side{border-left-color:#eceff2}.side a.active,.side a:hover{background:#fff3ed;color:#c54f26}.btn,button{background:#c75a2d}.quick b{color:#f39a67}.biglogo-img{width:260px;max-width:90%;height:105px;object-fit:contain;margin:0 auto 8px;display:block}.loginbody{background:#f4f6f8}.loginbox{box-shadow:0 18px 60px #1e33451c;border:1px solid #e8ecef}.loginbox h1{text-align:center;color:#1f4058}.loginbox>p{text-align:center}
.secondary{background:#eef1f4;color:#344054}.employee-form-top{display:grid;grid-template-columns:170px 1fr;gap:22px;align-items:start}.photo-upload{border:1px solid #e4e7ec;border-radius:14px;padding:12px;text-align:center;background:#fafafa}.photo-upload img,.photo-upload>div{width:130px;height:150px;border-radius:12px;object-fit:cover;margin:auto;background:#eef2f6;display:grid;place-items:center;font-size:48px}.upload-btn{display:block;margin:10px 0 0;background:#1f4058;color:#fff;border-radius:8px;padding:8px;cursor:pointer}.upload-btn input{display:none}.employee-cell{display:flex;align-items:center;gap:9px}.employee-cell img,.employee-cell>span{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#eef2f6;display:grid;place-items:center}.actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.mini{border:0;border-radius:7px;padding:7px 9px;font-family:inherit;font-size:11px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}.mini.edit{background:#eef4ff;color:#175cd3}.mini.print{background:#ecfdf3;color:#027a48}.mini.delete{background:#fef3f2;color:#b42318}.filterbar{display:grid;grid-template-columns:1fr 210px auto;gap:10px;align-items:end}.filterbar input,.filterbar select{margin-top:0}.employee-card{width:680px;max-width:100%;margin:30px auto;background:#fff;border:1px solid #d9e0e6;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px #2034451f;position:relative}.employee-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:#d86231}.employee-card-head{display:flex;align-items:center;gap:15px;padding:18px 24px;border-bottom:1px solid #edf0f2;background:#fbfcfd}.employee-card-head img{width:190px;height:72px;object-fit:contain}.employee-card-head b{display:block;font-size:20px;color:#1f4058}.employee-card-head small{color:#667085}.employee-card-body{display:grid;grid-template-columns:170px 1fr;gap:28px;padding:28px}.emp-photo img,.photo-placeholder{width:160px;height:190px;border-radius:16px;object-fit:cover;background:#eef2f6;display:grid;place-items:center;font-size:64px;border:4px solid #fff;box-shadow:0 2px 16px #1018281a}.emp-card-info h2{font-size:27px;margin:3px 0;color:#1f4058}.emp-card-info .job{color:#c75a2d;font-weight:800;margin-bottom:16px}.emp-card-info p{margin:7px 0;font-size:14px}.employee-card-foot{background:#1f4058;color:#fff;text-align:center;padding:10px;font-size:12px}.print-actions{text-align:center;display:flex;gap:10px;justify-content:center}.hr-cards .card strong{color:#1f4058}
@media(max-width:900px){.side a span{display:none}.company-logo{width:150px}.brand-text{display:none}}
@media(max-width:600px){.top{height:76px;padding:5px 12px}.company-logo{width:150px;height:58px}.shell{min-height:calc(100vh - 76px)}.employee-form-top{grid-template-columns:1fr}.photo-upload{max-width:180px;margin:auto}.filterbar{grid-template-columns:1fr}.employee-card-body{grid-template-columns:1fr;text-align:center}.emp-photo{margin:auto}.employee-card-head{justify-content:center}.employee-card-head div{display:none}.employee-card{border-radius:14px}.employee-card-head img{width:220px}.actions{min-width:210px}}
@media print{.print-actions{display:none!important}.print-card-page{padding:0}.employee-card{box-shadow:none;margin:0 auto;border:1px solid #bbb;width:680px}.employee-card-head img{display:block!important}.employee-card:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}.employee-card-foot{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* نوافذ إدخال شبيهة ببرامج سطح المكتب */
#newForm:not(.hide){position:fixed;z-index:1000;inset:50%;transform:translate(-50%,-50%);width:min(820px,92vw);max-height:88vh;overflow:auto;box-shadow:0 28px 90px #10182855;border-top:5px solid #c75a2d}
#newForm:not(.hide):before{content:"";position:fixed;inset:-100vh -100vw;z-index:-1;background:#10182880}
.modal-form{margin:10px auto;box-shadow:0 22px 65px #1018281f;border-top:5px solid #c75a2d}.modal-page{max-width:900px;margin:auto}
.modal-overlay{display:none;position:fixed;z-index:1100;inset:0;background:#10182899;padding:30px;overflow:auto;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal-window{width:min(820px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:22px;box-shadow:0 30px 100px #0005;border-top:5px solid #c75a2d}.small-modal{width:min(520px,96vw)}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eaecf0;margin:-5px 0 18px;padding-bottom:12px}.modal-head h2{margin:0}.modal-close{border:0;background:#eef1f4!important;color:#344054!important;font-size:25px;padding:2px 12px;border-radius:8px;text-decoration:none}.modal-actions{display:flex;gap:10px;margin-top:16px}.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#f8fafc;padding:14px;border-radius:12px}.check{display:flex;align-items:center;gap:8px;margin:4px 0}.check input{width:auto;margin:0}.warning-box{background:#fff4e8;color:#9a3412;padding:13px;border-radius:10px;margin-bottom:15px}.password-wrap{position:relative}.password-wrap input{padding-left:48px}.password-eye{position:absolute;left:5px;top:11px;width:38px!important;height:34px;padding:0!important;background:#eef1f4!important;color:#344054!important;margin:0!important}.inline-eye{background:transparent!important;color:#c75a2d!important;padding:5px 0;font-size:11px}.receipt-sheet{width:min(760px,100%);margin:25px auto;background:#fff;border:2px solid #1f4058;border-radius:15px;padding:28px;position:relative}.receipt-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #c75a2d;padding-bottom:16px}.receipt-head img{width:260px;height:100px;object-fit:contain}.receipt-head h1{margin:0;color:#1f4058}.receipt-meta{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ddd}.receipt-amount{text-align:center;background:#f7f8fa;border-radius:12px;padding:15px;margin:20px 0}.receipt-amount small{display:block}.receipt-amount strong{font-size:30px;color:#c75a2d}.signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px;text-align:center}.signatures span{border-top:1px solid #344054;padding-top:8px}.receipt-sheet+.print-actions{display:flex;justify-content:center;gap:10px}
@media(max-width:600px){.permissions-grid{grid-template-columns:1fr}.modal-overlay{padding:10px}.receipt-head{display:block;text-align:center}.receipt-head img{max-width:100%}.receipt-meta{display:grid;gap:8px}.signatures{gap:10px}}
@media print{.receipt-sheet{margin:0 auto;box-shadow:none}.receipt-sheet img{display:block!important}.modal-overlay{position:static;background:none;padding:0}.modal-window{box-shadow:none;max-height:none}}

/* الهوية الواضحة الجديدة */
.top{height:92px}.company-logo{width:360px;height:78px;object-fit:contain;object-position:right center}.brand-text{display:none}.biglogo-img{width:480px;max-width:100%;height:138px}.loginbox{width:min(470px,94vw)}

/* نماذج سندات القبض والصرف */
.voucher-form-shell{max-width:940px;margin:auto}.voucher-form{border:0;border-top:6px solid #d65f25;box-shadow:0 18px 55px #1f40581c;padding:28px}.form-section-title{font-weight:800;color:#1f4058;font-size:16px;border-bottom:1px solid #e7eaee;padding:0 0 9px;margin:4px 0 16px}.voucher-form label small{display:block;color:#8a94a3;font-size:10px;margin-top:2px}.voucher-form-actions{display:flex;gap:10px;margin-top:20px}.voucher-form-actions button{min-width:220px}

/* السند الرسمي */
.voucher-toolbar{display:flex;justify-content:center;gap:10px;margin:0 0 18px}.official-voucher{page:voucherPage;width:min(980px,100%);min-height:560px;margin:auto;background:#fff;border:2px solid #1f4058;box-shadow:0 18px 55px #1f405820;position:relative;padding:22px 30px 34px;overflow:hidden}.official-voucher:before{content:"";position:absolute;right:0;top:0;bottom:0;width:10px;background:#d65f25}.payment-voucher:before{background:#1f766f}.voucher-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #1f4058;padding-bottom:12px}.voucher-header img{width:500px;height:115px;object-fit:contain;object-position:right center}.voucher-type{text-align:left}.voucher-type span{display:block;font-size:30px;font-weight:900;color:#1f4058}.voucher-type b{font-size:11px;letter-spacing:1px;color:#d65f25}.payment-voucher .voucher-type b{color:#1f766f}.voucher-number-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #d9dfe5}.voucher-number-row>div{padding:12px 16px}.voucher-number-row>div+div{border-right:1px solid #d9dfe5}.official-voucher small{display:block;color:#6b7280;font-size:11px}.voucher-number-row strong{font-size:15px}.voucher-project{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #d9dfe5}.voucher-project small{font-weight:700}.voucher-project span{font-size:12px;color:#5f6b7a}.voucher-money{display:flex;align-items:baseline;justify-content:center;gap:12px;background:#f5f7f9;margin:15px 0;padding:10px;border-radius:10px}.voucher-money span{font-weight:700}.voucher-money strong{font-size:34px;color:#d65f25}.payment-voucher .voucher-money strong{color:#1f766f}.voucher-parties{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d9dfe5;border-radius:8px;overflow:hidden}.voucher-parties>div{padding:12px 16px}.voucher-parties>div+div{border-right:1px solid #d9dfe5}.voucher-parties b{font-size:15px}.voucher-line{display:grid;grid-template-columns:155px 1fr auto;gap:12px;padding:12px 16px;border-bottom:1px solid #d9dfe5;align-items:center}.voucher-line span{font-size:11px;color:#5f6b7a}.voucher-description{padding:13px 16px;border-bottom:1px solid #d9dfe5}.voucher-description p{margin:5px 0 0;min-height:35px;font-weight:600}.voucher-signatures{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:center;margin:38px 15px 16px}.voucher-signatures span{font-size:12px;font-weight:700}.voucher-signatures i{display:block;border-bottom:1px solid #475467;height:34px}.voucher-footer-note{text-align:center;color:#fff;background:#1f4058;position:absolute;right:10px;left:0;bottom:0;padding:6px;font-size:10px}

/* التقرير الشامل */
.report-filters{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:12px;align-items:end}.report-filters label{margin:0}.full-report{page:reportPage;background:#fff;border:1px solid #e1e6eb;border-radius:16px;padding:24px}.report-print-header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #d65f25;padding-bottom:14px;margin-bottom:18px}.report-print-header img{width:430px;height:110px;object-fit:contain;object-position:right}.report-print-header>div{text-align:left}.report-print-header h1{font-size:21px;margin:0;color:#1f4058}.report-print-header p,.report-print-header small{margin:3px 0;color:#667085}.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.report-summary>div{border:1px solid #dfe4e8;border-right:4px solid #1f4058;border-radius:9px;padding:11px;background:#fbfcfd}.report-summary span{display:block;font-size:10px;color:#667085}.report-summary strong{font-size:15px;color:#1f4058}.positive{color:#087a55!important}.negative{color:#c7352b!important}.report-block{border:1px solid #dfe4e8;border-radius:10px;overflow:hidden;margin-bottom:16px}.report-block h2{font-size:14px;color:#fff;background:#1f4058;margin:0;padding:8px 12px}.report-table{min-width:100%;width:100%}.report-table th,.report-table td{padding:8px 7px;font-size:10px;border:1px solid #e4e7ec}.report-table thead th{background:#f0f3f5;color:#1f4058;font-weight:800}.report-table tfoot th{background:#eef2f4;color:#1f4058}.report-table.compact th,.report-table.compact td{font-size:11px}.report-two-columns{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.report-notes p{display:flex;justify-content:space-between;margin:0;padding:10px 12px;border-bottom:1px solid #e4e7ec;font-size:11px}.tx-badge{display:inline-block;padding:3px 7px;border-radius:20px;font-weight:800}.tx-badge.out{background:#fff0eb;color:#b54708}.tx-badge.in{background:#eaf8f2;color:#087a55}.report-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;text-align:center;margin:45px 30px 10px}.report-signatures div{border-top:1px solid #344054;padding-top:8px;font-size:11px}

@page voucherPage{size:A5 landscape;margin:7mm}@page reportPage{size:A4 landscape;margin:8mm}
@media(max-width:900px){.company-logo{width:285px}.report-summary{grid-template-columns:repeat(2,1fr)}.report-two-columns{grid-template-columns:1fr}.report-filters{grid-template-columns:1fr 1fr}.voucher-header img{width:410px}}
@media(max-width:600px){.company-logo{width:230px;height:62px}.top{height:76px}.biglogo-img{height:105px}.report-filters{grid-template-columns:1fr}.full-report{padding:12px}.report-print-header{display:block}.report-print-header img{max-width:100%}.report-print-header>div{text-align:right}.official-voucher{padding:14px 18px 32px}.voucher-header{display:block;text-align:center}.voucher-header img{width:100%;height:100px}.voucher-type{text-align:center}.voucher-project,.voucher-line{grid-template-columns:1fr}.voucher-parties{grid-template-columns:1fr}.voucher-parties>div+div{border-right:0;border-top:1px solid #d9dfe5}.voucher-signatures{grid-template-columns:1fr 1fr}.report-summary{grid-template-columns:1fr 1fr}}
@media print{body{background:#fff}.top,.side,.voucher-toolbar,.report-screen-head,.report-filters,.no-print{display:none!important}.shell{display:block;min-height:0}.content{padding:0!important}.official-voucher{width:100%;min-height:0;height:130mm;margin:0;border:1.5px solid #1f4058;box-shadow:none;padding:5mm 7mm 9mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}.voucher-header img{width:125mm;height:28mm}.voucher-money{margin:3mm 0}.voucher-signatures{margin-top:7mm}.full-report{border:0;border-radius:0;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-print-header{margin-bottom:3mm}.report-print-header img{width:100mm;height:25mm}.report-summary{gap:2mm;margin-bottom:3mm}.report-summary>div{padding:2mm}.report-block{margin-bottom:3mm;break-inside:auto}.report-table th,.report-table td{padding:1.5mm 1mm;font-size:7.5pt}.report-table thead{display:table-header-group}.report-table tfoot{display:table-footer-group}.report-table tr{break-inside:avoid}.report-two-columns{gap:3mm}.report-transactions{break-before:auto}.tablewrap{overflow:visible}.report-signatures{margin-top:12mm;break-inside:avoid}}

/* بطاقات ملونة بتدرجات جذابة */
.cards .card{position:relative;overflow:hidden;border:0;min-height:112px;padding:21px 20px;box-shadow:0 12px 30px #1f405820;transition:transform .22s ease,box-shadow .22s ease;isolation:isolate}.cards .card:before,.cards .card:after{content:"";position:absolute;border-radius:50%;background:#ffffff1c;z-index:-1}.cards .card:before{width:125px;height:125px;left:-35px;top:-58px}.cards .card:after{width:75px;height:75px;left:42px;bottom:-46px;background:#ffffff12}.cards .card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #1f405832}.cards .card span{color:#ffffffd9;font-size:12px;font-weight:600}.cards .card strong{color:#fff;font-size:23px;text-shadow:0 1px 2px #0002}.cards .card:nth-child(6n+1){background:linear-gradient(135deg,#17364b 0%,#2563a8 100%)}.cards .card:nth-child(6n+2){background:linear-gradient(135deg,#b94720 0%,#f08a45 100%)}.cards .card:nth-child(6n+3){background:linear-gradient(135deg,#0f625f 0%,#20aa9d 100%)}.cards .card:nth-child(6n+4){background:linear-gradient(135deg,#5530a5 0%,#8b68d7 100%)}.cards .card:nth-child(6n+5){background:linear-gradient(135deg,#a8244d 0%,#e85d85 100%)}.cards .card:nth-child(6n+6){background:linear-gradient(135deg,#27713b 0%,#56ad65 100%)}
.quick a{position:relative;overflow:hidden;border:1px solid #ffffff18;box-shadow:0 10px 24px #1018281a;transition:.2s}.quick a:hover{transform:translateY(-3px);box-shadow:0 15px 30px #10182828}.quick a:nth-child(4n+1){background:linear-gradient(135deg,#b94720,#e57b3c)}.quick a:nth-child(4n+2){background:linear-gradient(135deg,#0f625f,#1c968c)}.quick a:nth-child(4n+3){background:linear-gradient(135deg,#284c67,#367baa)}.quick a:nth-child(4n+4){background:linear-gradient(135deg,#5530a5,#8463ca)}.quick b{color:#fff;background:#ffffff20;border-radius:50%;display:inline-grid;place-items:center;width:28px;height:28px}
.report-summary>div{position:relative;overflow:hidden;border:0;border-right:0;padding:13px 14px;box-shadow:0 8px 20px #1f405818}.report-summary>div:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;left:-22px;top:-30px;background:#ffffff18}.report-summary>div:nth-child(8n+1),.report-summary>div:nth-child(8n+5){background:linear-gradient(135deg,#17364b,#286ca3)}.report-summary>div:nth-child(8n+2),.report-summary>div:nth-child(8n+6){background:linear-gradient(135deg,#b94720,#e98142)}.report-summary>div:nth-child(8n+3),.report-summary>div:nth-child(8n+7){background:linear-gradient(135deg,#0f625f,#20a296)}.report-summary>div:nth-child(8n+4),.report-summary>div:nth-child(8n+8){background:linear-gradient(135deg,#5530a5,#8969d0)}.report-summary span{color:#ffffffd9}.report-summary strong,.report-summary .positive,.report-summary .negative{color:#fff!important;text-shadow:0 1px 2px #0002}
@media print{.cards .card{box-shadow:none}.cards .card:hover{transform:none}.report-summary>div{box-shadow:none}.report-summary span{color:#ffffffde!important}.report-summary strong{color:#fff!important}}

/* قوائم سندات القبض والصرف وكشوفها */
.top{height:104px}.company-logo{width:380px;height:90px}.shell{min-height:calc(100vh - 104px)}.title-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.voucher-filters{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto auto;gap:10px;align-items:end}.voucher-filters label{margin:0}.voucher-filters button,.voucher-filters .btn{white-space:nowrap;text-align:center}.statement-print-area{page:statementPage}.statement-print-header{display:none;align-items:center;justify-content:space-between;border-bottom:3px solid #d65f25;padding-bottom:12px;margin-bottom:14px}.statement-print-header img{width:420px;height:110px;object-fit:contain;object-position:right}.statement-print-header>div{text-align:left}.statement-print-header h1{color:#1f4058;margin:0;font-size:24px}.statement-print-header p,.statement-print-header small{margin:3px 0;color:#667085}.statement-stats{display:flex;gap:12px;margin-bottom:14px}.statement-stats span{background:linear-gradient(135deg,#17364b,#286ca3);color:#fff;border-radius:10px;padding:12px 18px;min-width:210px;box-shadow:0 8px 20px #1f40581a}.statement-stats span+span{background:linear-gradient(135deg,#b94720,#e98142)}.statement-stats b{display:block;font-size:18px;margin-top:3px}.statement-table-panel{padding:0;overflow:hidden}.statement-table{min-width:100%}.statement-table th,.statement-table td{font-size:11px;padding:10px 8px}.statement-table thead th{background:#1f4058;color:#fff}.statement-table tbody tr:nth-child(even){background:#f7f9fb}.statement-table tfoot th{background:#edf1f4;color:#1f4058;font-size:12px}.voucher-entry-modal{max-width:900px}.voucher-entry-modal textarea{min-height:95px}
@page statementPage{size:A4 landscape;margin:8mm}
@media(max-width:1100px){.voucher-filters{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.top{height:76px}.company-logo{width:235px;height:62px}.shell{min-height:calc(100vh - 76px)}.title-actions{width:100%}.title-actions .btn,.title-actions button{flex:1}.voucher-filters{grid-template-columns:1fr}.statement-stats{display:grid}.statement-stats span{min-width:0}.statement-table-panel{border-radius:12px}}
@media print{.voucher-page-title,.voucher-filters,.actions-col,.modal-overlay{display:none!important}.statement-print-header{display:flex}.statement-stats{display:flex;margin-bottom:3mm}.statement-stats span{box-shadow:none;padding:2.5mm 4mm}.statement-table-panel{border:0;box-shadow:none;margin:0}.statement-table{min-width:100%;width:100%}.statement-table thead{display:table-header-group}.statement-table tfoot{display:table-footer-group}.statement-table tr{break-inside:avoid}.statement-table th,.statement-table td{font-size:7.7pt;padding:1.8mm 1.2mm;border:1px solid #d5dbe1}.statement-print-header img{width:105mm;height:27mm}.statement-print-header h1{font-size:17pt}}

/* أيقونات وقائمة تنقل حديثة ومتجاوبة */
.mobile-menu-button,.mobile-menu-head{display:none}.menu-backdrop{display:none}.top{z-index:50}.side{width:245px;padding:18px 12px}.side-nav{display:grid;gap:5px}.side-nav a{display:flex;align-items:center;gap:12px;position:relative;padding:12px 13px;margin:0;border:1px solid transparent;font-size:13px;transition:background .18s,color .18s,transform .18s}.side-nav a:hover{transform:translateX(-2px)}.side-nav a.active{background:linear-gradient(135deg,#fff2eb,#fff8f4);border-color:#f5d4c4;box-shadow:0 5px 14px #c75a2d12}.side-nav a.active:before{content:"";position:absolute;right:-12px;top:9px;bottom:9px;width:4px;border-radius:4px;background:linear-gradient(#d65f25,#f29b5c)}.nav-icon{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.side-nav a.active .nav-icon{color:#c54f26;filter:drop-shadow(0 2px 3px #c75a2d28)}.user{display:flex;align-items:center;gap:12px}.user-name,.logout-link{display:flex;align-items:center;gap:7px}.user svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.logout-link{margin:0!important;padding:8px 11px;border-radius:9px;background:#fff2ed;text-decoration:none}.mobile-menu-button{width:42px;height:42px;padding:0;border-radius:11px;background:#1f4058!important;place-items:center;flex:0 0 42px}.mobile-menu-button svg{width:23px;height:23px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}.mobile-menu-head{align-items:center;justify-content:space-between;padding:4px 4px 15px;margin-bottom:8px;border-bottom:1px solid #e9edf0;color:#1f4058}.mobile-menu-head button{width:38px;height:38px;padding:0;font-size:25px;background:#f1f3f5;color:#344054}.menu-backdrop{position:fixed;inset:0;background:#10182899;backdrop-filter:blur(2px);z-index:1100}.menu-backdrop.show{display:block}.menu-is-open{overflow:hidden}
@media(max-width:900px) and (min-width:701px){.side{width:82px;padding:16px 9px}.side-nav a{justify-content:center;padding:12px 8px}.side-nav a span{display:none}.side-nav a.active:before{right:-9px}.content{padding:24px 20px}}
@media(max-width:700px){.top{height:76px;padding:6px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left));gap:10px}.mobile-menu-button{display:grid}.brand{flex:1;min-width:0}.company-logo{width:230px;height:62px;max-width:100%;object-position:right}.user{gap:5px}.user-name{display:none}.logout-link{padding:8px;margin:0!important}.logout-link span{display:none}.shell{display:block;min-height:calc(100vh - 76px)}.side{display:block;position:fixed;top:0;right:0;bottom:0;left:auto;width:min(320px,88vw);height:100dvh;z-index:1200;padding:16px 13px max(18px,env(safe-area-inset-bottom));background:#fff;border:0;border-left:1px solid #e4e7ec;box-shadow:-20px 0 60px #10182835;overflow-y:auto;transform:translateX(105%);transition:transform .25s ease}.side.mobile-open{transform:translateX(0)}.mobile-menu-head{display:flex}.side-nav{display:grid;gap:6px}.side-nav a{display:flex;flex:none;min-width:0;width:100%;font-size:14px;text-align:right;justify-content:flex-start;margin:0;padding:13px 14px}.side-nav a span{display:inline!important}.side-nav a:first-letter{font-size:inherit}.side-nav a.active:before{right:-13px}.nav-icon{width:23px;height:23px;flex-basis:23px}.content{padding:18px 12px 28px}.cards{grid-template-columns:1fr 1fr}.quick{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.company-logo{width:195px;height:56px}.top{gap:7px}.mobile-menu-button{width:40px;height:40px;flex-basis:40px}.content{padding-right:10px;padding-left:10px}.cards{gap:9px}}
@media print{.mobile-menu-button,.menu-backdrop,.mobile-menu-head{display:none!important}}