*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f2f2f1;--surface: #ffffff;--border: #e5dac5;--border-soft: #f0ebe2;--text: #181719;--muted: #8a7b8d;--accent: #74bae1;--accent-h: #4a96c8;--accent-dark: #2e6fa0;--accent-light: #eef6fc;--red: #2e6fa0;--red-light: #fde8ee;--red-border: #f4a7bb;--green: #4eada2;--green-light: #eaf7f5;--green-border: #9ddad0;--yellow: #7a6fb0;--yellow-light: #f0eef8;--yellow-border: #c4bde0;--blue: #4a96c8;--blue-light: #eef6fc;--blue-border: #74bae1;--sand: #e5dac5;--sand-light: #f7f3ec;--teal: #9ddad0;--sage: #c1d9c1;--lavender: #998dc0;--radius: 12px;--shadow-sm: 0 1px 3px rgba(24,23,25,.06), 0 1px 2px rgba(24,23,25,.04);--shadow: 0 2px 8px rgba(24,23,25,.08), 0 1px 3px rgba(24,23,25,.05);--shadow-md: 0 6px 20px rgba(24,23,25,.12)}html,body{height:100%;font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif}body{background:var(--bg);color:var(--text);direction:rtl;line-height:1.55;-webkit-font-smoothing:antialiased}#root{min-height:100%}.layout{display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:30;background:#181719;border-bottom:1px solid #2e2b30;box-shadow:0 1px 6px #1817192e;padding:0 1.5rem;height:58px;display:flex;align-items:center;justify-content:space-between}.topbar-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}.topbar-logo{height:32px;width:auto;object-fit:contain}.topbar-brand-text{font-size:1.05rem;font-weight:700;color:var(--accent);letter-spacing:.2px}.topbar-nav{display:flex;align-items:center;gap:.2rem}.nav-tab{padding:.38rem 1rem;border-radius:8px;font-size:.88rem;color:#b09ab8;text-decoration:none;font-weight:500;transition:background .15s,color .15s}.nav-tab:hover{background:#2e2b30;color:#f2f2f1}.nav-tab-active{background:#74bae126;color:var(--accent);font-weight:600}.topbar-user{font-size:.82rem;color:#b09ab8;display:flex;align-items:center;gap:.75rem}.page{flex:1;max-width:1080px;width:100%;margin:0 auto;padding:2rem 1.25rem 4rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;flex-wrap:wrap;gap:.75rem}.page-title{font-size:1.35rem;font-weight:700;color:var(--text);line-height:1.2}.page-sub{font-size:.82rem;color:var(--muted);margin-top:.2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm)}.input{width:100%;background:#fff;border:1.5px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .85rem;font-size:.92rem;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #74bae133}.input::placeholder{color:#c9bfc5}label.lbl{display:block;font-size:.78rem;color:var(--muted);margin-bottom:.35rem;font-weight:500}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.52rem 1.15rem;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:#fff;color:var(--text);transition:background .15s,border-color .15s;white-space:nowrap}.btn:hover{background:var(--sand-light);border-color:var(--sand)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-h);border-color:var(--accent-h)}.btn-danger{color:var(--red);border-color:var(--red-border);background:var(--red-light)}.btn-danger:hover{background:#fce4ed;border-color:#d4809a}.btn-sm{padding:.32rem .75rem;font-size:.82rem}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--sand-light);border-color:var(--border);color:var(--text)}.badge{display:inline-block;padding:.22rem .7rem;border-radius:99px;font-size:.74rem;font-weight:600;white-space:nowrap}.badge-red{background:var(--red-light);color:var(--red);border:1px solid var(--red-border)}.badge-green{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.badge-yellow{background:var(--yellow-light);color:var(--yellow);border:1px solid var(--yellow-border)}.badge-muted{background:var(--sand-light);color:var(--muted);border:1px solid var(--border)}.badge-blue{background:var(--blue-light);color:var(--blue);border:1px solid var(--blue-border)}.tbl{width:100%;border-collapse:collapse;font-size:.9rem}.tbl th{text-align:right;padding:.7rem .9rem;color:var(--muted);font-weight:600;font-size:.78rem;letter-spacing:.3px;border-bottom:2px solid var(--border);background:var(--sand-light)}.tbl td{padding:.85rem .9rem;border-bottom:1px solid var(--border);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--accent-light)}.alert{padding:.85rem 1.1rem;border-radius:var(--radius);font-size:.88rem;display:flex;align-items:center;gap:.65rem}.alert-red{background:var(--red-light);border:1px solid var(--red-border);color:var(--red)}.alert-yellow{background:var(--yellow-light);border:1px solid var(--yellow-border);color:var(--yellow)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--border);border-radius:0 var(--radius) var(--radius) 0}.stat-card.s-red:before{background:var(--red)}.stat-card.s-yellow:before{background:var(--lavender)}.stat-card.s-blue:before{background:var(--blue)}.stat-card.s-green:before{background:var(--green)}.stat-val{font-size:1.9rem;font-weight:800;line-height:1}.stat-lbl{font-size:.78rem;color:var(--muted);margin-top:.45rem;font-weight:500}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2.25rem;width:100%;max-width:380px;box-shadow:var(--shadow-md)}.login-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.mob-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow-sm)}.mob-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding:.28rem 0;color:var(--muted)}.mob-row span:last-child{color:var(--text);font-weight:500}.cust-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.25rem}.cust-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem;box-shadow:var(--shadow-sm);transition:box-shadow .18s,transform .15s;display:flex;flex-direction:column}.cust-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.cust-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.85rem}.cust-name{font-size:1.05rem;font-weight:700;color:var(--text);line-height:1.3}.cust-amount{font-size:1.35rem;font-weight:800;color:var(--accent-dark);margin-bottom:.3rem}.cust-date{font-size:.8rem;color:var(--muted)}.cust-notes{font-size:.8rem;color:var(--muted);font-style:italic;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-soft)}.cust-actions{display:flex;gap:.5rem;margin-top:auto;padding-top:.85rem}.search-wrap{display:flex;gap:.5rem;align-items:center}.row-overdue td{background:#fdf4f7}.row-paid{opacity:.6}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-full{width:100%}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.text-muted{color:var(--muted)}.text-red{color:var(--red)}.text-green{color:var(--green)}.text-yellow{color:var(--yellow)}.hidden{display:none}@media(min-width:640px){.sm-block{display:block}.sm-hidden{display:none}}.grid-form{display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:640px){.grid-form{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.section-title{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;padding-bottom:.6rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.inv-root{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem 1rem 3rem;direction:rtl;font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif}.inv-paper{background:#fff;border-radius:16px;width:100%;max-width:620px;box-shadow:0 4px 24px #1817191f;overflow:hidden}.inv-header{background:#181719;color:#fff;padding:1.5rem 1.75rem;display:flex;align-items:center;gap:1rem}.inv-logo-img{height:52px;width:auto;object-fit:contain}.inv-brand{font-size:1.15rem;font-weight:700;color:var(--accent)}.inv-badge-type{font-size:.78rem;opacity:.75;margin-top:.2rem;color:#f2f2f1}.inv-number{margin-right:auto;font-size:.85rem;opacity:.6;font-variant-numeric:tabular-nums}.inv-banner{padding:.85rem 1.75rem;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.inv-banner-red{background:var(--red-light);color:var(--red);border-bottom:1px solid var(--red-border)}.inv-banner-yellow{background:var(--yellow-light);color:var(--yellow);border-bottom:1px solid var(--yellow-border)}.inv-body{padding:1.75rem}.inv-section{margin-bottom:1.25rem}.inv-section-label{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.6rem}.inv-customer-name{font-size:1.45rem;font-weight:800;color:var(--text);line-height:1.2}.inv-customer-phone{font-size:.88rem;color:var(--muted);margin-top:.35rem}.inv-divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.inv-rows{display:flex;flex-direction:column;gap:.6rem}.inv-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.inv-row-key{font-size:.85rem;color:var(--muted);flex-shrink:0}.inv-row-val{font-size:.92rem;color:var(--text);font-weight:500;text-align:left}.inv-amount-box{background:var(--green-light);border:1.5px solid var(--green-border);border-radius:12px;padding:1.1rem 1.4rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.35rem}.inv-amount-label{font-size:.88rem;color:var(--green);font-weight:600}.inv-amount-value{font-size:1.6rem;font-weight:800;color:#2e7d74}.inv-footer{background:var(--sand-light);border-top:1px solid var(--border);padding:1rem 1.75rem;text-align:center;font-size:.78rem;color:var(--muted)}.inv-print-btn{margin-top:1.5rem;text-align:center}.inv-btn-print{background:#181719;color:#fff;border:none;padding:.7rem 2rem;border-radius:10px;font-size:.92rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #18171940;transition:background .15s}.inv-btn-print:hover{background:#2e2b30}.rcpt-banner{background:var(--green-light);color:var(--green);border-bottom:2px solid var(--green-border);padding:1rem 1.75rem;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.65rem}.rcpt-check{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--green);color:#fff;border-radius:50%;font-size:.85rem;font-weight:800;flex-shrink:0}.rcpt-amount-box{background:var(--green-light);border:2px solid var(--green-border);border-radius:12px;padding:1.1rem 1.4rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.35rem}.rcpt-amount-label{font-size:.88rem;color:var(--green);font-weight:600}.rcpt-amount-value{font-size:1.6rem;font-weight:800;color:#2e7d74}@media print{.no-print{display:none!important}.inv-root{background:#fff!important;padding:0!important}.inv-paper{box-shadow:none!important;border-radius:0!important;max-width:100%!important}body{background:#fff!important}}.partners-list{display:flex;flex-direction:column;gap:16px}.partner-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.partner-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px;flex-wrap:wrap}.partner-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.partner-name{font-weight:700;font-size:1.05rem;color:var(--text)}.partner-phone{color:var(--muted);font-size:.88rem;direction:ltr}.partner-pct-badge{background:var(--accent-light);color:var(--accent-dark);border:1px solid var(--blue-border);border-radius:20px;padding:2px 12px;font-size:.82rem;font-weight:700}.partner-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.partner-unpaid-badge{background:var(--red-light);color:var(--red);border:1px solid var(--red-border);border-radius:20px;padding:3px 12px;font-size:.8rem;font-weight:600}.partner-payments-list{border-top:1px solid var(--border-soft);background:var(--bg)}.partner-payment-row{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 16px;gap:12px;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}.partner-payment-row:last-child{border-bottom:none}.ppr-paid{opacity:.75}.ppr-unpaid{background:#fff}.ppr-info{display:flex;flex-direction:column;gap:2px}.ppr-share{font-weight:700;font-size:1rem;color:var(--text)}.ppr-meta{font-size:.8rem;color:var(--muted)}.ppr-notes{font-size:.82rem;color:var(--text);opacity:.7}.ppr-date{font-size:.78rem;color:var(--muted);direction:ltr}.ppr-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ppr-badge{border-radius:20px;padding:2px 10px;font-size:.78rem;font-weight:600}.ppr-badge-paid{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.ppr-badge-unpaid{background:var(--yellow-light);color:var(--yellow);border:1px solid var(--yellow-border)}.ppr-paid-date{font-size:.75rem;color:var(--muted)}.partner-share-preview{display:flex;align-items:center;gap:10px;background:var(--green-light);border:1px solid var(--green-border);border-radius:8px;padding:10px 14px;margin:4px 0}.partner-share-label{font-size:.88rem;color:var(--muted)}.partner-share-value{font-weight:700;font-size:1.1rem;color:var(--green)}.loading-row,.empty-row{padding:16px;text-align:center;color:var(--muted);font-size:.9rem}.btn-danger{background:var(--red-light);color:var(--red);border-color:var(--red-border)}.btn-danger:hover{background:var(--red-border);color:#fff}.emp2-list{display:flex;flex-direction:column;gap:12px}.emp2-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .15s}.emp2-card:hover{box-shadow:0 2px 12px #0000000f}.emp2-card-inactive{opacity:.55;background:var(--bg)}.emp2-card-body{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.emp2-info{display:flex;flex-direction:column;gap:5px}.emp2-name{font-weight:700;font-size:1.08rem;color:var(--text)}.emp2-job-badge{display:inline-block;background:var(--accent-light);color:var(--accent-dark);border:1px solid var(--blue-border);border-radius:20px;padding:2px 12px;font-size:.8rem;font-weight:600;align-self:flex-start}.emp2-notes{font-size:.82rem;color:var(--muted)}.emp2-aside{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:130px}.emp2-salary{font-size:1.2rem;font-weight:800;color:var(--accent-dark);white-space:nowrap}.emp2-salary-lbl{font-size:.75rem;color:var(--muted)}.emp2-status{font-size:.78rem;font-weight:600;padding:2px 10px;border-radius:20px;margin-top:2px}.emp2-status-active{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.emp2-status-inactive{background:var(--border-soft);color:var(--muted);border:1px solid var(--border)}.emp2-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--border-soft);padding-top:10px}.emp2-edit-form{border-top:1px solid var(--border-soft);padding-top:12px;margin-top:2px}.emp2-add-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.filter-tab-count{display:inline-block;background:#00000014;border-radius:20px;padding:0 7px;font-size:.75rem;margin-right:4px}.filter-tab-active .filter-tab-count{background:#ffffff40}.emp-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.filter-tab{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.85rem;cursor:pointer;transition:all .15s}.filter-tab:hover{border-color:var(--accent);color:var(--accent)}.filter-tab-active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.empty-state{text-align:center;padding:48px 16px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state p{font-size:1rem;margin:0}.mb-5{margin-bottom:20px}@media(max-width:600px){.topbar{padding:0 .75rem;height:auto;flex-wrap:wrap;gap:0}.topbar-brand-text{font-size:.9rem}.topbar-nav{width:100%;overflow-x:auto;scrollbar-width:none;padding:.3rem 0;gap:.15rem}.topbar-nav::-webkit-scrollbar{display:none}.nav-tab{padding:.32rem .7rem;font-size:.78rem;white-space:nowrap;flex-shrink:0}.topbar-user{font-size:.75rem}.topbar-user span:first-child{display:none}.page{padding:1rem .75rem 5rem}.page-title{font-size:1.15rem}.stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-card{padding:.7rem .75rem}.stat-val{font-size:1.3rem!important}.stat-lbl{font-size:.7rem}.mb-5{margin-bottom:12px}.emp2-card{padding:12px;gap:8px}.emp2-card-body{flex-direction:column;gap:8px}.emp2-aside{flex-direction:row;align-items:center;justify-content:space-between;width:100%;border-top:1px solid var(--border-soft);padding-top:8px}.emp2-salary{font-size:1.05rem}.emp2-salary-lbl{display:none}.emp2-actions{gap:6px}.emp2-actions .btn-sm{flex:1;justify-content:center;font-size:.78rem;padding:.35rem .5rem}.emp2-add-box{padding:12px}.emp-toolbar{margin-bottom:10px}.filter-tabs{width:100%}.filter-tab{flex:1;justify-content:center;text-align:center;padding:6px 8px;font-size:.8rem}.filter-tab-count{font-size:.7rem}.page-header{margin-bottom:1rem}.page-header .btn{padding:.42rem .9rem;font-size:.82rem}.modal-form{display:flex;flex-direction:column;gap:8px}.form-row{flex-direction:row;gap:8px}.form-row .btn{flex:1;justify-content:center}.empty-state{padding:32px 16px}}.mobile-bottom-nav{display:none}@media(max-width:600px){.topbar-nav{display:none}.topbar{height:52px;padding:0 .9rem}.topbar-brand-text{font-size:.88rem}.topbar-logo{height:28px}.topbar-user span{display:none}.topbar-user .btn{padding:.28rem .65rem;font-size:.8rem}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#181719;border-top:1px solid #2e2b30;box-shadow:0 -2px 12px #00000040;padding-bottom:env(safe-area-inset-bottom,0px)}.mbn-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 4px 12px;text-decoration:none;color:#7a6b7e;transition:color .15s;min-width:0}.mbn-tab:hover{color:#b09ab8}.mbn-tab-active{color:var(--accent)}.mbn-tab-active .mbn-icon{background:#74bae126;border-radius:12px}.mbn-icon{font-size:1.5rem;line-height:1;width:40px;height:28px;display:flex;align-items:center;justify-content:center;transition:background .15s}.mbn-label{font-size:.72rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.page{padding-bottom:80px}}.btn-lang{font-size:.78rem;font-weight:700;padding:.28rem .65rem;border-color:#3a3540;background:#2e2b30;color:var(--accent);letter-spacing:.5px;min-width:36px;justify-content:center}.btn-lang:hover{background:#3a3540;border-color:var(--accent)}html[dir=ltr] body{direction:ltr}html[dir=ltr] .topbar{flex-direction:row-reverse}html[dir=ltr] .topbar-nav{flex-direction:row}html[dir=ltr] .topbar-user,html[dir=ltr] .page-header{flex-direction:row-reverse}html[dir=ltr] .stat-card:before{right:auto;left:0;border-radius:var(--radius) 0 0 var(--radius)}html[dir=ltr] .mobile-bottom-nav{direction:ltr}