:root{--primary:#2563eb;--primary-hover:#1d4ed8;--link:#2563eb;--bg:#fff;--bg-secondary:#f9fafb;--text:#111827;--text-subtle:#6b7280;--border:#e5e7eb;--danger:#dc2626;--success:#047857;--k-brand:#ff6b00;--s-brand:#00843d;--lidl-brand:#0050aa;--lidl-brand-text:#ffe500;--page-pad:16px;--skeleton:#eceef1}[data-theme=dark]{--primary:#2563eb;--primary-hover:#1d4ed8;--link:#60a5fa;--bg:#030712;--bg-secondary:#111827;--text:#f3f4f6;--text-subtle:#9ca3af;--border:#1f2937;--danger:#ef4444;--success:#10b981;--skeleton:#1b2433}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;background-color:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--primary);outline-offset:2px}.app-dialog{width:100%;max-width:none;height:100%;max-height:none;color:var(--text);background:0 0;border:0;margin:0;padding:16px;position:fixed;inset:0;overflow:hidden}.app-dialog[open]{justify-content:center;align-items:center;display:flex}.app-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080}.app-dialog__panel{overscroll-behavior:contain;border:1px solid var(--border);background:var(--bg);border-radius:8px;width:min(100%,420px);max-height:calc(100dvh - 32px);padding:20px;overflow-y:auto;box-shadow:0 18px 48px #0000003d}.app-dialog--sheet{align-items:flex-end;padding:0}.app-dialog--sheet .app-dialog__panel{width:100%;max-width:none;max-height:85dvh;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0}@media (min-width:769px){.app-dialog--sheet{align-items:center;padding:24px}.app-dialog--sheet .app-dialog__panel{border-radius:8px;max-width:680px}}.toast-root{z-index:60;bottom:calc(84px + env(safe-area-inset-bottom,0px));pointer-events:none;width:min(92vw,440px);position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--text);min-height:48px;color:var(--bg);pointer-events:auto;border-radius:8px;align-items:center;gap:10px;padding:10px 10px 10px 14px;animation:.15s ease-out toast-enter;display:flex;box-shadow:0 8px 28px #00000047}.toast--success{background:var(--success);color:#fff}.toast--danger{background:var(--danger);color:#fff}.toast__message{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px}.toast__action,.toast__dismiss{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.toast__action{text-underline-offset:3px;padding-inline:8px;text-decoration:underline}.toast__dismiss{flex:0 0 44px;width:44px;font-size:20px}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}}.app-shell[data-keyboard=true] .toast-root{bottom:16px}@media (min-width:769px){.toast-root{bottom:24px}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.full-height{min-height:100vh}@supports (height:100dvh){.app-shell,.full-height{min-height:100dvh}}.page-title{font-size:clamp(20px,2.5vw + 14px,28px);font-weight:700}.app-main{--page-pad:16px;padding:16px var(--page-pad) calc(76px + env(safe-area-inset-bottom,0px));flex:1}.app-main-inner{max-width:1280px;margin-inline:auto}.offline-banner{top:calc(52px + env(safe-area-inset-top,0px));z-index:6;border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:8px 12px;font-size:14px;display:flex;position:sticky}.offline-banner>span{flex:1}.offline-banner button{min-width:44px;min-height:44px;color:var(--text-subtle);cursor:pointer;background:0 0;border:0;font-size:20px}.sync-status{color:var(--text-subtle);font-size:12px;position:relative}.sync-status--error{color:var(--danger)}.sync-status summary{cursor:pointer;align-items:center;gap:4px;list-style:none;display:inline-flex}.sync-status summary::-webkit-details-marker{display:none}.sync-status-icon{display:inline-block}.sync-status-icon--spinning{animation:1.2s linear infinite sync-spin}.sync-status-detail{z-index:20;border:1px solid var(--border);background:var(--bg);width:min(260px,100vw - 32px);color:var(--text);border-radius:8px;padding:10px 12px;line-height:1.4;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;box-shadow:0 6px 18px #00000024}@keyframes sync-spin{to{transform:rotate(360deg)}}.app-topbar,.app-bottomnav,.app-sidebar{display:flex}.app-shell[data-keyboard=true] .app-bottomnav{display:none}.app-shell[data-keyboard=true] .app-main{padding-bottom:16px}@media (max-width:768px){.app-sidebar,.app-topbar .online-label{display:none}}@media (min-width:769px){.app-shell{flex-direction:row}.app-topbar,.app-bottomnav{display:none}.app-main{--page-pad:24px;padding:24px}.offline-banner{top:0}}a{color:inherit;text-decoration:none}.skeleton{background:var(--skeleton);border-radius:8px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);animation:1.3s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}[dir=rtl] .skeleton:after{animation-direction:reverse}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.route-loading-bar{top:env(safe-area-inset-top,0);background:var(--primary);opacity:0;z-index:100;width:30%;height:2px;animation:1.1s ease-in-out .12s infinite route-loading-bar;position:fixed;inset-inline-start:0}@keyframes route-loading-bar{0%{opacity:1;transform:translate(-100%)}to{opacity:1;transform:translate(430%)}}@keyframes route-loading-reveal{to{opacity:.7}}@media (prefers-reduced-motion:reduce){.skeleton:after,.sync-status-icon--spinning{animation:none}.route-loading-bar{animation:0s linear .12s forwards route-loading-reveal}}html[data-onboarding=pending] .app-shell{visibility:hidden}