.sammel-demo{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #00000014;max-width:680px;height:480px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.sammel-demo__tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #e5e7eb;padding:0}.sammel-tab{flex:1;padding:12px 8px;font-size:12px;font-weight:600;color:#6b7280;text-align:center;cursor:default;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:2px solid transparent;transition:all .3s ease}.sammel-tab--active{color:#ea580c;border-bottom-color:#ea580c;background:#fff}.sammel-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:9px;font-size:10px;font-weight:700;color:#fff}.sammel-tab__badge--green{background:#22c55e}.sammel-tab__badge--orange{background:#ea580c}.sammel-demo__filters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;padding:10px 14px;background:#f8f9fa;border-bottom:1px solid #e5e7eb}.sammel-filter{display:flex;flex-direction:column;gap:2px}.sammel-filter__label{font-size:9px;color:#9ca3af;text-transform:none;letter-spacing:0}.sammel-filter__value{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280;padding:5px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.sammel-filter__icon{width:12px;height:12px;opacity:.5}.sammel-demo__list{padding:0;position:relative}.sammel-row{display:grid;grid-template-columns:32px 32px 1fr auto 32px auto;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #f3f4f6;transition:background .3s ease;position:relative}.sammel-row:last-child{border-bottom:none}.sammel-row.is-selected{background:#f0fdf4}.sammel-row__check{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:default;transition:all .3s ease;flex-shrink:0}.sammel-row__check.is-checked{background:#22c55e;border-color:#22c55e}.sammel-row__check svg{width:12px;height:12px;stroke:#fff;stroke-width:3;opacity:0;transform:scale(0);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.sammel-row__check.is-checked svg{opacity:1;transform:scale(1)}.sammel-row__icon{width:28px;height:28px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sammel-row__icon svg{width:14px;height:14px;stroke:#6b7280}.sammel-row__info{min-width:0}.sammel-row__name{font-size:12px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sammel-row__date{font-size:10px;color:#9ca3af;display:flex;align-items:center;gap:6px}.sammel-row__date-question{color:#ea580c;font-weight:700;cursor:default}.sammel-row__amount{font-size:13px;font-weight:700;white-space:nowrap;text-align:right}.sammel-row__amount--negative{color:#ea580c}.sammel-row__amount--positive{color:#1f2937}.sammel-row__plus{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#22c55e;cursor:default}.sammel-row__action{font-size:11px;font-weight:600;color:#2563eb;white-space:nowrap}.sammel-demo__actionbar{position:absolute;bottom:0;left:0;right:0;background:#1a1a2e;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:5}.sammel-demo__actionbar.is-visible{transform:translateY(0)}.sammel-actionbar__text{font-size:12px}.sammel-actionbar__text strong{font-weight:700}.sammel-actionbar__btn{display:flex;align-items:center;gap:6px;background:#22c55e;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:default;transition:all .3s ease}.sammel-actionbar__btn svg{width:14px;height:14px}.sammel-actionbar__btn.is-pulsing{animation:sammelBtnPulse 1s ease-in-out infinite}@keyframes sammelBtnPulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.sammel-actionbar__dropdown{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#16a34a;border-radius:0 6px 6px 0;margin-left:-2px;cursor:default}.sammel-modal{position:absolute;top:0;right:0;bottom:0;width:55%;background:#fff;border-left:1px solid #e5e7eb;box-shadow:-4px 0 24px #00000014;transform:translate(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:8;display:flex;flex-direction:column;overflow:hidden}.sammel-modal.is-visible{transform:translate(0)}.sammel-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb}.sammel-modal__title{font-size:14px;font-weight:700;color:#1f2937}.sammel-modal__close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:18px;cursor:default}.sammel-modal__subtitle{padding:10px 16px;font-size:12px;color:#6b7280;border-bottom:1px solid #f3f4f6}.sammel-modal__body{padding:16px;flex:1;display:flex;flex-direction:column;gap:12px}.sammel-modal__field{position:relative}.sammel-modal__field-label{position:absolute;top:-7px;left:10px;background:#fff;padding:0 4px;font-size:10px;color:#9ca3af;z-index:1}.sammel-modal__field-value{border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-size:13px;color:#9ca3af;min-height:38px;display:flex;align-items:center;gap:8px;transition:all .3s ease}.sammel-modal__field-value.is-filled{border-color:#22c55e;color:#1f2937;font-weight:600}.sammel-modal__field-icon{width:16px;height:16px;color:#9ca3af;flex-shrink:0}.sammel-modal__field-value.is-filled .sammel-modal__field-icon{color:#1f2937}.sammel-modal__field-arrow{margin-left:auto;width:12px;height:12px;color:#9ca3af}.sammel-modal__steuer{display:inline-flex;align-items:center;gap:6px;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:13px;color:#9ca3af;transition:all .3s ease;width:auto}.sammel-modal__steuer.is-filled{border-color:#d1d5db;color:#1f2937;font-weight:600}.sammel-modal__notiz{border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-size:13px;color:#9ca3af;min-height:60px}.sammel-modal__notiz-counter{font-size:10px;color:#9ca3af;text-align:right;margin-top:4px}.sammel-modal__footer{border-top:1px solid #e5e7eb;padding:12px 16px}.sammel-modal__footer-row{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;padding:2px 0}.sammel-modal__footer-actions{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid #f3f4f6}.sammel-modal__help{font-size:11px;color:#6b7280;display:flex;align-items:center;gap:4px;cursor:default}.sammel-modal__submit{display:flex;align-items:center;gap:6px;background:#ea580c;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:default;transition:all .3s ease}.sammel-modal__submit.is-pulsing{animation:sammelBtnPulse 1s ease-in-out infinite}.sammel-success{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:20}.sammel-success.is-visible{opacity:1}.sammel-success__check{width:56px;height:56px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transform:scale(0);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.sammel-success.is-visible .sammel-success__check{transform:scale(1)}.sammel-success__check svg{color:#fff;width:28px;height:28px}.sammel-success__text{font-size:15px;font-weight:600;color:#1f2937}.sammel-success__sub{font-size:12px;color:#9ca3af;margin-top:4px}.sammel-modal__steuer-wrap{display:flex;flex-direction:column;gap:2px}.sammel-modal__steuer-label{font-size:10px;color:#9ca3af}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}