:root{--ink:#27324b;--muted:#8791a8;--line:#e8edf5;--surface:#fff;--page:#f6f8fc;--primary:#6378cf;--primary-dark:#5268bf;--primary-pale:#edf0ff;--blue:#6ca6e8;--blue-pale:#edf6ff;--mint:#63bba6;--mint-pale:#eaf8f4;--lavender:#a28ce0;--lavender-pale:#f3efff;--orange:#e4ad74;--orange-pale:#fff5e9;--danger:#dc737d;--shadow:0 8px 28px rgba(42,58,96,.055);--radius:18px}
*{box-sizing:border-box}body{font-family:'Cairo',Tahoma,Arial,sans-serif;color:var(--ink);font-size:14px;background:var(--page);margin:0}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}.app-body{min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;position:fixed;inset-block:0;right:0;z-index:1030;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;padding:24px 17px 18px;overflow-y:auto;transition:transform .25s ease}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 9px 28px;color:var(--ink)}.sidebar-brand strong{display:block;font-size:22px;font-weight:800;letter-spacing:-.7px;line-height:1.3}.sidebar-brand small{color:var(--muted);font-size:11px}.brand-mark{width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#8495e8,#6378cf);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(99,120,207,.25);position:relative;flex:none}.brand-mark i{font-size:20px}.brand-mark span{display:none}.sidebar-caption{font-size:10px;font-weight:800;color:#a4aec1;letter-spacing:.7px;margin:0 11px 10px}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;color:#78849d;border-radius:12px;padding:12px 13px;min-height:46px;font-weight:600;font-size:12px;transition:all .18s ease}.nav-item>i{width:20px;text-align:center;font-size:16px;color:#97a2b8}.nav-item:hover{background:#f7f8fe;color:var(--primary)}.nav-item.active{background:var(--primary-pale);color:#5267bd;font-weight:800}.nav-item.active>i{color:var(--primary)}.nav-pill{font-size:9px;background:#fff;color:var(--primary);border-radius:6px;padding:3px 6px;margin-right:auto}.sidebar-bottom{margin-top:auto;padding:15px 12px 3px;display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--line)}.help-icon{width:34px;height:34px;border-radius:10px;background:var(--orange-pale);color:#d59b5c;display:flex;align-items:center;justify-content:center;flex:none}.sidebar-bottom strong{font-size:11px}.sidebar-bottom p{font-size:10px;color:var(--muted);line-height:1.8;margin:3px 0 0}.main-area{margin-right:255px;min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:92px;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:17px 33px;gap:18px}.breadcrumb-small{font-size:10px;color:#9ba5b8;margin-bottom:4px}.breadcrumb-small i{font-size:8px}.page-heading{font-size:21px;font-weight:800;letter-spacing:-.4px;margin:0}.topbar-right{display:flex;align-items:center;gap:20px}.today-chip{display:flex;gap:8px;align-items:center;color:#6f7a91;font-size:11px;background:#f8f9fd;border:1px solid #eef0f8;padding:9px 12px;border-radius:10px}.today-chip i{color:var(--primary)}.user-menu{display:flex;align-items:center;gap:10px}.avatar-circle{width:39px;height:39px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#eaeefe;color:#5c70c5;font-weight:800;font-size:17px}.user-meta strong,.user-meta small{display:block}.user-meta strong{font-size:11px}.user-meta small{color:var(--muted);font-size:10px;margin-top:2px}.logout-link{width:31px;height:31px;display:flex;align-items:center;justify-content:center;background:#fff3f3;color:#cf737b;border-radius:9px;margin-right:4px}.mobile-menu{display:none;border:0;background:#eef1ff;color:var(--primary);width:38px;height:38px;border-radius:11px}.content-area{padding:27px 32px;flex:1;min-width:0}.app-footer{display:flex;justify-content:space-between;gap:12px;padding:15px 32px 20px;color:#a0a9b9;font-size:10px}.app-footer i{color:#e6a0a9}.welcome-panel{min-height:215px;border-radius:22px;padding:28px 32px;background:linear-gradient(110deg,#6f83d4 0%,#8291dc 48%,#a5afe9 100%);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:space-between;color:#fff;box-shadow:0 12px 28px rgba(99,120,207,.18)}.welcome-copy{position:relative;z-index:2;max-width:600px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.1px;color:#aeb9ff;display:flex;align-items:center;gap:7px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#b8f2de;box-shadow:0 0 0 4px rgba(184,242,222,.16)}.welcome-panel h2{font-size:25px;font-weight:800;margin:12px 0 7px;letter-spacing:-.5px}.welcome-panel p{font-size:12px;color:rgba(255,255,255,.8);margin-bottom:21px}.btn{font-family:inherit;font-size:12px;font-weight:700;border-radius:10px;padding:10px 15px;transition:all .18s ease}.btn-primary{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 10px rgba(99,120,207,.1)}.btn-primary:hover,.btn-primary:focus{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-light{background:#f6f7fc;border-color:#f0f2f8;color:#62708a}.btn-light:hover{background:#eceffd;color:#5c6dc0;border-color:#e0e5fb}.btn-soft{background:rgba(255,255,255,.95);border:0;color:#5e70bf;padding:11px 17px}.btn-soft:hover{background:#fff;color:#4b5eae;transform:translateY(-1px)}.btn-outline-primary{border-color:#d8def9;color:#6378cf}.btn-outline-primary:hover{background:var(--primary);border-color:var(--primary)}.welcome-art{width:285px;height:190px;position:absolute;left:24px;top:10px;opacity:.95}.art-circle{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.25)}.circle-a{width:185px;height:185px;left:35px;top:3px}.circle-b{width:135px;height:135px;left:60px;top:28px;background:rgba(255,255,255,.09)}.art-document{position:absolute;left:102px;top:32px;width:94px;height:125px;border-radius:11px;background:rgba(255,255,255,.94);box-shadow:0 18px 30px rgba(53,69,149,.16);padding:22px 13px;color:#8190dc;transform:rotate(-7deg)}.art-document>i{font-size:26px;margin-bottom:12px}.art-document span{display:block;height:4px;background:#e3e7fb;border-radius:5px;margin-top:7px;width:100%}.art-document span:nth-of-type(2){width:75%}.art-document span:nth-of-type(3){width:58%}.art-document b{position:absolute;right:-9px;bottom:-6px;border:4px solid #fff;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff;background:#6cc0a7;font-size:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:3px 0 18px}.section-heading h2{font-size:17px;font-weight:800;margin:0 0 4px;letter-spacing:-.3px}.section-heading p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.text-link{font-size:11px;font-weight:800;color:var(--primary);white-space:nowrap}.stat-card,.panel-card{background:var(--surface);border:1px solid #edf0f7;border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:20px 22px;min-height:167px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(42,58,96,.08)}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}.stat-violet{background:var(--lavender-pale);color:var(--lavender)}.stat-blue{background:var(--blue-pale);color:var(--blue)}.stat-green{background:var(--mint-pale);color:var(--mint)}.stat-overline{font-size:10px;color:#adb5c5}.stat-number{font-size:29px;font-weight:800;letter-spacing:-.6px;margin-top:12px;line-height:1.2}.stat-label{font-size:12px;font-weight:800;margin-top:4px}.stat-hint{font-size:10px;color:#a0a8b8;margin-top:5px;line-height:1.7}.panel-card{padding:21px 22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:19px}.panel-heading h3{font-size:14px;font-weight:800;margin:0 0 4px}.panel-heading p{font-size:10px;color:var(--muted);margin:0;line-height:1.75}.empty-state,.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:29px 12px;color:var(--muted)}.empty-icon,.table-empty>i{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:#f2f4fc;color:#929fe0;font-size:21px;margin-bottom:12px}.empty-state strong,.table-empty strong{font-size:12px;color:#526079}.empty-state p,.table-empty span{font-size:10px;margin:6px 0 13px}.revenue-card{padding:23px 24px}.revenue-top{display:flex;align-items:center;justify-content:space-between}.badge-soft-green{background:var(--mint-pale);color:#56aa95;padding:6px 11px;border-radius:9px;font-size:10px}.revenue-label{font-size:12px;font-weight:700;color:#7c879c;margin:19px 0 5px}.revenue-value{font-size:28px;font-weight:800;letter-spacing:-.5px}.text-muted{color:#9aa4b6!important}.revenue-card .small{font-size:10px;line-height:1.8}.revenue-divider{border-top:1px dashed #e7ebf4;margin:19px 0 14px}.mini-summary{display:flex;justify-content:space-between;gap:15px}.mini-summary div span,.mini-summary div strong{display:block}.mini-summary span{font-size:10px;color:var(--muted)}.mini-summary strong{font-size:14px;margin-top:3px}.note-strip{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;background:#f0f5ff;border:1px solid #e6edff;border-radius:15px}.note-strip-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#e0e8ff;color:#6f84d5;border-radius:11px;flex:none}.note-strip strong{font-size:11px}.note-strip p{font-size:10px;color:#7d8aac;margin:4px 0 0;line-height:1.9}.app-table{font-size:11px;white-space:nowrap;margin:0}.app-table thead th{font-size:10px;font-weight:700;color:#a3adbf;background:#fafbfe;border-bottom:1px solid #eff1f7;padding:13px 14px}.app-table tbody td{padding:14px;border-bottom:1px solid #f0f2f7;color:#69758b}.app-table tbody tr:last-child td{border-bottom:0}.app-table tbody tr:hover{background:#fbfcff}.app-table tbody td strong{color:#3c4964;font-weight:700}.app-table tfoot th{padding:14px;background:#fafbff;font-size:11px}.app-table small{font-size:9px}.table-id{font-weight:800;color:#6378cf;font-size:11px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border-radius:8px;font-size:9px;font-weight:800;white-space:nowrap}.status-warning{background:#fff5e8;color:#ca985b}.status-info{background:#eaf5ff;color:#5e9cdb}.status-success{background:#e8f8f1;color:#49a88d}.status-secondary{background:#f0f2f7;color:#8a95a9}.status-large{font-size:11px;padding:9px 13px}.icon-link{width:27px;height:27px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f4f5fb;color:#99a4b8;font-size:10px}.app-alert{font-size:12px;border-radius:12px}.form-panel{padding:24px}.form-step-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;color:#7184d7;background:#eef1ff;border-radius:13px;font-size:18px;flex:none}.form-label{font-size:11px;font-weight:800;color:#5f6b82;margin-bottom:7px}.form-control,.form-select{border:1px solid #e4e9f2;border-radius:10px;padding:11px 13px;font-size:11px;color:#44516c;background-color:#fff;min-height:42px}.form-control:focus,.form-select:focus{border-color:#a9b5f0;box-shadow:0 0 0 3px rgba(99,120,207,.11)}.form-control::placeholder{color:#b0b8c7}.form-text{font-size:10px;color:#9aa4b6}.form-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:20px;padding-top:17px;border-top:1px solid #f0f2f7}.input-group-text{font-size:11px;border-color:#e4e9f2;background:#f7f8fc;color:#8994a8;border-radius:10px}.search-form{width:min(360px,100%)}.search-form .form-control{min-width:0}.search-form .input-group-text{border-radius:0 10px 10px 0}.search-form .form-control{border-radius:0}.search-form .btn{border-radius:10px 0 0 10px;padding-inline:12px}.count-pill{font-size:9px;font-weight:800;background:#eff1ff;color:#7182d1;padding:4px 8px;border-radius:7px;vertical-align:middle;margin-right:4px}.client-cell{display:flex;align-items:center;gap:9px}.table-avatar{width:31px;height:31px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#f0f2ff;color:#7787d0;font-weight:800;font-size:13px;flex:none}.table-actions{display:flex;align-items:center;gap:5px}.table-actions form{display:inline-flex}.icon-btn{border:1px solid #edf0f6;background:#fff;border-radius:8px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:#8a97ae;font-size:11px}.icon-btn:hover{background:#f0f2ff;color:var(--primary);border-color:#e0e5ff}.danger-icon,.danger-text{color:#d47d85}.danger-icon:hover,.danger-text:hover{background:#fff0f0;color:#c65c67}.table-empty{padding:35px 10px}.table-empty>i{font-size:19px}.catalog-card{height:100%;background:#fff;border:1px solid #edf0f7;border-radius:17px;padding:20px;box-shadow:var(--shadow);transition:transform .2s}.catalog-card:hover{transform:translateY(-2px)}.catalog-card-top{display:flex;justify-content:space-between;align-items:center}.catalog-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;background:#edf1ff;color:#7a8cda;border-radius:13px;font-size:18px}.catalog-card h3{font-size:14px;font-weight:800;margin:19px 0 4px}.catalog-card p{font-size:10px;color:var(--muted);margin:0}.catalog-price{font-size:22px;font-weight:800;color:#4c5ea9;margin-top:4px}.catalog-actions{border-top:1px solid #f0f2f7;margin-top:17px;padding-top:14px;display:flex;gap:8px}.catalog-actions form{display:flex}.expense-admin-card{display:flex;align-items:flex-start;gap:13px;padding:18px;background:#fff;border:1px solid #edf0f7;border-radius:16px;box-shadow:var(--shadow);height:100%}.expense-admin-icon{width:40px;height:40px;border-radius:12px;background:#fff4e8;color:#dca76b;display:flex;align-items:center;justify-content:center;flex:none}.expense-admin-main{flex:1;min-width:0}.expense-admin-main h3{font-size:12px;font-weight:800;margin:2px 0 7px}.expense-admin-price{font-size:17px;font-weight:800;color:#5266bb}.expense-admin-main small{display:block;color:#a4adbd;font-size:9px;margin-top:6px}.expense-admin-actions{display:flex;flex-direction:column;gap:5px}.expense-admin-actions form{display:flex}.workflow-banner{border:1px solid #e8edfa;border-radius:17px;background:#fff;padding:18px 22px;margin-bottom:20px}.workflow-steps{display:flex;align-items:center;justify-content:space-between;gap:7px}.workflow-step{display:flex;align-items:center;gap:8px;min-width:0;opacity:.65}.workflow-step.done,.workflow-step.current{opacity:1}.workflow-step>span{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f0f2f8;color:#99a5bd;font-size:11px;font-weight:800;flex:none}.workflow-step.done>span{background:#e5f7f0;color:#54b198}.workflow-step.current>span{background:#eef0ff;color:#677bd0}.workflow-step strong,.workflow-step small{display:block;white-space:nowrap}.workflow-step strong{font-size:10px}.workflow-step small{font-size:9px;color:#a0aabc;margin-top:3px}.workflow-connector{height:2px;background:#e9edf5;flex:1;max-width:65px}.workflow-connector.done{background:#a3dacb}.workflow-banner>p{margin:17px 0 0;border-top:1px solid #f0f2f8;padding-top:12px;color:#9aa4b7;font-size:10px}.workflow-banner>p i{color:#8292d9}.invoice-card{padding:27px 28px}.invoice-heading{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #edf0f6;gap:12px}.invoice-brand{display:flex;align-items:center;gap:12px}.invoice-brand-mark{width:49px;height:49px;display:flex;align-items:center;justify-content:center;background:var(--primary-pale);color:var(--primary);border-radius:15px;font-size:22px}.invoice-brand h3{font-size:15px;font-weight:800;margin:0 0 5px}.invoice-brand p,.invoice-brand small{display:block;color:#8f9aaf;font-size:9px;margin:0;line-height:1.8}.invoice-ref{text-align:left}.invoice-ref small,.invoice-ref strong,.invoice-ref span{display:block}.invoice-ref small{font-size:9px;color:#a2acbd}.invoice-ref strong{font-size:17px;color:#6378cf;margin:3px 0}.invoice-ref span{font-size:10px;color:#8e9ab0}.invoice-ribbon{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 14px;font-size:11px;font-weight:800}.invoice-ribbon>span:first-child{position:relative;padding-right:12px}.invoice-ribbon>span:first-child:before{content:'';position:absolute;right:0;top:2px;bottom:2px;width:3px;border-radius:3px;background:#8795df}.invoice-ribbon small{font-size:9px;color:#9ca7b9;font-weight:500}.client-info-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px;padding:15px 17px;background:#fafbfe;border:1px solid #f0f2f7;border-radius:13px}.client-info-grid small,.client-info-grid strong{display:block}.client-info-grid small{font-size:9px;color:#9ba6b8;margin-bottom:5px}.client-info-grid strong{font-size:11px;color:#4d5a72;word-break:break-word}.invoice-table{font-size:11px}.invoice-table thead th{font-size:9px;color:#9fa9ba;background:#f8f9fd;border-bottom:1px solid #edf0f6;padding:11px}.invoice-table td{padding:13px 11px;border-bottom:1px solid #f0f2f7;color:#647089}.line-type{font-size:9px;color:#7181d2;background:#eef1ff;padding:4px 7px;border-radius:6px}.line-type-expense{background:#fff3e4;color:#d3a064}.remove-line-btn{border:0;background:#fff1f1;color:#d37d84;border-radius:5px;width:20px;height:20px;margin-right:5px;font-size:9px}.invoice-total-block{width:min(330px,100%);margin:18px 0 12px auto}.invoice-total-block>div{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:10px;color:#8a96ab}.invoice-total-block strong{font-size:11px;color:#58647a}.invoice-total-block .grand-total{margin-top:6px;padding:13px 15px;background:#eff2ff;border-radius:11px;color:#5267bd;font-size:12px}.invoice-total-block .grand-total strong{font-size:17px;color:#5267bd}.invoice-notes{margin-top:17px;padding:13px 15px;border:1px dashed #e1e6f1;border-radius:10px}.invoice-notes strong{font-size:10px}.invoice-notes p{font-size:10px;color:#758198;line-height:1.8;margin:7px 0 0}.invoice-signatures{display:flex;justify-content:space-between;padding:23px 15px 7px;color:#929db0;font-size:9px}.invoice-signatures div{min-width:110px;border-top:1px solid #e5e9f1;padding-top:9px}.invoice-footnote{text-align:center;color:#a8b1bf;font-size:9px;border-top:1px dashed #e9edf3;padding-top:14px;margin-top:15px}.action-panel{padding:21px}.state-explain{display:flex;align-items:flex-start;gap:11px;padding:13px;border-radius:12px;margin-bottom:14px}.state-explain>i{font-size:17px;margin-top:2px}.state-explain strong{font-size:11px;display:block}.state-explain p{font-size:9px;line-height:1.8;margin:4px 0 0}.state-warning{background:#fff8ee;color:#bd9258}.state-info{background:#eff7ff;color:#5f9bd1}.state-success{background:#ebf8f3;color:#54a88e}.soft-hr{border-color:#edf0f5;opacity:1;margin:19px 0}.subform-heading strong,.subform-heading small{display:block}.subform-heading strong{font-size:11px}.subform-heading small{font-size:9px;color:#a0a9b9;margin:3px 0 10px}.detail-mini-card h3{font-size:12px;font-weight:800;margin-bottom:14px}.detail-mini-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f1f3f8;font-size:10px}.detail-mini-row:last-child{border:0}.detail-mini-row span{color:#9ba6b8}.detail-mini-row strong{font-weight:700;color:#66728a}.back-link{font-size:10px;color:#8995ac}.mini-stat-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #edf0f7;background:#fff;border-radius:15px;box-shadow:var(--shadow);color:var(--ink);transition:all .15s}.mini-stat-card:hover,.mini-stat-active{border-color:#d6defc;background:#fafbff}.mini-stat-card>div:nth-child(2){flex:1}.mini-stat-card span,.mini-stat-card strong{display:block}.mini-stat-card span{font-size:10px;color:#8995ab}.mini-stat-card strong{font-size:20px;margin-top:2px}.mini-stat-arrow{font-size:10px;color:#b1bbd0}.filter-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-2px 0 14px}.filter-label{font-size:10px;color:#8f9bb0;margin-left:4px}.filter-chip{padding:7px 12px;background:#f7f8fc;color:#8a96ac;border-radius:8px;font-size:10px;font-weight:700}.filter-chip.active{background:#edf0ff;color:#6176cf}.form-section-label{display:flex;align-items:center;gap:10px;margin:19px 0 14px}.form-section-label>span{width:29px;height:29px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#edf0ff;color:#7183d7;font-size:10px;font-weight:800}.form-section-label strong,.form-section-label small{display:block}.form-section-label strong{font-size:12px}.form-section-label small{font-size:9px;color:#9ba6b9;margin-top:2px}.price-hint{display:flex;align-items:center;gap:7px;font-size:10px;color:#929db0;margin-top:8px}.price-hint strong{color:#6578cd}.expense-button-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.expense-button-wrap{min-width:0}.expense-pick-button{width:100%;position:relative;display:grid;grid-template-columns:37px 1fr;grid-template-rows:auto auto;gap:2px 10px;text-align:right;align-items:center;padding:12px 12px;border:1px solid #e7ebf5;border-radius:13px;background:#fff;color:#596680;transition:all .15s;font-family:inherit;min-height:76px}.expense-pick-button:hover{border-color:#cbd4fa;background:#fafbff}.expense-pick-button.expense-selected{border-color:#8798e5;background:#f0f2ff;box-shadow:0 0 0 2px rgba(99,120,207,.07)}.expense-pick-check{position:absolute;top:7px;left:7px;width:17px;height:17px;border-radius:5px;border:1px solid #dce2ef;color:transparent;display:flex;align-items:center;justify-content:center;font-size:9px}.expense-selected .expense-pick-check{background:#7185d7;color:#fff;border-color:#7185d7}.expense-pick-icon{grid-row:span 2;width:36px;height:36px;border-radius:11px;background:#fff5e9;color:#d4a269;display:flex;align-items:center;justify-content:center}.expense-pick-name{font-size:10px;font-weight:800;padding-left:6px;line-height:1.5}.expense-pick-button>strong{font-size:10px;color:#6a7bc7}.manual-expense-box{display:flex;align-items:flex-start;gap:12px;background:#fafbfe;border:1px dashed #dce3f0;border-radius:13px;padding:13px}.manual-expense-icon{width:35px;height:35px;border-radius:10px;background:#eaf7f3;color:#62b6a1;display:flex;align-items:center;justify-content:center;flex:none}.manual-expense-content{flex:1;min-width:0}.manual-expense-content>strong,.manual-expense-content>small{display:block}.manual-expense-content>strong{font-size:10px}.manual-expense-content>small{font-size:9px;color:#9aa5b7;margin:3px 0 6px}.operation-create-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;padding:18px 0 0;border-top:1px solid #eef0f6}.operation-create-bottom>div span,.operation-create-bottom>div strong,.operation-create-bottom>div small{display:block}.estimated-total{font-size:20px;font-weight:800;color:#5c70c7;margin:2px 0}.operation-create-bottom>div small{font-size:9px;color:#9da7b8}.empty-inline{padding:12px;background:#fafbfe;border-radius:10px;color:#9ba5b8;font-size:10px}.role-pill{font-size:9px;font-weight:800;padding:5px 8px;border-radius:7px;background:#f0f2f7;color:#7f8ba2}.role-admin{background:#eef0ff;color:#6c7fcf}.report-filter{display:flex;align-items:flex-end;gap:14px}.report-filter>div{width:210px}.report-filter .form-control{min-height:41px}.report-filter-btn{width:auto!important}.report-stat{height:100%;padding:21px;border:1px solid #edf0f7;border-radius:16px;background:#fff;box-shadow:var(--shadow)}.report-stat span,.report-stat strong,.report-stat small{display:block}.report-stat span{color:#8e9bb0;font-size:10px}.report-stat strong{font-size:21px;font-weight:800;color:#4e5c78;margin:7px 0}.report-stat small{color:#a7b0bf;font-size:9px}.report-stat-main{background:linear-gradient(120deg,#f0f2ff,#fff);border-color:#e8ebff}.report-stat-main strong{color:#5c70c5}.report-progress{height:6px;background:#f0f2f8;max-width:150px;border-radius:10px;margin-bottom:5px}.report-progress .progress-bar{background:linear-gradient(90deg,#7c8ddd,#a9b3ed);border-radius:10px}.settings-info-card{height:100%;padding:25px}.settings-info-icon{width:49px;height:49px;display:flex;align-items:center;justify-content:center;background:#eef2ff;color:#7385d8;border-radius:15px;font-size:20px;margin-bottom:16px}.settings-info-card h3{font-size:14px;font-weight:800}.settings-info-card p{font-size:11px;color:#8f9ab0;line-height:2}.settings-info-card ul{padding:0;list-style:none;margin:20px 0}.settings-info-card li{font-size:10px;color:#78859d;margin:11px 0}.settings-info-card li i{color:#63bba6;margin-left:9px}.settings-callout{display:flex;align-items:flex-start;gap:9px;padding:12px;background:#fff8ed;border-radius:11px;color:#b78d5b;font-size:10px;line-height:1.8}.settings-callout i{margin-top:3px}.login-body{min-height:100vh;background:linear-gradient(135deg,#f1f4ff 0%,#f8f9fd 52%,#eef8f6 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.login-decoration{position:fixed;border-radius:50%;filter:blur(1px);pointer-events:none}.decor-one{width:390px;height:390px;right:-140px;top:-120px;background:rgba(130,148,230,.12)}.decor-two{width:450px;height:450px;left:-190px;bottom:-240px;background:rgba(101,190,164,.12)}.login-wrap{width:min(460px,calc(100% - 30px));position:relative;z-index:2;padding:28px 0}.login-card{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(56,71,123,.12);border-radius:25px;padding:35px 39px 30px}.login-mark{margin:0 auto;display:flex;width:59px;height:59px;border-radius:18px;font-size:24px}.login-mark span{display:none}.login-title{font-size:23px;font-weight:800;margin:7px 0 9px}.login-card>p{font-size:11px}.input-icon-wrap{position:relative}.input-icon-wrap>i{position:absolute;right:14px;top:14px;color:#9da8bd;z-index:2;font-size:13px}.input-icon-wrap .form-control{padding-right:40px;min-height:46px}.login-foot{border-top:1px solid #eef0f6;margin-top:25px;padding-top:17px;text-align:center;color:#9ba5b7;font-size:10px}.login-foot i{color:#79bda9}.login-copyright{text-align:center;color:#a3adbd;font-size:10px;margin:19px 0 0}.alert{border-radius:11px;font-size:11px}
@media(max-width:1199px){.content-area{padding:24px}.topbar{padding-inline:24px}.sidebar{width:235px}.main-area{margin-right:235px}.expense-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-art{left:-25px;opacity:.55}}
@media(max-width:991px){.sidebar{transform:translateX(100%);box-shadow:none}.sidebar.sidebar-open{transform:translateX(0);box-shadow:0 0 0 9999px rgba(38,49,77,.25),8px 0 32px rgba(38,49,77,.12)}.main-area{margin-right:0}.mobile-menu{display:inline-flex;align-items:center;justify-content:center}.topbar{height:80px}.welcome-panel{padding:25px}.welcome-art{left:-75px;opacity:.33}.workflow-step strong{white-space:normal}.workflow-connector{max-width:25px}}
@media(max-width:767px){.topbar{padding:13px 15px;height:auto;min-height:76px}.page-heading{font-size:17px}.breadcrumb-small{font-size:9px}.today-chip{display:none}.user-meta{display:none}.logout-link{margin-right:0}.content-area{padding:17px 13px}.app-footer{padding:14px;flex-direction:column}.welcome-panel{min-height:210px;padding:22px 19px}.welcome-panel h2{font-size:22px;max-width:85%}.welcome-panel p{max-width:80%;font-size:11px;line-height:1.9}.welcome-art{left:-115px;opacity:.22}.section-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:15px}.section-heading>.btn{width:100%}.section-heading p{max-width:100%}.section-heading .search-form{width:100%}.panel-card{padding:16px 13px;border-radius:15px}.panel-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:13px}.panel-heading .search-form{width:100%}.stat-card{padding:15px;min-height:147px}.stat-number{font-size:25px}.stat-icon{width:39px;height:39px;border-radius:12px;font-size:16px}.stat-hint{font-size:9px}.expense-button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.expense-pick-button{padding:11px 8px;grid-template-columns:31px 1fr;gap:2px 7px}.expense-pick-icon{width:31px;height:31px}.expense-pick-name{font-size:9px}.expense-pick-button>strong{font-size:9px}.manual-expense-box{padding:10px}.operation-create-bottom{align-items:stretch;flex-direction:column}.operation-create-bottom .btn{width:100%}.workflow-banner{padding:15px}.workflow-steps{align-items:flex-start}.workflow-step{flex-direction:column;text-align:center;flex:1;gap:6px}.workflow-step>span{margin:auto}.workflow-step strong{font-size:9px}.workflow-step small{white-space:normal;font-size:8px}.workflow-connector{margin-top:14px;min-width:9px}.client-info-grid{grid-template-columns:1fr;gap:11px}.invoice-card{padding:17px 13px}.invoice-brand{gap:8px}.invoice-brand-mark{width:39px;height:39px;border-radius:12px;font-size:17px}.invoice-brand h3{font-size:12px}.invoice-brand p,.invoice-brand small{font-size:8px}.invoice-ref strong{font-size:13px}.invoice-ref small,.invoice-ref span{font-size:8px}.invoice-total-block{width:100%}.report-filter{align-items:stretch;flex-direction:column}.report-filter>div{width:100%}.report-filter-btn .btn{width:100%}.login-card{padding:30px 23px}.login-title{font-size:21px}.form-panel{padding:18px 14px}.form-actions .btn{flex:1}.table-responsive{margin-inline:-13px;padding-inline:0}.app-table thead th,.app-table tbody td{padding:12px 11px}.expense-admin-card{padding:14px}.expense-admin-price{font-size:15px}.mini-stat-card{padding:10px;gap:8px}.mini-stat-card .stat-icon{width:34px;height:34px;font-size:14px}.mini-stat-card span{font-size:9px}.mini-stat-card strong{font-size:17px}.filter-chip{padding:7px 9px}.filter-label{width:100%}}

