.success-feedback{position:fixed;right:24px;bottom:24px;z-index:110;display:flex;align-items:center;gap:13px;max-width:min(490px,calc(100vw - 32px));padding:17px 20px;border:1px solid #cfe7df;border-radius:14px;background:var(--surface,#fff);color:var(--ink,#253044);box-shadow:0 10px 35px #153f5124;pointer-events:none;isolation:isolate;overflow:hidden}
.success-feedback[hidden]{display:none}.success-feedback-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e9f7f1;color:#14775c;font-size:22px;font-weight:700}.success-feedback-copy{display:grid;gap:4px;min-width:0}.success-feedback-copy>strong{font-size:15px;line-height:1.35}.success-feedback-copy>span{color:var(--muted,#687588);font-size:12px;line-height:1.45}.success-feedback-value{margin-left:auto;white-space:nowrap;font-size:17px;color:#14775c;font-variant-numeric:tabular-nums}.success-feedback-copy .success-feedback-goal{font-size:17px;font-weight:700;color:var(--accent,#287cb4);font-variant-numeric:tabular-nums}.success-feedback-milestone{border-color:#bfdce9;background:#f4fbff}.success-feedback-milestone .success-feedback-icon{color:#166d9c;background:#e0f1fc}.success-feedback.is-visible{animation:crm-success-arrive .35s ease-out}.success-feedback.is-visible .success-feedback-value{animation:crm-success-value .5s ease-out}.success-feedback-sparks{position:absolute;inset:0;z-index:-1;pointer-events:none}.success-feedback-sparks i{position:absolute;left:45%;top:50%;width:5px;height:5px;background:#72badb;opacity:0;--x:100px;--y:-25px}.success-feedback-sparks i:nth-child(2){--x:-120px;--y:25px}.success-feedback-sparks i:nth-child(3){--x:90px;--y:35px}.success-feedback-sparks i:nth-child(4){--x:-90px;--y:-35px}.success-feedback.is-visible .success-feedback-sparks i{animation:crm-success-spark .65s ease-out}.success-feedback-settings{border-top:1px solid var(--line,#e3e8ef);padding-top:18px;margin-top:18px;display:grid;gap:12px}.success-feedback-options{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.success-feedback-toggle{display:flex;gap:9px;align-items:center;min-height:44px;font-size:14px}.success-feedback-toggle input{width:18px;height:18px;accent-color:var(--accent,#287cb4)}.success-feedback-volume{display:grid;grid-template-columns:auto auto;gap:5px 12px;font-size:13px;max-width:250px}.success-feedback-volume [data-success-volume-label]{text-align:right;font-variant-numeric:tabular-nums}.success-feedback-volume input{grid-column:1/-1;min-height:30px;width:100%;accent-color:var(--accent,#287cb4)}.success-feedback-settings [data-success-status]{min-height:18px}.success-feedback-settings .actions{gap:8px}
@keyframes crm-success-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes crm-success-value{0%{transform:scale(.9)}45%{transform:scale(1.07)}100%{transform:scale(1)}}@keyframes crm-success-spark{0%{opacity:.8;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--x),var(--y))}}
.success-feedback.is-reduced-motion,.success-feedback.is-reduced-motion *{animation:none!important}.success-feedback.is-reduced-motion .success-feedback-sparks{display:none}
@media(max-width:760px){.success-feedback{right:12px;left:12px;bottom:calc(88px + env(safe-area-inset-bottom,0px));max-width:none;padding:14px 16px;gap:10px}.success-feedback-value{font-size:16px}.success-feedback-copy>strong{font-size:14px}.success-feedback-settings .actions .btn{min-height:40px}.success-feedback-options{gap:8px 18px}}
@media(max-width:380px){.success-feedback{flex-wrap:wrap}.success-feedback-value{margin-left:44px}.success-feedback-copy{flex:1}.success-feedback-volume{width:100%}}
@media(prefers-reduced-motion:reduce){.success-feedback,.success-feedback *{animation:none!important}.success-feedback-sparks{display:none}}