:root{--primary:#46b82e;--primary-hover:#3ca026;--primary-glow:#46b82e26;--bg-body:#111622;--surface-panel:#191e2b;--surface-hover:#1f2835;--border-color:#263240;--text-main:#e9edf1;--text-muted:#7b909d;--danger:#e2565b;--advisory:#e0a33c;--info:#5b93ee;--shadow-sm:0 1px 4px #0000002e;--shadow:0 4px 14px #00000040;--elevation:var(--shadow-sm), 0 0 0 1px color-mix(in srgb, var(--border-color) 60%, transparent);--radius:8px;--radius-lg:calc(var(--radius) * 1.5);--foreign-ground:#fff;--on-solid:#fff;--font:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-small:.84rem;--fs-body:.95rem;--fs-h3:1.05rem;--fs-h2:1.25rem;--fs-h1:clamp(1.5rem, 1.15rem + 1.3vw, 2rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--motion-fast:.15s;--motion-rise:.26s;--ease-out:cubic-bezier(.2, .7, .3, 1)}[data-theme=light]{--bg-body:#fff;--surface-panel:#fff;--surface-hover:#f2f3f5;--border-color:#e3e6ea;--primary:#23aa08;--primary-hover:#1e9207;--text-main:#191e2b;--text-muted:#445667;--danger:#cd272d;--advisory:#5c4b00;--info:#1f6ce3;--primary-glow:#23aa081a;--shadow-sm:0 1px 3px #191e2b0f;--shadow:0 4px 16px #191e2b12}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg-body);color:var(--text-main);font-family:var(--font);-webkit-font-smoothing:antialiased}.btn{border-radius:var(--radius);cursor:pointer;min-height:36px;transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease, opacity var(--motion-fast) ease, transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:7px 16px;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-solid)}.btn.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn.secondary{background:var(--surface-hover);color:var(--text-main);border-color:#0000}.btn.secondary:hover:not(:disabled){background:var(--border-color)}.btn:active:not(:disabled){transform:translateY(0)scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.icon-btn{border-radius:var(--radius);width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-hover);color:var(--text-main)}.icon-btn:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.icon-btn:disabled{opacity:.55;cursor:not-allowed}.input{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--surface-panel);width:100%;height:42px;color:var(--text-main);transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;padding:0 12px;font-family:inherit;font-size:.9rem}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.input::placeholder{color:var(--text-muted)}.input:disabled{opacity:.55;cursor:not-allowed}input[type=file]{max-width:100%;color:var(--text-muted);font-family:var(--font);font-size:.875rem}input[type=file]::file-selector-button{border-radius:var(--radius);background:var(--surface-hover);min-height:36px;color:var(--text-main);font-family:var(--font);cursor:pointer;transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease;border:1px solid #0000;margin-right:10px;padding:7px 16px;font-size:.875rem;font-weight:600}input[type=file]:hover:not(:disabled)::file-selector-button{background:var(--border-color)}input[type=file]:focus-visible{outline:none}input[type=file]:focus-visible::file-selector-button{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}input[type=file]:disabled{opacity:.55;cursor:not-allowed}input[type=file]:disabled::file-selector-button{cursor:not-allowed}.card{background:var(--surface-panel);border-radius:var(--radius-lg);box-shadow:var(--elevation);border:0;overflow:hidden}.card-title{padding:var(--space-5) var(--space-5) 0;color:var(--text-main);font-size:var(--fs-h3);letter-spacing:-.005em;margin:0;font-weight:750;line-height:1.3}.card-body{padding:var(--space-5)}.card-title+.card-body{padding-top:var(--space-3)}.card .card{background:color-mix(in srgb, var(--surface-hover) 70%, var(--surface-panel));box-shadow:none;border-radius:var(--radius)}.card .card .card-title{padding:var(--space-4) var(--space-4) 0;font-size:var(--fs-body)}.card .card .card-body{padding:var(--space-4)}.card .card .card-title+.card-body{padding-top:var(--space-2)}@media (width<=640px){.card-title{padding:var(--space-4) var(--space-4) 0}.card-body{padding:var(--space-4)}.card-title+.card-body{padding-top:var(--space-3)}}.tag{background:var(--surface-hover);color:var(--text-muted);border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-block}.chip{background:var(--primary-glow);color:var(--primary);border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.pill{background:var(--surface-hover);color:var(--text-muted);transition:background var(--motion-fast) ease, color var(--motion-fast) ease;border-radius:999px;align-items:center;gap:3px;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.pill.accent{background:var(--primary-glow);color:var(--primary);padding:2px 8px;font-size:.7rem;font-weight:700}.status{border-radius:var(--radius);padding:var(--space-4) var(--space-5);border:1px solid color-mix(in srgb, var(--tone) 40%, transparent);background:color-mix(in srgb, var(--tone) 8%, var(--surface-panel))}.status__verdict{color:var(--tone);letter-spacing:-.02em;font-weight:800}.status--ok{--tone:var(--primary)}.status--late{--tone:var(--danger)}.status--overdue{--tone:var(--advisory)}.status--partial{--tone:var(--info)}.tone--ok{--tone:var(--primary)}.tone--warn{--tone:var(--advisory)}.tone--bad{--tone:var(--danger)}.tone--info{--tone:var(--info)}.tone--unknown{--tone:var(--text-muted)}.h1{font-size:var(--fs-h1);letter-spacing:-.015em;margin:0;font-weight:800;line-height:1.15}.h2{font-size:var(--fs-h2);letter-spacing:-.01em;margin:0;font-weight:750;line-height:1.25}.h3{font-size:var(--fs-h3);margin:0;font-weight:700;line-height:1.3}.lead{color:var(--text-muted);max-width:70ch;margin:0;font-size:1rem;line-height:1.5}.small{font-size:var(--fs-small)}.micro-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700}.muted{color:var(--text-muted)}.stack{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.stack--tight{gap:var(--space-1)}.stack--snug{gap:var(--space-2)}.stack--loose{gap:var(--space-4)}.row{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.stack.stack>*,.row.row>*{margin:0}.page-head{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.page-head__crumbs ol{align-items:center;gap:var(--space-1);color:var(--text-muted);font-size:var(--fs-small);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.page-head__crumbs a{color:var(--text-muted);font-weight:600;text-decoration:none}.page-head__crumbs a:hover{color:var(--text-main);text-underline-offset:3px;text-decoration:underline}.page-head__crumbs a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.page-head__crumbs [aria-current=page]{color:var(--text-main)}.page-head__main{justify-content:space-between;align-items:flex-start;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.page-head__text{gap:var(--space-2);flex-direction:column;flex:20rem;min-width:0;display:flex}.page-head__title-row{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.page-head__title{overflow-wrap:anywhere}.page-head__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=640px){.page-head__actions{width:100%}.page-head__actions>:last-child{flex:auto}}.skeleton{background:var(--surface-hover);border-radius:999px;width:100%;height:.9em;animation:1.6s ease-in-out infinite tts-skeleton-breathe;display:block}.skeleton--block{border-radius:var(--radius-lg);height:6rem}.skeleton--round{border-radius:999px}@keyframes tts-skeleton-breathe{0%,to{opacity:1}50%{opacity:.55}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.how{min-width:0;display:block}.how>summary{margin-left:calc(-1 * var(--space-2));padding:var(--space-1) var(--space-2);color:var(--text-muted);cursor:pointer;transition:background var(--motion-fast) ease, color var(--motion-fast) ease;border-radius:999px;align-items:center;gap:6px;font-size:.8rem;font-weight:600;list-style:none;display:inline-flex}.how>summary::-webkit-details-marker{display:none}.how>summary:hover,.how[open]>summary{background:var(--surface-hover);color:var(--text-main)}.how>summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.how__chevron{transition:transform var(--motion-fast) ease;display:inline-flex}.how[open] .how__chevron{transform:rotate(180deg)}.how__body{gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:color-mix(in srgb, var(--info) 9%, transparent);animation:tts-rise var(--motion-rise) var(--ease-out) backwards;flex-direction:column;font-size:.86rem;line-height:1.5;display:flex}.how__body>*{margin:0}.rise{animation:tts-rise var(--motion-rise) var(--ease-out) backwards}@keyframes tts-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);background-clip:content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-corner{background:0 0}body{background:var(--bg-body);color:var(--text-main);font-family:var(--font);margin:0}.page{max-width:1100px;margin:0 auto;padding:32px 20px}.page__title{letter-spacing:-.02em;margin:0 0 4px;font-size:1.4rem;font-weight:800}.page__lead{color:var(--text-muted);margin:0 0 22px;font-size:.9rem}.row{gap:8px;margin-bottom:18px;display:flex}.list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.list__item{justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.product-card{flex-direction:column;gap:6px;padding:14px;display:flex}.product-card__name{margin:0;font-size:.9rem;font-weight:700}.product-card__name a{color:inherit;text-decoration:none}.product-card__name a:hover{text-decoration:underline}.product-card__name a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.product-card__sku{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 2px;font-size:.7rem;font-weight:700}.product-card__badges{flex-wrap:wrap;gap:6px;display:flex}.product-card__variants{flex-direction:column;gap:10px;margin-top:4px;display:flex}.product-card__variant{border-top:1px solid var(--border-color);flex-direction:column;gap:6px;padding-top:8px;display:flex}.product-card__variant:first-child{border-top:none;padding-top:0}.product-card__variant-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.product-card__price{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.product-card__price-orig{color:var(--text-muted);font-size:.78rem;text-decoration:line-through}.product-card__price-final{font-size:1.05rem;font-weight:800}.product-card__availability{color:var(--text-main);align-items:center;gap:4px;font-size:.78rem;font-weight:700;display:inline-flex}.cart__item{align-items:center}.cart__item-meta{flex-direction:column;gap:4px;display:flex}.cart__item-name{font-weight:600}.cart__item-sku{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700}.cart__item-badges{gap:6px;display:flex}.cart__item-hinweis{color:var(--danger);font-size:.72rem;font-weight:700}.cart__item-controls{align-items:center}.cart__item-sum{text-align:right;min-width:90px;font-weight:700}.cart__total{border-top:1px solid var(--border-color);justify-content:flex-end;gap:16px;padding:14px 20px;font-size:.95rem;display:flex}.cart__total strong{font-size:1.1rem}.cart__actions{justify-content:flex-end;padding:0 20px 16px;display:flex}.toast{z-index:100;background:var(--surface-panel);border:1px solid var(--primary);box-shadow:0 0 0 3px var(--primary-glow), var(--shadow);border-radius:var(--radius);color:var(--text-main);opacity:0;pointer-events:none;padding:12px 16px;font-size:.85rem;font-weight:700;transition:all .15s;position:fixed;top:20px;right:20px;transform:translateY(-8px)}.toast--show{opacity:1;transform:translateY(0)}