:root{--primary:#0f766e;--primary-dark:#0e6661;--primary-light:#ccfbf1;--accent:#14b8a6;--sidebar-top:#0b1814;--sidebar-bottom:#050b09;--bg:#f9fafb;--text-primary:#111827;--text-secondary:#6b7280;--border:#e5e7eb;--white:#fff;--green:#10b981;--green-bg:#d1fae5;--teal:#0f766e;--teal-bg:#ccfbf1;--yellow:#f59e0b;--yellow-bg:#fef3c7;--red:#ef4444;--red-bg:#fee2e2;--blue:#3b82f6;--blue-bg:#dbeafe;--shadow:0 1px 3px #0000000f;--shadow-lg:0 4px 12px #00000014;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);direction:rtl;min-height:100vh;font-family:Segoe UI,Tahoma,Arial,sans-serif}#root{min-height:100vh;display:flex}.app-layout{width:100%;min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg, var(--sidebar-top) 0%, var(--sidebar-bottom) 100%);color:#fff;z-index:100;flex-direction:column;width:240px;display:flex;position:fixed;top:0;bottom:0;right:0}.sidebar-brand{text-align:center;border-bottom:1px solid #ffffff26;padding:24px 20px}.sidebar-brand h1{margin-bottom:4px;font-size:22px;font-weight:700}.sidebar-brand p{opacity:.8;font-size:11px}.sidebar-nav{flex-direction:column;flex:1 1 0;gap:4px;min-height:0;padding:16px 12px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff52}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}.nav-link{border-radius:var(--radius-sm);color:#fffc;align-items:center;gap:12px;padding:12px 16px;font-size:15px;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.active{background:var(--primary);color:#fff;font-weight:700;box-shadow:0 2px 8px #10b98140}.nav-link .icon{text-align:center;width:28px;font-size:20px}.main-content{flex:1;min-height:100vh;margin-right:240px;padding:24px 32px}.page-header{margin-bottom:24px}.page-header h2{color:var(--text-primary);margin-bottom:4px;font-size:24px}.page-header p{color:var(--text-secondary);font-size:14px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:20px}.status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.status-badge.green{background:var(--green-bg);color:var(--green)}.status-badge.yellow{background:var(--yellow-bg);color:var(--yellow)}.status-badge.red{background:var(--red-bg);color:var(--red)}.dashboard-total{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius);text-align:center;margin-bottom:20px;padding:28px}.dashboard-total h3{opacity:.9;margin-bottom:8px;font-size:14px;font-weight:400}.dashboard-total .amount{font-size:36px;font-weight:700}.status-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.status-card{border-radius:var(--radius);text-align:center;padding:20px}.status-card.green{background:var(--green-bg);border:1px solid var(--green)}.status-card.yellow{background:var(--yellow-bg);border:1px solid var(--yellow)}.status-card.red{background:var(--red-bg);border:1px solid var(--red)}.status-card .status-icon{margin-bottom:8px;font-size:28px}.status-card .status-label{margin-bottom:4px;font-size:13px}.status-card .status-count{margin-bottom:4px;font-size:28px;font-weight:700}.status-card .status-amount{opacity:.8;font-size:13px}.quick-actions{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:#059669}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light)}.btn-sm{padding:8px 14px;font-size:13px}.section-title{color:var(--text-primary);margin-bottom:12px;font-size:17px;font-weight:700}.today-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.today-stat{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:16px}.today-stat .label{color:var(--text-secondary);margin-bottom:6px;font-size:13px}.today-stat .value{font-size:22px;font-weight:700}.today-stat .count{color:var(--text-secondary);margin-top:2px;font-size:12px}.debtor-item{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.debtor-item:hover{background:var(--primary-light)}.debtor-item:last-child{border-bottom:none}.debtor-info{align-items:center;gap:12px;display:flex}.debtor-rank{background:var(--primary-light);width:28px;height:28px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.debtor-name{font-size:15px;font-weight:600}.debtor-phone{color:var(--text-secondary);text-align:right;direction:ltr;font-size:12px}.debtor-amount{color:var(--red);font-size:16px;font-weight:700}.search-bar{gap:12px;margin-bottom:16px;display:flex}.search-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--white);direction:rtl;flex:1;padding:12px 16px;font-family:inherit;font-size:15px}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0d94881a}.filter-chips{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.chip{border:1px solid var(--border);background:var(--white);cursor:pointer;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:14px;transition:all .2s}.chip:hover{border-color:var(--primary)}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.customer-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.customer-card{background:var(--white);cursor:pointer;border-right:3px solid #0000;border-radius:10px;padding:12px;font-size:13px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 3px #00000014}.customer-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.customer-card.green{border-right-color:var(--green)}.customer-card.yellow{border-right-color:var(--yellow)}.customer-card.red{border-right-color:var(--red)}.customer-card-header{justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:6px;display:flex}.customer-card-name{font-size:14px;font-weight:700;line-height:1.4}.customer-card-phone{color:var(--text-secondary);text-align:right;direction:ltr;margin-bottom:8px;font-size:11px}.customer-card-balance{justify-content:space-between;align-items:center;display:flex}.customer-card-balance .label{color:var(--text-secondary);font-size:11px}.customer-card-balance .value{color:var(--primary-dark);font-size:15px;font-weight:700}.progress-bar{background:var(--border);border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width .3s}.progress-bar-fill.green{background:var(--green)}.progress-bar-fill.yellow{background:var(--yellow)}.progress-bar-fill.red{background:var(--red)}.detail-header{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius);margin-bottom:20px;padding:28px}.detail-header-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.detail-name{font-size:22px;font-weight:700}.detail-phone{opacity:.85;text-align:right;direction:ltr;margin-bottom:20px;font-size:14px}.detail-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.detail-stat{text-align:center}.detail-stat .label{opacity:.85;margin-bottom:4px;font-size:12px}.detail-stat .value{font-size:22px;font-weight:700}.detail-actions{gap:12px;margin-bottom:20px;display:flex}.transaction-list{flex-direction:column;gap:0;display:flex}.transaction-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.transaction-item:last-child{border-bottom:none}.tx-info{align-items:center;gap:12px;display:flex}.tx-type-badge{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.tx-type-badge.credit{background:var(--red-bg);color:var(--red)}.tx-type-badge.payment{background:var(--green-bg);color:var(--green)}.tx-date{color:var(--text-secondary);font-size:12px}.tx-amount{font-size:16px;font-weight:700}.tx-amount.credit{color:var(--red)}.tx-amount.payment{color:var(--green)}.tx-verified{color:var(--green);margin-top:2px;font-size:11px}.back-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;font-family:inherit;font-size:14px;text-decoration:none;display:inline-flex}.back-btn:hover{text-decoration:underline}.form-page{max-width:600px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--white);direction:rtl;width:100%;padding:12px 16px;font-family:inherit;font-size:15px}.form-group input:focus,.form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0d94881a}.quick-amounts{gap:8px;margin-top:8px;display:flex}.quick-amount-btn{border:1px solid var(--border);background:var(--white);cursor:pointer;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:14px;transition:all .2s}.quick-amount-btn:hover,.quick-amount-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.success-modal{text-align:center;padding:40px 20px}.success-icon{margin-bottom:16px;font-size:64px}.success-message{color:var(--green);margin-bottom:24px;font-size:20px;font-weight:700}.risk-card{background:linear-gradient(135deg, var(--red), #b91c1c);color:#fff;border-radius:var(--radius);text-align:center;margin-bottom:20px;padding:28px}.risk-card h3{opacity:.9;margin-bottom:8px;font-size:14px}.risk-card .amount{margin-bottom:8px;font-size:32px;font-weight:700}.risk-card .count{opacity:.85;font-size:14px}.overview-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;display:grid}.overview-stat{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:20px}.overview-stat .value{color:var(--primary-dark);margin-bottom:4px;font-size:28px;font-weight:700}.overview-stat .label{color:var(--text-secondary);font-size:13px}.pledge-card{border-radius:var(--radius);background:#fffbeb;border:1px solid #f59e0b;margin-top:16px;padding:16px}.pledge-card h4{color:#b45309;margin-bottom:8px;font-size:14px}.pledge-card p{color:var(--text-primary);font-size:14px;line-height:1.8}.items-list{margin-bottom:16px}.item-row{background:var(--primary-light);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;display:flex}.item-name{font-weight:600}.item-details{color:var(--text-secondary);font-size:13px}.total-amount{text-align:center;background:var(--primary-light);border-radius:var(--radius);margin-bottom:16px;padding:20px}.total-amount .label{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.total-amount .value{color:var(--primary-dark);font-size:32px;font-weight:700}.customer-select-item{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.customer-select-item:hover,.customer-select-item.selected{border-color:var(--primary);background:var(--primary-light)}.empty-state{text-align:center;color:var(--text-secondary);padding:40px}.empty-state .icon{margin-bottom:12px;font-size:48px}@media (width<=768px){.sidebar{display:none}.main-content{margin-right:0;padding:16px 16px 80px}.mobile-nav{display:flex!important}.status-cards{grid-template-columns:1fr}.detail-stats{grid-template-columns:1fr;gap:8px}.customer-grid,.overview-grid{grid-template-columns:1fr}}.mobile-nav{z-index:100;background:#fff;justify-content:space-around;padding:8px 0;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}.mobile-nav a{color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;padding:4px 8px;font-size:11px;text-decoration:none;display:flex}.mobile-nav a.active{color:var(--primary)}.mobile-nav .icon{font-size:22px}.dashboard-v2{flex-direction:column;gap:20px;display:flex}.dash-header{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:24px 28px}.dash-greeting{align-items:center;gap:14px;margin-bottom:20px;display:flex}.dash-user-icon{background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:32px;display:flex}.dash-greeting-text{margin-bottom:2px;font-size:20px;font-weight:700}.dash-greeting-date{opacity:.85;font-size:13px}.dash-total-block{text-align:center;border-top:1px solid #fff3;padding-top:18px}.dash-total-label{opacity:.85;margin-bottom:6px;font-size:13px}.dash-total-amount{letter-spacing:-1px;margin-bottom:12px;font-size:38px;font-weight:800}.dash-sub-row{justify-content:center;gap:24px;font-size:13px;display:flex}.dash-collected,.dash-remaining{background:#ffffff26;border-radius:20px;padding:4px 12px}.quick-actions-v2{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.qa-btn{border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);border:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 12px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:flex}.qa-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.qa-icon{font-size:26px}.qa-debt{background:var(--primary);color:#fff}.qa-payment{color:#fff;background:#10b981}.qa-customer{color:#fff;background:#6366f1}.status-cards-v2{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.sc-card{border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:18px 14px}.sc-emoji{margin-bottom:8px;font-size:22px}.sc-label{margin-bottom:6px;font-size:13px;font-weight:600}.sc-count{margin-bottom:4px;font-size:18px;font-weight:800}.sc-amount{opacity:.8;font-size:12px}.sc-green{background:var(--green-bg);color:#065f46;border:1.5px solid #6ee7b7}.sc-yellow{background:var(--yellow-bg);color:#92400e;border:1.5px solid #fde68a}.sc-red{background:var(--red-bg);color:#991b1b;border:1.5px solid #fca5a5}.alert-banner{border-radius:var(--radius);color:#92400e;box-shadow:var(--shadow);background:#fffbeb;border:1.5px solid #f59e0b;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.alert-action-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s}.alert-action-btn:hover{background:#d97706}.dash-section{flex-direction:column;gap:10px;display:flex}.recent-tx-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.recent-tx-item:last-child{border-bottom:none}.recent-tx-left{align-items:center;gap:10px;display:flex}.tx-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot-green{background:var(--green)}.dot-red{background:var(--red)}.recent-tx-name{font-size:15px;font-weight:600}.recent-tx-amount{font-size:15px;font-weight:700}.debtor-item-v2{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.debtor-item-v2:hover{background:var(--primary-light)}.debtor-item-v2:last-child{border-bottom:none}.debtor-right{align-items:center;gap:10px;display:flex}.debtor-icon-btns{gap:6px;display:flex}.icon-action-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:6px 8px;font-size:16px;line-height:1;text-decoration:none;transition:all .15s}.icon-action-btn:hover{background:var(--primary-light);border-color:var(--primary)}.collection-card{padding:20px 24px}.collection-top{align-items:center;gap:14px;margin-bottom:14px;display:flex}.collection-rate{font-size:36px;font-weight:800}.rate-green{color:var(--green)}.rate-yellow{color:var(--yellow)}.rate-red{color:var(--red)}.collection-label-badge{border-radius:20px;padding:4px 14px;font-size:14px;font-weight:700}.label-green{background:var(--green-bg);color:#065f46}.label-yellow{background:var(--yellow-bg);color:#92400e}.label-red{background:var(--red-bg);color:#991b1b}.collection-bar-bg{background:var(--border);border-radius:5px;height:10px;overflow:hidden}.collection-bar-fill{border-radius:5px;height:100%;transition:width .6s}.fill-green{background:var(--green)}.fill-yellow{background:var(--yellow)}.fill-red{background:var(--red)}.suggestion-box{border-radius:var(--radius);box-shadow:var(--shadow);background:#eef2ff;border:1.5px solid #c7d2fe;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.suggestion-icon{flex-shrink:0;margin-top:2px;font-size:26px}.suggestion-text{color:#3730a3;font-size:15px;font-weight:500;line-height:1.7}@media (width<=768px){.dash-header{padding:20px}.dash-total-amount{font-size:28px}.dash-sub-row{flex-direction:column;gap:8px}.quick-actions-v2{grid-template-columns:repeat(3,1fr);gap:8px}.qa-btn{padding:14px 8px;font-size:12px}.qa-icon{font-size:22px}.status-cards-v2{grid-template-columns:repeat(3,1fr);gap:8px}.sc-card{padding:14px 8px}.sc-count{font-size:15px}.alert-banner{flex-direction:column;align-items:flex-start;gap:10px}}input[type=text],input[type=number],input[type=date],input[type=email],input[type=tel],textarea,select{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;color:var(--text-primary);background:#fff;outline:none;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d94881a}.contractor-progress{background:var(--border);border-radius:99px;height:10px;overflow:hidden}.contractor-progress-fill{background:var(--primary);border-radius:99px;height:100%;transition:width .4s}.contractor-progress-fill.complete{background:var(--green)}.contractor-project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}@media (width<=768px){.contractor-fab{bottom:80px}}