.sf-intro{padding:10px 0 16px}.sf-intro h3{font-size:1.35rem;color:var(--purple,#6b36af);margin:0 0 6px}.sf-intro p,.sf-help{color:#71677a;line-height:1.55}.sf-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sf-controls[hidden]{display:none}.sf-controls select,.sf-controls input{font-size:16px;min-height:46px}.sf-scope{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:16px 0;color:#5e397f}.sf-scope span{font-size:.87rem;color:#7d7284}.sf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sf-kpi{display:flex;flex-direction:column;gap:8px;padding:18px 14px;border:1px solid #eadff3;border-radius:20px;background:#fff9fd;min-width:0}.sf-kpi span{color:#6b5b77;font-size:.88rem}.sf-kpi strong{font-size:1.38rem;color:#542585;overflow-wrap:anywhere}.sf-kpi small{font-size:.76rem;color:#7b6c86;line-height:1.45}.sf-teal{background:#eefbfa;border-color:#c3ebe6}.sf-teal strong{color:#147c79}.sf-pink{background:#fff1f7;border-color:#f3cbdd}.sf-pink strong{color:#b83a79}.sf-yellow{background:#fff9e9;border-color:#f7e4b0}.sf-yellow strong{color:#986211}.sf-purple{background:#f6efff}.sf-negative{background:#fff0f0}.sf-negative strong{color:#b52744}.sf-balance{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;padding:22px;border-radius:22px;background:linear-gradient(125deg,#f0e6fb,#fff2ee);border:1px solid #e8d4f3}.sf-balance div{display:flex;flex-direction:column;gap:10px}.sf-balance span{color:#634674}.sf-balance strong{font-size:1.7rem;color:#602999;overflow-wrap:anywhere}.sf-balance p{font-size:.82rem;line-height:1.6;color:#78667f;margin:0}.sf-primary-actions{display:flex;gap:12px;margin-bottom:20px}.sf-primary-actions button{flex:1;min-height:46px}.sf-section{border:1px solid #ebdfef;border-radius:20px;padding:18px;background:#fff;margin:14px 0}.sf-section h3{font-size:1.08rem;margin:0;color:#604373}.sf-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.sf-section-heading strong{color:#7034a7}.sf-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f1eaf4;font-size:.9rem;color:#725f7d}.sf-line b{white-space:nowrap;color:#5c356e}.sf-total{margin-top:8px;font-weight:700;border-bottom:0;color:#5b3278}.sf-help{font-size:.8rem;margin:12px 0 0}.sf-pending-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sf-pending-grid .sf-section{margin:0}.sf-pending-row,.sf-movement{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1eaf4}.sf-pending-row div,.sf-movement div{display:flex;flex-direction:column;gap:6px;min-width:0}.sf-pending-row b,.sf-movement b{font-size:.88rem;color:#5f426d;overflow-wrap:anywhere}.sf-pending-row span,.sf-movement span{font-size:.77rem;line-height:1.4;color:#7f7188}.sf-pending-row button{min-height:44px;border:1px solid #e9ddf1;border-radius:12px;background:#fbf6ff;color:#6b329a;padding:9px 11px;white-space:nowrap}.sf-pending-row .sf-late{background:#fff0f2;border-color:#f6cbda;color:#b4315a}.sf-pending-row .sf-receive{background:#eafaf7;border-color:#c5ebe2;color:#1c7770}.sf-movement strong{font-size:.9rem;white-space:nowrap}.sf-empty{font-size:.87rem;color:#807087;padding:14px 0}.sf-section .ghost{margin-top:12px;min-height:44px}.sf-shared{margin-bottom:16px}.sf-shared span{line-height:1.5}.sf-section .negative,.sf-balance .negative{color:#b4315a}.sf-section .positive{color:#17766b}@media(max-width:700px){.sf-kpis{grid-template-columns:1fr 1fr}.sf-pending-grid{grid-template-columns:1fr}.sf-balance{grid-template-columns:1fr;padding:18px}.sf-scope{align-items:flex-start;flex-direction:column}.sf-section{padding:15px}.sf-kpi strong{font-size:1.2rem}.sf-line{font-size:.84rem}}@media(max-width:380px){.sf-controls{grid-template-columns:1fr}.sf-primary-actions{flex-direction:column}.sf-pending-row{align-items:flex-start}.sf-kpi{padding:14px 10px}.sf-kpi strong{font-size:1.08rem}}@media(prefers-reduced-motion:reduce){.sf-section,.sf-kpi{animation:none;transition:none}}

.sf-detail>summary{font-weight:700;color:#604373;cursor:pointer;min-height:44px;padding:10px 0;list-style-position:inside}.sf-detail>summary:focus-visible{outline:3px solid #ccadf0;outline-offset:4px;border-radius:8px}.sf-detail>.sf-section-heading{margin:0}.sf-detail[open]>.sf-section-heading{margin-bottom:12px}