:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7f4;--paper:#fff;--paper-soft:#eef5ef;--ink:#17211a;--muted:#647067;--line:#dbe5dd;--line-strong:#c6d4c9;--green:#2f7d4f;--green-dark:#1d5f39;--yellow:#f5c542;--red:#c2412d;--shadow:0 18px 45px #223a291c}*{box-sizing:border-box}html,body{background:linear-gradient(135deg, #f5c5422e, transparent 28%), linear-gradient(315deg, #2f7d4f1c, transparent 34%), var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.appShell{width:min(1440px,100%);margin:0 auto;padding:24px}.topBar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brandIcon{background:var(--green);color:#fff;width:52px;height:52px;box-shadow:var(--shadow);border-radius:8px;flex:none;place-items:center;display:grid}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(24px,3vw,38px);line-height:1.05}h2{font-size:18px;line-height:1.2}p{color:var(--muted);font-size:14px;line-height:1.55}.topActions{gap:8px;display:flex}.iconButton,.primaryButton,.dangerButton,.smallButton,.expenseRow button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;justify-content:center;align-items:center;transition:border-color .16s,transform .16s,background .16s;display:inline-flex}.primaryButton{border-color:var(--green);background:var(--green);color:#fff;gap:8px;height:42px;padding:0 14px;font-size:13px;font-weight:900}.dangerButton{height:38px;color:var(--red);gap:8px;padding:0 12px;font-size:13px;font-weight:900}.dangerButton:disabled{cursor:not-allowed;opacity:.48}.iconButton{width:42px;height:42px}.iconButton:hover,.primaryButton:hover,.dangerButton:hover,.smallButton:hover,.expenseRow button:hover{border-color:var(--line-strong);background:var(--paper-soft);transform:translateY(-1px)}.primaryButton:hover{border-color:var(--green-dark);background:var(--green-dark)}.viewTabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.viewTabs button,.segmentedControl button{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}.viewTabs button.active,.segmentedControl button.active{color:var(--green-dark);background:#2f7d4f1f;border-color:#2f7d4f57}.statusNote,.periodNote{color:var(--green-dark);background:#2f7d4f17;border:1px solid #2f7d4f40;border-radius:8px;margin:0 0 16px;padding:10px 12px;font-weight:800}.summaryGrid{grid-template-columns:minmax(310px,1.45fr) repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.heroResult,.metricCard,.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffdb;border-radius:8px}.heroResult{background:linear-gradient(135deg, #2f7d4ff2, #1d5f39f2), var(--green);color:#fff;gap:8px;min-height:160px;padding:22px;display:grid}.heroResult span,.metricCard span{color:inherit;font-size:13px;font-weight:700}.heroResult strong{letter-spacing:0;font-size:clamp(34px,4.6vw,60px);line-height:1}.heroResult p{color:#ffffffd1;max-width:620px}.metricCard{align-content:space-between;min-height:160px;padding:18px;display:grid}.metricCard svg{color:var(--green)}.metricCard span{color:var(--muted);align-self:end}.metricCard strong{font-size:22px;line-height:1.15}.workGrid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.4fr);align-items:start;gap:16px;display:grid}.leftStack{gap:16px;display:grid}.panel{padding:18px}.panelHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panelHeader svg{color:var(--green);flex:none}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}label{color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}input,select{border:1px solid var(--line);width:100%;min-width:0;height:42px;color:var(--ink);background:#fbfdfb;border-radius:8px;outline:none;padding:0 12px}select{appearance:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #2f7d4f1f}.smallButton{gap:7px;height:38px;padding:0 12px;font-size:13px;font-weight:800}.expenseList{gap:8px;display:grid}.expenseRow{grid-template-columns:minmax(0,1fr) 130px 42px;gap:8px;display:grid}.expenseRow button{width:42px;height:42px;color:var(--red)}.stockPanel{overflow:hidden}.stockTable{display:grid;overflow-x:auto}.stockHead,.stockRow{grid-template-columns:minmax(210px,1.4fr) 88px 88px 74px 128px 128px;align-items:center;gap:10px;min-width:760px;display:grid}.stockHead{border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;padding:0 0 10px;font-size:12px;font-weight:800}.stockRow{border-bottom:1px solid var(--line);padding:10px 0}.stockRow:last-child{border-bottom:0}.stockRow strong,.stockRow small{display:block}.stockRow strong{font-size:14px}.stockRow small{color:var(--muted);margin-top:3px;font-size:12px}.stockRow input{height:38px}.tableField{display:block}.tableField span,.tableResult small{display:none}.tableResult{gap:4px;display:grid}.tableResult strong{font-size:14px;font-weight:800}.soldPill{color:#7a5700;background:#f5c54238;border-radius:999px;justify-content:center;width:fit-content;min-width:46px;padding:6px 10px;display:inline-flex}.detailGrid{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:16px;margin-top:16px;display:grid}.historyPanel,.recapStack{gap:16px;display:grid}.historyHeader{align-items:center}.searchBox{border:1px solid var(--line);background:#fbfdfb;border-radius:8px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;padding:0 12px;display:grid}.searchBox svg{color:var(--green)}.searchBox input{box-shadow:none;background:0 0;border:0;padding:0}.reportList{gap:10px;margin-top:14px;display:grid}.reportCard{border:1px solid var(--line);background:#fbfdfb;border-radius:8px;gap:12px;padding:14px;display:grid}.reportTitle,.reportActions,.sellerRankRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.reportTitle div,.sellerRankRow div{gap:4px;display:grid}.reportTitle strong:last-child,.sellerRankRow div:last-child strong{color:var(--green-dark);text-align:right;font-size:22px}.reportTitle span,.reportStats span,.sellerRankRow span{color:var(--muted);font-size:13px;font-weight:700}.reportStats{flex-wrap:wrap;gap:8px;display:flex}.reportStats span{background:var(--paper-soft);border-radius:999px;padding:7px 10px}.dangerIconButton{width:38px;height:38px;color:var(--red);background:#fff;border:1px solid #c2412d3d;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.emptyState{border:1px dashed var(--line-strong);text-align:center;background:#eef5ef8f;border-radius:8px;justify-items:center;gap:8px;padding:32px 18px;display:grid}.emptyState svg{color:var(--green)}.emptyState.compact{padding:22px 14px}.recapControls{grid-template-columns:auto 210px 240px;align-items:end;gap:12px;display:grid}.segmentedControl{border:1px solid var(--line);background:#fbfdfb;border-radius:8px;gap:6px;padding:4px;display:flex}.segmentedControl button{border-color:#0000;min-height:34px}.periodNote{margin-top:14px;margin-bottom:0}.recapSummary{margin-bottom:0}.sellerRank{gap:8px;display:grid}.sellerRankRow{border:1px solid var(--line);background:#fbfdfb;border-radius:8px;padding:12px}.breakdown,.sellerCard{gap:8px;display:grid}.breakdownLine,.sellerCard div{border:1px solid var(--line);background:#fbfdfb;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:12px;display:flex}.breakdownLine span,.sellerCard span{color:var(--muted);font-size:13px;font-weight:700}.breakdownLine strong,.sellerCard strong{text-align:right}.breakdownLine.strong{background:var(--paper-soft)}.breakdownLine.final,.sellerCard .sellerTotal{background:#2f7d4f1a;border-color:#2f7d4f52}.breakdownLine.final strong,.sellerTotal strong{color:var(--green-dark);font-size:22px}.negativeText{color:var(--red)!important}@media (max-width:1180px){.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.heroResult{grid-column:1/-1}.workGrid,.detailGrid{grid-template-columns:1fr}}@media (max-width:720px){.appShell{padding:16px}.topBar,.brand,.panelHeader{align-items:flex-start}.topBar{flex-direction:column}.summaryGrid,.formGrid,.recapControls{grid-template-columns:1fr}.topActions,.reportTitle,.reportActions,.sellerRankRow{flex-direction:column;align-items:stretch}.topActions{flex-flow:wrap;width:100%}.primaryButton,.dangerButton,.smallButton,.dangerIconButton{width:100%}.topActions .primaryButton{flex:180px;width:auto}.topActions .iconButton{flex:0 0 42px}.reportTitle strong:last-child,.sellerRankRow div:last-child strong{text-align:left}.metricCard,.heroResult{min-height:auto}.expenseRow{grid-template-columns:1fr}.expenseRow button{width:100%}.stockTable{overflow:visible}.stockHead{display:none}.stockRow{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;margin-bottom:10px;padding:12px}.stockRow>div:first-child{grid-column:1/-1}.tableField{gap:5px;display:grid}.tableField span,.tableResult small{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800;display:block}.tableResult{align-content:start;min-height:50px}.breakdownLine,.sellerCard div{flex-direction:column;align-items:flex-start;gap:5px}.breakdownLine strong,.sellerCard strong{text-align:left}}.homeShell{gap:28px;width:min(700px,100%);margin:0 auto;padding:32px 20px 48px;display:grid}.homeBrand{align-items:center;gap:16px;display:flex}.homeBrand h1{font-size:clamp(28px,6vw,42px)}.homeGrid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.homeCard{border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;background:#ffffffe6;border-radius:16px;gap:12px;padding:22px 18px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.homeCard:hover,.homeCard:active{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 24px 52px #223a2926}.homeCard strong{font-size:17px;line-height:1.25}.homeCard>span{color:var(--muted);font-size:13px;line-height:1.5}.homeCardIcon{border-radius:14px;place-items:center;width:58px;height:58px;margin-bottom:4px;display:grid}.homeCardIcon.green{color:var(--green);background:#2f7d4f1f}.homeCardIcon.blue{color:#2563eb;background:#3b82f61f}.homeCardIcon.yellow{color:#92660a;background:#f5c5422e}.homeCardIcon.red{color:var(--red);background:#c2412d1a}.homeCardIcon.muted{background:var(--paper-soft);color:var(--muted)}.homeCardIcon.purple{color:#7c3aed;background:#7c3aed1a}.homeCardIcon.orange{color:#ea580c;background:#ea580c1a}.homeCardIcon.teal{color:#0891b2;background:#06b6d41f}.homeCardIcon.indigo{color:#6366f1;background:#6366f11a}.homeBackButton{border:1px solid var(--line);background:var(--paper);width:46px;height:46px;color:var(--green);cursor:pointer;border-radius:10px;flex:none;place-items:center;transition:background .16s;display:grid}.homeBackButton:hover{background:var(--paper-soft)}@media (max-width:480px){.homeGrid{grid-template-columns:1fr}.homeCard:last-child{grid-column:auto}}.selectWrapper{position:relative}.selectWrapper:after{content:"▾";pointer-events:none;color:var(--muted);font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.selectWrapper select{padding-right:32px}.fieldHint{color:var(--muted);font-size:12px;font-weight:600}.linkButton{color:var(--green);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700;text-decoration:underline}.errorNote{color:var(--red);background:#c2412d14;border:1px solid #c2412d47;border-radius:8px;margin:10px 0 0;padding:10px 12px;font-size:13px;font-weight:800}.addSellerRow{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:14px;display:grid}.sellerManageRow{border:1px solid var(--line);background:#fbfdfb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:14px;display:flex}.sellerManageRow div{gap:4px;display:grid}.sellerManageRow strong{font-size:15px}.sellerManageRow span{color:var(--muted);font-size:12px;font-weight:600}.ownerExpenseForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ownerExpenseFullRow,.ownerExpenseAction{grid-column:1/-1}.ownerExpenseCard{border:1px solid var(--line);background:#fbfdfb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.ownerExpenseInfo{flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.ownerExpenseInfo div{gap:3px;min-width:0;display:grid}.ownerExpenseInfo strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.ownerExpenseInfo span{color:var(--muted);font-size:12px;font-weight:600}.ownerExpenseAmount{white-space:nowrap;color:var(--red)!important}.expenseSourceTag{color:var(--green-dark);background:#2f7d4f1f;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}@media (max-width:720px){.addSellerRow,.ownerExpenseForm{grid-template-columns:1fr}.ownerExpenseFullRow,.ownerExpenseAction{grid-column:auto}.ownerExpenseInfo{flex-direction:column;align-items:flex-start}}@media print{body{background:#fff}.appShell{width:100%;padding:0}.topActions,.viewTabs,.historyPanel,.recapStack,.leftStack{display:none}.summaryGrid,.workGrid,.detailGrid{display:block}.heroResult,.metricCard,.panel{break-inside:avoid;box-shadow:none;margin-bottom:12px}}.sellerLeaveCard{border:1px solid var(--line);background:var(--paper);border-radius:10px;margin-bottom:10px;padding:14px 16px}.sellerLeaveHeader{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.sellerLeaveHeader strong{font-size:.95rem;display:block}.leaveCount{color:var(--muted);white-space:nowrap;font-size:.78rem}.leaveBadge{border-radius:20px;margin-top:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.leaveBadgeWajib{color:var(--green-dark);background:#2f7d4f1f}.leaveBadgeMinta{color:#1d4ed8;background:#3b82f61f}.leaveBadgeOwner{color:#92660a;background:#f5c54233}.leaveBadgeMissing{color:var(--red);background:#c2412d14}.leaveList{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:8px;display:flex}.leaveItem{justify-content:space-between;align-items:center;gap:10px;display:flex}.leaveItem>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.leaveDate{color:var(--muted);font-size:.8rem}.leaveNote{color:var(--muted);font-size:.8rem;font-style:italic}.kasbonCard{border:1px solid var(--line);background:var(--paper);border-radius:10px;margin-bottom:10px;padding:14px 16px;transition:opacity .2s}.kasbonCard.kasbonLunas{opacity:.6}.kasbonInfo{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.kasbonInfo strong{font-size:.95rem;display:block}.kasbonInfo span{color:var(--muted);font-size:.8rem}.kasbonRight{text-align:right}.kasbonRight strong{font-size:1rem;display:block}.kasbonStatusBadge{border-radius:20px;margin-top:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.kasbonBadgeLunas{color:var(--green-dark);background:#2f7d4f1f}.kasbonBadgeBelum{color:var(--red);background:#c2412d14}.kasbonActions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding-top:10px;display:flex}.dashControls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.dashControls label{flex:150px;min-width:150px}.dashSummaryGrid{grid-template-columns:minmax(200px,1.5fr) repeat(4,minmax(115px,1fr));gap:12px;display:grid}.dashTwoCol{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashRankList{gap:14px;display:grid}.dashRankRow{gap:5px;display:grid}.dashRankMeta{align-items:center;gap:10px;display:flex}.dashRankNum{background:var(--paper-soft);width:26px;height:26px;color:var(--muted);border-radius:999px;flex:0 0 26px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.dashRankMeta>div{flex:1;min-width:0}.dashRankMeta strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.dashRankMeta small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.dashRankValue{color:var(--ink);white-space:nowrap;flex:none;font-size:13px;font-weight:800}.dashBarTrack{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.dashBarFill{background:var(--green);border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.dashBarFillBlue{background:#3b82f6}.dashBarFillOrange{background:#ea580c}.dashBarFillYellow{background:#d97706}.dashBarLabel{color:var(--muted);font-size:12px;font-weight:600}.dashCapitalize{text-transform:capitalize}.dashStatRow{border:1px solid var(--line);background:var(--paper-soft);border-radius:8px;flex-wrap:wrap;gap:14px;margin-bottom:14px;padding:12px 16px;display:flex}.dashStat{gap:2px;min-width:80px;display:grid}.dashStat span{color:var(--muted);font-size:12px;font-weight:700}.dashStat strong{font-size:16px;font-weight:800}.dashCallout{color:var(--green-dark);background:#2f7d4f12;border:1px solid #2f7d4f3d;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px;line-height:1.5}.pctBadge{white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.pctBadgeGood{color:var(--green-dark);background:#2f7d4f1f}.pctBadgeWarn{color:#92660a;background:#f5c54233}.pctBadgeBad{color:var(--red);background:#c2412d14}.pctGreen{color:var(--green-dark);background:#2f7d4f1f}.pctYellow{color:#92660a;background:#f5c54233}.pctRed{color:var(--red);background:#c2412d14}.positiveText{color:var(--green-dark)}.dashDayLabel{flex:0 0 64px;min-width:64px}.dashDayLabel strong{font-size:14px;display:block}.dashDayLabel small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.green-bg{background:#2f7d4f14}@media (max-width:1180px){.dashSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashSummaryGrid .heroResult{grid-column:1/-1}}@media (max-width:860px){.dashTwoCol{grid-template-columns:1fr}}@media (max-width:600px){.dashSummaryGrid{grid-template-columns:1fr 1fr}.dashControls{flex-direction:column;align-items:stretch}.dashControls label{flex:none;min-width:0}.dashControls .segmentedControl{width:100%}.dashRankValue{font-size:12px}}