.beleg-demo{background:#f8f9fa;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #00000014;max-width:680px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.beleg-demo__toolbar{background:#2d2d2d;color:#fff;padding:10px 16px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:12px}.beleg-demo__toolbar-back{color:#fff9;font-size:16px}.beleg-demo__toolbar-close{margin-left:auto;color:#fff9;font-size:16px}.beleg-demo__body{display:grid;grid-template-columns:1fr 1fr;height:480px;overflow:hidden;position:relative}@media(max-width:640px){.beleg-demo__body{grid-template-columns:1fr;min-height:auto}}.beleg-demo__left{border-right:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:#fff}@media(max-width:640px){.beleg-demo__left{border-right:none;border-bottom:1px solid #e5e7eb;min-height:200px}}.beleg-upload{text-align:center;color:#9ca3af;transition:opacity .5s ease}.beleg-upload__icon{width:48px;height:48px;margin:0 auto 12px;color:var(--accent-500, #10B981)}.beleg-upload__title{font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.beleg-upload__subtitle{font-size:11px;color:#9ca3af}.beleg-invoice{position:absolute;top:48px;right:16px;bottom:48px;left:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;font-size:11px;color:#374151;opacity:0;transform:translateY(-30px);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0000000f}.beleg-invoice.is-visible{opacity:1;transform:translateY(0)}.beleg-invoice__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.beleg-invoice__brand{font-weight:700;font-size:14px;color:#1f2937}.beleg-invoice__brand-sub{font-size:9px;color:#9ca3af;font-weight:400}.beleg-invoice__label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9ca3af;font-weight:600}.beleg-invoice__row{display:flex;justify-content:space-between;padding:4px 0;font-size:11px}.beleg-invoice__row--total{border-top:1px solid #e5e7eb;margin-top:8px;padding-top:8px;font-weight:700;font-size:13px}.beleg-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s ease}.beleg-scan.is-active{opacity:1}.beleg-scan__line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-500, #10B981),transparent);box-shadow:0 0 12px #10b98166;animation:scanLine 2s ease-in-out infinite}@keyframes scanLine{0%{top:10%}50%{top:85%}to{top:10%}}.beleg-scan__text{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#10b9811a;color:var(--accent-500, #10B981);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap}.beleg-scan__dot{width:6px;height:6px;background:var(--accent-500, #10B981);border-radius:50%;animation:pulseDot 1s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}.beleg-demo__right{padding:20px;background:#fafafa;overflow-y:auto}.beleg-section__title{font-size:15px;font-weight:700;color:#1f2937;margin-bottom:14px}.beleg-field{margin-bottom:10px;position:relative}.beleg-field__label{position:absolute;top:-7px;left:10px;background:#fafafa;padding:0 4px;font-size:10px;color:#9ca3af;z-index:1}.beleg-field__value{border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-size:13px;color:#374151;background:#fff;min-height:38px;display:flex;align-items:center;transition:border-color .3s ease}.beleg-field__value.is-filled{border-color:var(--accent-500, #10B981);color:#1f2937}.beleg-field__value--empty{color:#d1d5db}.beleg-field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.beleg-kategorie{margin-top:16px;padding-top:12px;border-top:1px solid #e5e7eb;max-height:200px;transition:max-height .4s ease,opacity .3s ease}.beleg-kategorie__badge{display:inline-flex;align-items:center;gap:6px;background:#10b9811a;color:var(--accent-500, #10B981);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.beleg-kategorie__badge.is-visible{opacity:1;transform:translateY(0)}.beleg-bank{margin-top:0;padding:0 12px;background:#fff;border:1px solid transparent;border-radius:8px;max-height:0;overflow:hidden;opacity:0;transform:translateY(10px);transition:all .5s ease}.beleg-bank.is-visible{max-height:200px;margin-top:14px;padding:12px;border-color:#e5e7eb;opacity:1;overflow:visible;transform:translateY(0)}.beleg-bank__header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:10px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.beleg-bank__logo{height:16px;width:auto}.beleg-bank__row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:12px;color:#374151}.beleg-bank__amount{font-weight:700;color:#dc2626}.beleg-bank__btn{display:block;width:100%;margin-top:8px;padding:8px;background:var(--accent-500, #10B981);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.beleg-bank__btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.beleg-bank__btn.is-pulsing{animation:btnPulse 1s ease-in-out infinite}@keyframes btnPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.beleg-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:10}.beleg-success.is-visible{opacity:1}.beleg-success__check{width:56px;height:56px;background:var(--accent-500, #10B981);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)}.beleg-success.is-visible .beleg-success__check{transform:scale(1)}.beleg-success__check svg{color:#fff;width:28px;height:28px}.beleg-success__text{font-size:15px;font-weight:600;color:#1f2937}.beleg-success__sub{font-size:12px;color:#9ca3af;margin-top:4px}.beleg-pop{animation:belegBounce .25s cubic-bezier(.34,1.56,.64,1) both}@keyframes belegBounce{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}