/* مكتب القدس: تباين أعلى وخطوط أوضح وواجهة اختيار الخدمة والمصاريف */
:root{--ink:#202b43;--muted:#56647b;--line:#dce4f0;--primary:#4169e1;--primary-dark:#2e55c4;--primary-pale:#eaf0ff;--blue:#3978bd;--blue-pale:#eaf4ff;--mint:#2d917a;--mint-pale:#e5f6f0;--lavender:#7663c6;--lavender-pale:#f0edff;--orange:#b8792e;--orange-pale:#fff1df;--shadow:0 8px 26px rgba(31,48,83,.08)}
body{font-size:15px;color:#202b43}
.sidebar-brand strong{font-size:22px;font-weight:900;letter-spacing:0}
.sidebar-brand small{font-size:12px;color:#52617a;font-weight:700}
.sidebar-caption{font-size:12px;color:#5b6981;letter-spacing:0}
.nav-item{font-size:14px;font-weight:700;color:#46546d;min-height:48px}
.nav-item>i{color:#6d7b94}
.breadcrumb-small{font-size:12px;color:#5c6a82;font-weight:700}
.page-heading{font-size:24px;color:#202b43;font-weight:900}
.today-chip{font-size:13px;color:#43516a;font-weight:700}
.user-meta strong{font-size:13px;color:#202b43}.user-meta small{font-size:11px;color:#5b6981}
.content-area{padding-top:28px}
.section-heading h2{font-size:21px;color:#202b43;font-weight:900}
.section-heading p{font-size:13px;color:#56647b;font-weight:600}
.panel-card{border-color:#dfe6f1;box-shadow:0 7px 23px rgba(37,54,90,.065)}
.panel-heading h3{font-size:17px;color:#26334c;font-weight:900}
.panel-heading p{font-size:12.5px;color:#58677f;font-weight:600}
.form-label{font-size:14px;font-weight:900;color:#29364f}
.form-control,.form-select{font-size:14px;color:#27344d;border-color:#cbd5e4;min-height:48px;padding:12px 14px}
.form-control::placeholder{color:#758198;opacity:1}
.form-control:focus,.form-select:focus{border-color:#7894ed;box-shadow:0 0 0 3px rgba(65,105,225,.14)}
.form-text{font-size:12px;color:#56647b;font-weight:600}
.btn{font-size:14px;font-weight:800}
.text-muted{color:#56647b!important}
.app-table{font-size:13px;color:#2b3851}.app-table thead th{font-size:12px;color:#46546d;font-weight:900}.app-table tbody td{color:#344159}
.small,.small-text{font-size:12px}
.form-section-label{margin:22px 0 14px;gap:12px}
.form-section-label>span{width:34px;height:34px;font-size:13px;background:#e7eeff;color:#2e55c4}
.form-section-label strong{font-size:16px;color:#26334c;font-weight:900}
.form-section-label small{font-size:12px;color:#56647b;font-weight:600}
.selection-panel{height:100%;border:1px solid #d9e3f1;border-radius:17px;background:#fff;padding:19px;box-shadow:0 5px 18px rgba(30,52,91,.055)}
.service-selection-panel{border-top:4px solid #4169e1}
.expense-selection-panel{border-top:4px solid #37a48c}
.selection-panel-heading{display:flex;align-items:center;gap:11px;margin-bottom:17px;min-width:0}
.selection-panel-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:14px;flex:none;font-size:20px}
.service-panel-icon{background:#eaf0ff;color:#3159c3}
.expense-panel-icon{background:#e5f6f0;color:#21866f}
.selection-panel-title{min-width:0;flex:1}
.selection-panel-title h3{margin:0 0 4px;font-size:17px;line-height:1.5;color:#202b43;font-weight:900}
.selection-panel-title p{margin:0;font-size:12px;line-height:1.7;color:#586780;font-weight:600}
.selection-manage-link{font-size:12px;font-weight:900;color:#3159c3;white-space:nowrap;background:#eef2ff;border-radius:9px;padding:8px 10px}
.selection-manage-link:hover{background:#dfe7ff;color:#2548a8}
.service-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.service-button-wrap{min-width:0}
.service-pick-button{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 10px;align-items:center;width:100%;min-height:91px;padding:14px 35px 13px 13px;border:1.5px solid #d8e1ef;border-radius:13px;background:#fff;color:#27344d;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.service-pick-button:hover{border-color:#9db2f3;background:#f8faff}
.service-pick-button:has(.service-radio:checked){border-color:#4169e1;background:#edf2ff;box-shadow:0 0 0 2px rgba(65,105,225,.11)}
.service-radio{position:absolute;left:12px;top:13px;width:19px;height:19px;margin:0;accent-color:#3159c3;cursor:pointer}
.service-pick-icon{grid-row:span 2;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#eaf0ff;color:#3159c3;font-size:19px}
.service-pick-name{display:block;min-width:0;font-size:13.5px;font-weight:900;line-height:1.55;color:#25324a;overflow-wrap:anywhere}
.service-pick-price{display:block;font-size:13px;font-weight:900;color:#244da9;line-height:1.5}
.price-hint{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:15px;padding:11px 12px;border-radius:10px;background:#f0f4ff;color:#43516b;font-size:13px;font-weight:700}
.price-hint i{color:#3159c3;font-size:15px}.price-hint strong{font-size:15px;color:#244da9;font-weight:900}
.expense-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.expense-pick-button{min-height:91px;padding:14px 12px;grid-template-columns:40px minmax(0,1fr);gap:4px 10px;border:1.5px solid #dbe5e5;border-radius:13px;color:#27344d}
.expense-pick-button:hover{border-color:#8ccdbb;background:#f7fcfa}
.expense-pick-button.expense-selected{border-color:#2d9b82;background:#e8f7f1;box-shadow:0 0 0 2px rgba(45,155,130,.12)}
.expense-pick-check{width:20px;height:20px;top:8px;left:8px;border:1.5px solid #acbac9;background:#fff;font-size:11px}
.expense-selected .expense-pick-check{background:#21866f;color:#fff;border-color:#21866f}
.expense-pick-icon{width:40px;height:40px;background:#fff1df;color:#a66a20;border-radius:12px;font-size:17px}
.expense-pick-name{padding-left:12px;font-size:13px;font-weight:900;line-height:1.55;color:#27344d;overflow-wrap:anywhere}
.expense-pick-button>strong{padding-left:12px;font-size:13px;font-weight:900;color:#176b58;line-height:1.5}
.empty-inline{font-size:12px;color:#56647b;background:#f7f9fc;padding:14px;border:1px dashed #ccd7e6}
.manual-expense-box{background:#f7f9fc;border-color:#c8d4e4;padding:16px}
.manual-expense-content>strong{font-size:14px;font-weight:900;color:#29364f}
.manual-expense-content>small{font-size:12px;color:#56647b;font-weight:600}
.operation-create-bottom{border-top-color:#dbe3ef;padding-top:18px}
.operation-create-bottom>div span{font-size:13px;color:#53617a;font-weight:700}
.estimated-total{font-size:25px;color:#244da9}
.operation-create-bottom>div small{font-size:12px;color:#56647b;font-weight:600}
.login-title{font-weight:900}.login-copyright{font-size:13px;color:#4f5d75;font-weight:700}
@media(max-width:1199px){.selection-panel{padding:17px}.selection-panel-heading{align-items:flex-start;flex-wrap:wrap}.selection-manage-link{margin-right:57px;margin-top:-4px}}
@media(max-width:767px){.page-heading{font-size:20px}.section-heading h2{font-size:19px}.selection-panel{padding:15px}.selection-panel-icon{width:40px;height:40px;font-size:18px}.selection-panel-title h3{font-size:16px}.selection-panel-title p{font-size:12px}.selection-manage-link{font-size:11px;padding:7px 8px;margin-right:51px}.service-button-grid,.expense-button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-pick-button,.expense-pick-button{min-height:92px;padding-top:14px;padding-bottom:12px}.service-pick-name,.expense-pick-name{font-size:12px}.service-pick-price,.expense-pick-button>strong{font-size:12px}.service-pick-icon,.expense-pick-icon{width:35px;height:35px;font-size:15px}.service-pick-button{grid-template-columns:35px minmax(0,1fr);gap:4px 7px;padding-right:30px;padding-left:8px}.service-radio{width:17px;height:17px;top:10px;left:8px}.expense-pick-button{grid-template-columns:35px minmax(0,1fr);gap:4px 7px;padding-right:8px;padding-left:8px}.expense-pick-name,.expense-pick-button>strong{padding-left:8px}.expense-pick-check{width:18px;height:18px;top:6px;left:6px}.form-label{font-size:13px}}
@media print{@page{size:A4;margin:12mm}body,.app-body{background:#fff!important;color:#222!important;font-size:11px}.sidebar,.topbar,.app-footer,.no-print,.app-alert,.section-heading,.workflow-banner,.action-panel,.detail-mini-card{display:none!important}.main-area{margin:0!important;width:100%!important}.content-area{padding:0!important}.row{display:block!important}.row>.col-12,.row>.col-xl-8{width:100%!important;max-width:100%!important;padding:0!important}.invoice-card{border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}.invoice-heading{padding-bottom:15px}.invoice-brand h3{font-size:17px}.invoice-table{font-size:11px}.invoice-table thead th{background:#f1f1f1!important;print-color-adjust:exact}.client-info-grid{background:#f8f8f8!important;print-color-adjust:exact}.invoice-total-block .grand-total{background:#eee!important;color:#222!important;print-color-adjust:exact}.invoice-total-block .grand-total strong{color:#222!important}.invoice-footnote{color:#555}.invoice-signatures{margin-top:24px}.invoice-ribbon{margin-top:16px}.invoice-table tr{break-inside:avoid}.remove-line-btn{display:none!important}}