:root{--bg:#efefef;--bg-2:#e7ecee;--card:#ffffffe6;--card-strong:#fff;--line:#d4dbde;--text:#324047;--text-soft:#5a6a71;--primary:#00cece;--primary-2:#00a8a8;--mint:#00cece;--danger:#dc2626;--shadow:0 16px 35px #32404724;--radius-lg:18px;--radius-md:12px;--font:"Noto Naskh Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;color:var(--text);font-family:var(--font);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(1200px 520px at 10% -20%, #00cece26, transparent 58%), radial-gradient(980px 500px at 95% 0%, #00a8a81f, transparent 54%), linear-gradient(180deg, #f7f7f7, var(--bg));color:var(--text);margin:0}button,input,select,textarea{font-family:inherit}.appShell{min-height:100vh;padding:14px}.appLayout{grid-template-columns:270px 1fr;gap:14px;display:grid}@media (width<=980px){.appLayout{grid-template-columns:1fr}}.sidebar{border-radius:var(--radius-lg);background:radial-gradient(220px 200px at 110% -10%,#00cece3d,#0000 68%),linear-gradient(#324047,#2b3a41);border:1px solid #ffffff24;flex-direction:column;gap:12px;height:calc(100vh - 28px);padding:15px;display:flex;position:sticky;top:14px;box-shadow:0 20px 44px #16232747,inset 0 1px #ffffff14}.sideTop{gap:10px;display:grid}.sideBrand{padding:2px 2px 0}.sideDivider{background:linear-gradient(90deg,#ffffff0f,#00cece52,#ffffff0f);height:1px}.sideNav{gap:8px;display:grid}.sideFooter{margin-top:auto}@media (width<=980px){.sidebar{height:auto;position:static}}.mainArea{min-width:0}.brand{align-items:center;gap:12px;display:flex}.brandMark{background:linear-gradient(135deg, var(--primary), var(--primary-2));border:1px solid #ffffffd9;border-radius:12px;width:40px;height:40px;box-shadow:0 10px 24px #00a8a838}.brandName{letter-spacing:.2px;color:#efefef;font-weight:900}.brandSub{color:#d7e1e6;margin-top:2px;font-size:12px}.sideItem{color:#eaf1f4;border-radius:var(--radius-md);text-align:right;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff0a;border:1px solid #ffffff0f;padding:11px 12px;font-weight:700;transition:all .2s;position:relative}.sideItem:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-1px)scale(1.01)}.sideItem.active{color:#062b2b;background:linear-gradient(135deg,#00ceced1,#00a8a8bd);border-color:#00cece73;box-shadow:0 12px 24px #00a8a842}.sideItem.active:before{content:"";inset-inline-start:-15px;background:#00cece;border-radius:999px;width:4px;position:absolute;top:8px;bottom:8px}.logoutItem{color:#ffd9d9;background:#ff7e7e14;border-color:#ff7e7e33}.logoutItem:hover{background:#ff7e7e29;border-color:#ff7e7e57}.content{gap:14px;display:grid}.authContent{min-height:calc(100vh - 80px)}.authCenter{place-items:center;min-height:100%;display:grid}.authCard{width:min(460px,100%)}.grid,.customersSection{gap:14px;display:grid}.grid{grid-template-columns:2.2fr 1fr 1fr}.dashboardGrid{align-items:stretch}.customersSection{grid-template-columns:1fr 1fr}.customersPage{align-items:start}.customersPageRoot{gap:14px;display:grid}.customersPageHeaderCard{background:linear-gradient(165deg,#fffffff5,#f4fcfcdb)}.customersIntroCard{background:radial-gradient(circle at 92% 8%,#00cece24,#0000 42%),linear-gradient(165deg,#fffffff5,#f4fcfcd6);justify-content:space-between;align-items:center;gap:14px;display:flex}.customersListCard{border-color:#00a8a833;grid-column:1/-1}.customersListMiniCard{background:linear-gradient(135deg,#00cece26,#00a8a81f);border:1px solid #00a8a83d;border-radius:12px;align-items:center;gap:10px;margin-top:2px;margin-bottom:10px;padding:7px 12px;display:inline-flex}.customersListMiniTitle{color:#105050;font-size:12px;font-weight:800}.customersListMiniCount{text-align:center;color:#0e3f3f;background:#ffffffb3;border:1px solid #00a8a833;border-radius:999px;min-width:28px;padding:2px 8px;font-size:12px;font-weight:900}.partnersSummaryRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.partnersSummaryCard{background:linear-gradient(165deg,#fffffff5,#f3fcfcd1);border:1px solid #00a8a833;border-radius:16px;padding:14px 16px}.partnersSummaryCard .card-value{margin-bottom:0}.partnersSplitSection .formCard{background:radial-gradient(circle at 92% 8%,#00cece24,#0000 42%),linear-gradient(165deg,#fffffff5,#f4fcfcd6)}.statusPill{color:#0c4c4c;background:#00cece1f;border:1px solid #00a8a833;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.statusIn{color:#0f6b4e;background:#10b98124;border-color:#10b98147}.statusOut,.status-pending{color:#7a4a02;background:#f59e0b24;border-color:#f59e0b47}.status-confirmed{color:#0f6b4e;background:#10b98124;border-color:#10b98147}.status-disputed{color:#9b1c1c;background:#ef444424;border-color:#ef444447}.partnersModernSummaryRow .partnersSummaryCardModern{border:1px solid #00a8a83d;position:relative;overflow:hidden;box-shadow:0 14px 28px #253f451f}.partnersModernSummaryRow .partnersSummaryCardModern:after{content:"";inset-inline-end:-28px;background:radial-gradient(circle,#00cece38,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;bottom:-28px}.partnersListCardModern,.partnersBalancesCardModern,.partnersTxCardModern,.partnersActionCardModern{background:linear-gradient(165deg,#fffffffa,#f4fcfcd6);border-color:#00a8a838;box-shadow:0 14px 30px #253f451f}.partnersSplitSectionModern .partnersActionCardModern{background:linear-gradient(160deg,#fffffffa,#f5fcfce6);border:1px solid #00a8a833;align-content:start;gap:10px;min-height:210px;display:grid;position:relative;overflow:hidden}.partnersSplitSectionModern .partnersActionCardModern:after{content:"";inset-inline-end:-22px;pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;top:-22px}.partnersActionCardModern--in:after{background:radial-gradient(circle,#10b9813d,#0000 70%)}.partnersActionCardModern--out:after{background:radial-gradient(circle,#f59e0b3d,#0000 70%)}.partnersActionTop{gap:8px;display:grid}.partnersActionTop .heroTitle{margin:0;font-size:20px;line-height:1.35}.partnersActionBadge{color:#0f4d4d;background:#ffffffdb;border:1px solid #00a8a842;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:4px 10px;font-size:11px;font-weight:900;display:inline-flex}.partnersActionHint{color:#56686f;max-width:42ch;margin:0;font-size:13px;line-height:1.75}.partnersActionBtn{width:fit-content;min-width:190px;margin-top:4px}.partnersActionMessage{color:#0f5a5a;background:#ffffffb8;border:1px solid #00a8a833;border-radius:10px;margin:2px 0 0;padding:9px 10px;font-size:12px;font-weight:700}.partnersMetaPill{background:linear-gradient(135deg,#00cece26,#00a8a81f);border:1px solid #00a8a83d;border-radius:12px;align-items:center;gap:10px;margin-top:2px;margin-bottom:10px;padding:7px 12px;display:inline-flex}.partnersMetaPillTitle{color:#105050;font-size:12px;font-weight:800}.partnersMetaPillValue{text-align:center;color:#0e3f3f;background:#ffffffbd;border:1px solid #00a8a833;border-radius:999px;min-width:28px;padding:2px 8px;font-size:12px;font-weight:900}.partnersTxCardModern .customerTable td,.partnersTxCardModern .customerTable th{white-space:normal}@media (width<=1150px){.grid,.customersSection,.partnersSummaryRow,.reportsChartsGrid{grid-template-columns:1fr}}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow)}.hero,.formCard,.listCard,.stat{padding:18px}.hero{background:radial-gradient(circle at 85% 10%, #00cece1f, transparent 40%), radial-gradient(circle at 18% 90%, #00a8a81f, transparent 44%), var(--card-strong);position:relative;overflow:hidden}.dashboardHero{border:1px solid #00a8a838;box-shadow:0 18px 34px #112b2f21,inset 0 1px #ffffffd9}.dashboardHero:after{content:"";inset-inline-end:-50px;background:radial-gradient(circle,#00cece38,#0000 68%);border-radius:50%;width:180px;height:180px;position:absolute;top:-50px}.dashboardHeroHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.dashboardChip{color:#0f3a3a;background:linear-gradient(135deg,#00cece38,#00a8a833);border:1px solid #00a8a847;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.dashboardPills{gap:12px}.heroTitle{margin:0 0 12px;font-size:18px;font-weight:900}.heroRow{flex-wrap:wrap;gap:10px;display:flex}.pill{background:linear-gradient(165deg,#fffffff0,#f6fefecc);border:1px solid #00a8a82e;border-radius:14px;align-items:center;gap:8px;min-width:170px;padding:12px 14px;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.pillLabel{color:var(--text-soft);font-size:12px}.pillValue{font-size:16px;font-weight:900}.dashboardHeroNote{margin-top:14px;font-weight:700}.dashboardPage{gap:14px;display:grid}.dashboardWelcome{background:radial-gradient(circle at 92% 8%,#00cece24,#0000 42%),linear-gradient(165deg,#fffffff5,#f4fcfcd6);border-color:#00a8a838;padding:20px 18px}.dashboardWelcomeTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dashboardWelcomeText{flex:280px;min-width:0}.dashboardEyebrow{letter-spacing:.02em;color:#0f4d4d;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900}.dashboardWelcomeTitle{color:#1a2f34;margin:0;font-size:22px;font-weight:950;line-height:1.25}.dashboardWelcomeControls{flex:none}.dashboardCurrencyLabel{flex-direction:column;align-items:stretch;gap:6px;display:flex}.dashboardCurrencyLabelText{color:var(--text-soft);font-size:12px;font-weight:800}.dashboardCurrencySelect{color:#0e3f3f;background:#ffffffeb;border:1px solid #00a8a859;border-radius:12px;min-width:220px;padding:10px 12px;font-weight:800;box-shadow:inset 0 1px #ffffffd9}.dashboardHeroSubtitle{color:var(--text-soft);margin:0;font-size:13px;font-weight:650;line-height:1.45}.dashboardHeroHead .heroTitle{margin-bottom:6px}.dashboardPillIcon{color:#0c6f6f;flex:none;margin-top:2px}.dashboardPillIcon--out{color:#b45309}.dashboardPillIcon--balance{color:#2563eb}.pill{align-items:flex-start}.pillBody{flex-direction:column;gap:2px;min-width:0;display:flex}.pillMicro{color:var(--text-soft);font-size:11px;font-weight:650;line-height:1.35}.pill--in{background:linear-gradient(165deg,#fffffff5,#ecfdf5d1);border-color:#10b98159}.pill--out{background:linear-gradient(165deg,#fffffff5,#fffbebd9);border-color:#f59e0b61}.pill--balance{background:linear-gradient(165deg,#fffffff5,#eff6ffe0);border-color:#2563eb47}.dashboardPendingBand{background:linear-gradient(135deg,#00cece1f,#ffffffeb);border:1px solid #00a8a838;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.dashboardPendingTitle{color:#0f3a3a;font-size:13px;font-weight:900}.dashboardPendingHint{color:var(--text-soft);max-width:520px;margin-top:4px;font-size:12px;font-weight:600;line-height:1.45}.dashboardPendingValue{color:#0c4c4c;background:#ffffffd9;border:1px solid #00a8a847;border-radius:12px;padding:8px 14px;font-size:22px;font-weight:950}.dashboardMoreSection{gap:8px;display:grid}.dashboardMoreHeading{color:#1a2f34;margin:4px 0 0;font-size:16px;font-weight:950}.dashboardMoreSub{color:var(--text-soft);margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.5}.dashboardMoreGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboardTimelineWrap{background:linear-gradient(165deg,#fffffffa,#f4fcfce6);border:1px solid #00a8a833;border-radius:14px;margin-top:8px;padding:10px}.dashboardBarChart{gap:8px;max-height:280px;padding:2px;display:grid;overflow:auto}.dashboardBarGroup,.dashboardBarTracks{gap:4px;display:grid}.dashboardBarTrack{background:#00a8a814;border-radius:999px;width:100%;height:8px;overflow:hidden}.dashboardBar{border-radius:inherit;height:100%}.dashboardBarIn{background:linear-gradient(90deg,#10b981f2,#10b981a6)}.dashboardBarOut{background:linear-gradient(90deg,#f59e0bf2,#f59e0ba6)}.dashboardBarNet{background:linear-gradient(90deg,#00a8a8f2,#00a8a8a6)}.dashboardBarLabel{color:var(--text-soft);font-size:11px;font-weight:700}.dashboardTimelineLegend{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.depositBalancesHint{color:var(--text-soft);margin:0 0 10px;font-size:13px;font-weight:600;line-height:1.5}.depositBalanceCustomerBox{border-radius:var(--radius-md);background:radial-gradient(120% 80% at 100% 0,#00cece1f,#0000 55%),linear-gradient(165deg,#fffffffa,#f4fcfcf0);border:1px solid #00a8a838;flex-direction:column;gap:8px;max-width:480px;margin-bottom:16px;padding:16px 18px;display:flex;box-shadow:0 10px 28px #32404714,inset 0 1px #fffffff2}.depositBalanceCustomerLabel{color:#0f4d4d;letter-spacing:.01em;font-size:13px;font-weight:800}.sarafiSelectCustomer{text-align:start;unicode-bidi:plaintext}.sarafiSelect{padding:12px 14px;border-radius:var(--radius-md);background-color:#fffffffc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230c6f6f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:inset-inline-end 12px center;appearance:none;width:100%;max-width:100%;color:var(--text);cursor:pointer;background-size:18px 18px;border:1px solid #00a8a861;margin:0;padding-inline-end:42px;font-size:14px;font-weight:700;line-height:1.4;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:inset 0 1px 3px #3240470f,0 1px #ffffffe6}.sarafiSelect:hover{background-color:#fff;border-color:#00a8a88c}.sarafiSelect:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #00cece47,inset 0 1px 3px #3240470f}.sarafiSelect:disabled{opacity:.65;cursor:not-allowed}.customerForm select.sarafiSelect{border-color:#00a8a861}.customerForm select.sarafiSelect:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00cece47,inset 0 1px 3px #3240470f}.depositsHistoryFilters{background:linear-gradient(165deg,#fffffff0,#f6fcfce0);border:1px solid #00a8a833;border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:14px;padding:12px 14px;display:flex}.depositsHistoryFilters label{flex-direction:column;gap:6px;min-width:200px;display:flex}.depositsFilterLabel{color:var(--text-soft);font-size:12px;font-weight:800}.depositsHistoryFilters .sarafiSelect{min-width:0}.depositsHistoryFilters input[type=text]{border-radius:var(--radius-md);width:100%;min-width:0;color:var(--text);background:#fffffffc;border:1px solid #00a8a861;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.4;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:inset 0 1px 3px #3240470f,0 1px #ffffffe6}.depositsHistoryFilters input[type=text]:hover{background-color:#fff;border-color:#00a8a88c}.depositsHistoryFilters input[type=text]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #00cece47,inset 0 1px 3px #3240470f}.slipsReportActions{flex-wrap:wrap;gap:8px}.customerProfileLink{color:inherit;font-weight:inherit;text-decoration:none}.customerProfileLink:hover{color:var(--primary,#00a8a8);text-decoration:underline}.customerDetailHeader{flex-direction:column;gap:8px;display:flex}.customerDetailHeaderRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.customerDetailBack{align-self:flex-start}.customerDetailNotes{word-break:break-word;margin:8px 0 0;font-size:14px;line-height:1.5}.customerDetailTableWrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%;min-width:0;max-width:100%;overflow-x:auto}.customerDetailNoteCell{white-space:normal;word-break:break-word;max-width:280px}.slipsReportCard{min-width:0;max-width:100%}.slipsReportTableWrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%;min-width:0;max-width:100%;margin-top:12px;overflow:auto visible}.slipsReportTableWrap .customerTable{min-width:1020px}.slipsPayoutBtn{background:linear-gradient(165deg,#00cece24,#fffffff5);border-color:#00a8a86b;font-weight:800}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.slipPaidShell{background:radial-gradient(100% 120% at 100% 0,#00cece24,#0000 52%),radial-gradient(80% 80% at 0 100%,#00a8a814,#0000 48%),linear-gradient(165deg,#fffffffc,#f8fdfdf0);border:1px solid #00a8a82e;border-radius:16px;margin:8px 0 4px;padding:18px 18px 20px;box-shadow:0 14px 36px #32404714,inset 0 1px #ffffffeb}.slipPaidTop{margin-bottom:14px}.slipPaidTitle{letter-spacing:.02em;color:#0a3d3d;margin:0 0 8px;font-size:15px;font-weight:950;line-height:1.3}.slipPaidHint{color:var(--text-soft);max-width:42em;margin:0;font-size:12.5px;font-weight:650;line-height:1.55}.slipPaidGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.slipPaidGrid{grid-template-columns:1fr}}.slipPaidCard{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffffb8;border:1.5px solid #d4dbdef2;border-radius:14px;margin:0;padding:0;transition:border-color .22s,box-shadow .22s,transform .2s,background .22s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 14px #3240470f}.slipPaidCard:hover{background:#ffffffeb;border-color:#00a8a859;transform:translateY(-2px);box-shadow:0 10px 26px #3240471a}.slipPaidCard:focus-within{outline:none}.slipPaidCard:focus-within .slipPaidCardInner{box-shadow:0 0 0 3px #00cece59}.slipPaidCard--selected{background:linear-gradient(155deg,#fffffffa,#ecfdfde0);border-color:#00a8a88c;transform:translateY(-1px);box-shadow:0 12px 28px #00a8a829,0 0 0 1px #00cece40}.slipPaidCard--selected:hover{border-color:#00a8a8a6}.slipPaidCard--later.slipPaidCard--selected .slipPaidCardAccent{background:linear-gradient(#f59e0b8c,#f59e0b1f)}.slipPaidCard--now.slipPaidCard--selected .slipPaidCardAccent{background:linear-gradient(#00cecea6,#00a8a826)}.slipPaidCardAccent{opacity:.65;background:linear-gradient(90deg,#0000,#00a8a833,#0000);width:100%;height:4px;display:block}.slipPaidCard--selected .slipPaidCardAccent{opacity:1}.slipPaidCardInner{border-radius:0 0 12px 12px;align-items:flex-start;gap:12px;padding:14px 14px 16px;display:flex}.slipPaidCardIconWrap{color:#0c6f6f;background:linear-gradient(145deg,#fffffff2,#f4fcfcd9);border:1px solid #00a8a833;border-radius:14px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:inset 0 1px #ffffffe6}.slipPaidCardIconWrap--later{color:#b45309;background:linear-gradient(145deg,#fffdf5fa,#fef3c759);border-color:#f59e0b59}.slipPaidCard--later.slipPaidCard--selected .slipPaidCardIconWrap--later{background:linear-gradient(145deg,#fffbeb,#fed7aa73);border-color:#f59e0b80}.slipPaidCardIconWrap--now{color:#0d9488;background:linear-gradient(145deg,#f0fdfafa,#99f6e459);border-color:#0d948859}.slipPaidCard--now.slipPaidCard--selected .slipPaidCardIconWrap--now{background:linear-gradient(145deg,#f0fdfa,#00cece38);border-color:#00a8a880}.slipPaidSvg{display:block}.slipPaidCardText{flex-direction:column;flex:auto;gap:5px;min-width:0;padding-top:2px;display:flex}.slipPaidCardLabel{color:#1a2f34;font-size:13.5px;font-weight:900;line-height:1.35}.slipPaidCardDesc{color:var(--text-soft);font-size:11.5px;font-weight:650;line-height:1.5}.slipPaidCardMark{min-width:28px;color:var(--primary-2);flex:none;justify-content:center;align-items:center;display:flex}.slipPaidCheckSvg{filter:drop-shadow(0 2px 4px #00a8a840);display:block}.slipModalFeedback{color:#9b1c1c;background:#fef2f2eb;border:1px solid #dc262647;border-radius:10px;margin:0;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.45}.slipEditCodeLine{background:#00cece14;border:1px solid #00a8a838;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:13px}.slipEditCodeLabel{color:var(--text-soft);font-weight:800}.slipEditCodeValue{color:#0f4d4d;font-variant-numeric:tabular-nums;font-weight:900}.slipEditHint{color:var(--text-soft);margin:0;font-size:12px;font-weight:650;line-height:1.45}.slipRowActions{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:320px}.slipDeleteBtn:hover:not(:disabled){color:#9b1c1c;background:#fef2f2d9;border-color:#dc262673}.statInteractive{cursor:pointer;width:100%;text-align:inherit;font:inherit;color:inherit;border:1px solid #00a8a82e}.statInteractive:focus-visible{outline-offset:2px;outline:3px solid #00cece8c}@media (width<=1150px){.dashboardMoreGrid{grid-template-columns:1fr}}.heroNote,.card-title,.card-hint,.customerMeta,.emptyText{color:var(--text-soft)}.card-value{margin:6px 0 8px;font-size:24px;font-weight:900}.stat{background:linear-gradient(170deg,#fffffff5,#f5fcfcdb);border-color:#00a8a82e;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.stat:hover{transform:translateY(-3px);box-shadow:0 20px 36px #253f452e}.statTop{justify-content:space-between;align-items:center;gap:8px;display:flex}.statBadge{color:#115454;background:#00cece24;border:1px solid #00a8a840;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.statGlow{inset-inline-end:-24px;pointer-events:none;background:radial-gradient(circle,#00cece3d,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;bottom:-30px}.tone-mint .card-value{color:var(--mint)}.tone-plum .card-value{color:var(--primary-2)}.customerForm{gap:10px;display:grid}.customerForm label{gap:6px;font-size:13px;font-weight:700;display:grid}.customerForm input,.customerForm textarea,.customerForm select{border-radius:var(--radius-md);border:1px solid var(--line);width:100%;color:var(--text);background:#fff;padding:11px 12px;transition:border-color .18s,box-shadow .18s}.customerForm input:focus,.customerForm textarea:focus,.customerForm select:focus{border-color:#4f46e580;outline:none;box-shadow:0 0 0 3px #4f46e526}.primaryBtn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#083333;cursor:pointer;border:none;padding:11px 14px;font-weight:900;transition:all .18s;box-shadow:0 12px 24px #00a8a847}.primaryBtn:hover{transform:translateY(-1px);box-shadow:0 16px 26px #00a8a84d}.primaryBtn:disabled{opacity:.72;cursor:not-allowed}.navItem{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:10px;padding:8px 12px;font-weight:700}.listHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.listHeaderActions{align-items:center;gap:8px;display:flex}.reportFilterHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.reportFilterTitleWrap{gap:2px;display:grid}.reportFilterSubtitle{color:var(--text-soft);font-size:12px;font-weight:700}.reportFilterMeta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reportMetaPill{color:#185454;background:#ffffffb3;border:1px solid #00a8a829;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.reportMetaPillActive{background:linear-gradient(135deg,#00cece24,#00a8a81f);border-color:#00a8a847}.reportFilterActions{flex-wrap:wrap}.reportFilterToolbar{background:radial-gradient(340px 160px at 100% 0,#00cece24,#0000 72%),linear-gradient(160deg,#fffffffc,#f3fbfbe6);border:1px solid #00a8a833;border-radius:18px;gap:12px;margin-top:12px;padding:16px;display:grid;box-shadow:0 16px 30px #19333a1a}.reportFilterGrid{grid-template-columns:repeat(5,minmax(160px,1fr));gap:12px;display:grid}.reportFilterGrid label{background:linear-gradient(165deg,#fffffff2,#f5fcfce0);border:1px solid #00a8a82e;border-radius:14px;margin:0;padding:10px 12px 12px;box-shadow:inset 0 1px #fffc}.filterLabelText{color:#175252;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.reportFilterGrid select,.reportFilterGrid input{background:#ffffffe0;border-color:#00a8a833;border-radius:12px;width:100%;min-height:48px;padding:11px 12px;font-size:15px;display:block}.reportFilterActionsRow{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.ghostBtn{color:#155252;background:#fffc;border:1px dashed #00a8a861}.ghostBtn:hover{background:#00cece14}.paginationBar{justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;display:flex}.paginationInfo{color:var(--text-soft);padding:0 4px;font-size:12px;font-weight:700}.reportsChartsGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.chartStack{gap:10px;display:grid}.chartRow{grid-template-columns:70px 1fr auto;align-items:center;gap:8px;display:grid}.chartLabel{color:#0f5050;font-size:12px;font-weight:800}.chartTrack{background:#00a8a81f;border-radius:999px;height:10px;overflow:hidden}.chartFill{border-radius:inherit;background:linear-gradient(90deg,#00cecef2,#00a8a8e6);height:100%}.chartFillAlt{background:linear-gradient(90deg,#38bdf8f2,#0ea5e9e6)}.chartFillStatus{background:linear-gradient(90deg,#818cf8f2,#6366f1e6)}.chartValue{color:#1f3e46;font-size:12px;font-weight:800}.customerList{gap:10px;margin-top:10px;display:grid}.customerTableWrap{background:linear-gradient(165deg,#fffffff7,#f5fcfccc);border:1px solid #00a8a829;border-radius:14px;margin-top:10px;overflow:auto}.customerTable{border-collapse:collapse;width:100%;min-width:760px}.customerTable th,.customerTable td{text-align:right;white-space:nowrap;border-bottom:1px solid #00a8a81f;padding:12px 14px}.customerTable th{z-index:1;letter-spacing:.2px;color:#175252;background:linear-gradient(135deg,#00cece29,#00a8a81f);font-size:12px;position:sticky;top:0}.customerTable tbody tr:hover{background:#00cece14}.customerTable tbody tr:last-child td{border-bottom:none}.customerRow{background:linear-gradient(165deg,#fffffff5,#f5fcfcc7);border:1px solid #00a8a829;border-radius:14px;padding:12px;transition:transform .18s,box-shadow .18s}.customerRow:hover{transform:translateY(-1px);box-shadow:0 14px 24px #1d393e1f}.customerRowHead{align-items:center;gap:10px;display:flex}.customerAvatar{color:#0d3a3a;background:linear-gradient(135deg,#00cece38,#00a8a833);border:1px solid #00a8a84d;border-radius:12px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:900;display:grid}.customerName{font-weight:800}.customerActions{gap:8px;margin-top:0;display:flex}.slipLookupCard{background:linear-gradient(165deg,#fffffff5,#f3fcfcd1);border:1px solid #00a8a833;border-radius:14px;margin-top:10px;padding:12px}.slipInfoGrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.modalOverlay{z-index:80;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:20px;padding-block:max(20px, env(safe-area-inset-top,0px)) max(20px, env(safe-area-inset-bottom,0px));overscroll-behavior:contain;background:radial-gradient(900px 420px at 10% 0,#00cece33,#0000 65%),#0f1c216b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modalGlass{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(165deg,#ffffffe6,#f5fdfdd6),#fffc;border:1px solid #ffffff94;border-radius:20px;flex-direction:column;width:min(560px,100%);min-height:0;max-height:min(90vh,100dvh - 40px);margin:auto;padding:20px;display:flex;box-shadow:0 22px 50px #1a2d324d,inset 0 1px #ffffffbf}.modalHeader{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.modalBody{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;margin-inline-end:-4px;padding-inline-end:4px;overflow:hidden auto}.recordDetailScroll{max-height:min(70vh,560px);padding:4px 2px 12px;overflow:hidden auto}.recordDetailNarrative{color:var(--text,#1a2a2a);background:#00696914;border:1px solid #0069692e;border-radius:10px;margin:0 0 14px;padding:12px 14px;font-size:14px;line-height:1.65}.recordDetailDl{grid-template-columns:minmax(110px,32%) 1fr;gap:10px 16px;margin:0;font-size:14px;line-height:1.45;display:grid}.recordDetailDl--nested{margin-top:4px;font-size:13px}.recordDetailDl dt{color:var(--text-soft,#5a6b6b);margin:0;font-weight:700}.recordDetailDl dd{word-break:break-word;margin:0}.recordDetailNested{border-inline-start:2px solid #00a8a847;padding-inline-start:10px}.recordDetailEmpty{opacity:.55}.recordDetailList{margin:0;padding-inline-start:20px}.recordDetailScalar{word-break:break-word;margin:0}.modalTitle{margin-bottom:0}.modalCloseBtn{border:1px solid var(--line);width:34px;height:34px;color:var(--text);cursor:pointer;background:#ffffffb8;border-radius:10px;place-items:center;font-size:24px;line-height:1;display:grid}.modalActions{gap:8px;margin-top:4px;display:flex}@media (width<=980px){.reportFilterGrid{grid-template-columns:1fr 1fr}}@media (width<=640px){.reportFilterHeader{flex-direction:column;align-items:flex-start}.reportFilterGrid{grid-template-columns:1fr}}