/* Login & Registrieren – Clean (2026-10-25) */
html:not(#sx):not(#sx) #root .modal-backdrop{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:32px 16px!important;overflow-y:auto!important;background:rgba(0,0,0,.66)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important;backdrop-filter:blur(18px) saturate(140%)!important;animation:sxFade .35s ease both}
html:not(#sx):not(#sx) #root .auth-card{position:relative!important;width:100%!important;max-width:460px!important;margin:auto!important;padding:36px 32px 28px!important;gap:0!important;border-radius:28px!important;background:linear-gradient(180deg,#121214 0%,#0a0a0b 100%)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 40px 120px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06)!important;color:#f5f5f7!important;animation:sxPop .5s cubic-bezier(.22,1,.36,1) both;overflow:hidden!important;max-height:none!important;height:auto!important;flex:none!important}
html:not(#sx):not(#sx) #root .auth-card:has(input[type=checkbox]){max-width:620px!important}
html:not(#sx):not(#sx) #root .auth-card::before{content:"";position:absolute;left:-20%;right:-20%;top:-160px;height:260px;background:radial-gradient(50% 50% at 50% 50%,rgba(41,151,255,.16),transparent 70%);pointer-events:none}
html:not(#sx):not(#sx) #root .auth-card > *{position:relative}
html:not(#sx):not(#sx) #root .auth-card .brand{gap:10px!important}
html:not(#sx):not(#sx) #root .auth-card h2{margin-top:26px!important;font-size:clamp(26px,4.4vw,32px)!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1.1!important;color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important}
html:not(#sx):not(#sx) #root .auth-card h2 + p{margin-top:10px!important;font-size:15px!important;line-height:1.55!important;color:#a1a1a6!important;-webkit-text-fill-color:#a1a1a6!important}
html:not(#sx):not(#sx) #root .auth-card .icon-button{width:36px!important;height:36px!important;border-radius:50%!important;background:rgba(255,255,255,.06)!important;border:0!important;color:#a1a1a6!important;display:inline-grid!important;place-items:center!important;transition:background .25s,color .25s}
html:not(#sx):not(#sx) #root .auth-card .icon-button:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
html:not(#sx):not(#sx) #root .auth-card form{margin-top:28px!important;display:flex!important;flex-direction:column!important;gap:14px!important}
html:not(#sx):not(#sx) #root .auth-card form > *{margin:0!important}
html:not(#sx):not(#sx) #root .auth-card form .grid{gap:14px!important}
html:not(#sx):not(#sx) #root .auth-card .field{display:flex!important;flex-direction:column!important;gap:7px!important}
html:not(#sx):not(#sx) #root .auth-card .field > span{font-size:13px!important;font-weight:500!important;color:#a1a1a6!important;-webkit-text-fill-color:#a1a1a6!important;letter-spacing:0!important;text-transform:none!important}
html:not(#sx):not(#sx) #root .auth-card input:not([type=checkbox]):not([type=radio]):not([type=range]){height:48px!important;width:100%!important;padding:0 16px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.06)!important;background:#1a1a1c!important;color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important;font-size:15px!important;box-shadow:none!important;outline:none!important;transition:border-color .2s,box-shadow .2s,background .2s!important}
html:not(#sx):not(#sx) #root .auth-card .relative input{padding-left:40px!important}
html:not(#sx):not(#sx) #root .auth-card input::placeholder{color:#5c5c61!important;-webkit-text-fill-color:#5c5c61!important}
html:not(#sx):not(#sx) #root .auth-card input:not([type=checkbox]):not([type=radio]):not([type=range]):hover{background:#1e1e21!important}
html:not(#sx):not(#sx) #root .auth-card input:not([type=checkbox]):not([type=radio]):not([type=range]):focus{border-color:#2997ff!important;box-shadow:0 0 0 4px rgba(41,151,255,.2)!important;background:#1c1c1f!important}
html:not(#sx):not(#sx) #root .auth-card input:not([type=checkbox]):not([type=radio]):not([type=range]):-webkit-autofill,html:not(#sx):not(#sx) #root .auth-card input:not([type=checkbox]):not([type=radio]):not([type=range]):-webkit-autofill:hover,html:not(#sx):not(#sx) #root .auth-card input:not([type=checkbox]):not([type=radio]):not([type=range]):-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #1a1a1c inset!important;box-shadow:0 0 0 1000px #1a1a1c inset!important;-webkit-text-fill-color:#f5f5f7!important;caret-color:#f5f5f7;border-color:rgba(255,255,255,.06)!important;transition:background-color 99999s ease 0s!important}
html:not(#sx):not(#sx) #root .auth-card input:not([type=checkbox]):not([type=radio]):not([type=range]):-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #1a1a1c inset,0 0 0 4px rgba(41,151,255,.2)!important}
html:not(#sx):not(#sx) #root .auth-card .relative svg{color:#6e6e73!important}
html:not(#sx):not(#sx) #root .auth-card label:has(input[type=checkbox]){color:#a1a1a6!important;-webkit-text-fill-color:#a1a1a6!important;font-size:14px!important;cursor:pointer}
html:not(#sx):not(#sx) #root .auth-card input[type=checkbox]{width:18px!important;height:18px!important;accent-color:#2997ff!important;margin:0!important}
html:not(#sx):not(#sx) #root .auth-card form > button{height:52px!important;margin-top:8px!important;border-radius:999px!important;background:#f5f5f7!important;color:#000!important;-webkit-text-fill-color:#000!important;font-size:15px!important;font-weight:600!important;border:0!important;box-shadow:0 8px 30px rgba(255,255,255,.08)!important;transition:background .25s,transform .25s cubic-bezier(.22,1,.36,1)!important}
html:not(#sx):not(#sx) #root .auth-card form > button:hover{background:#fff!important}
html:not(#sx):not(#sx) #root .auth-card form > button:disabled{opacity:.5!important}
html:not(#sx):not(#sx) #root .auth-card .auth-switch{margin-top:22px!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.07)!important;text-align:center!important;font-size:14px!important;color:#6e6e73!important;-webkit-text-fill-color:#6e6e73!important}
html:not(#sx):not(#sx) #root .auth-card .auth-switch button,html:not(#sx):not(#sx) #root .auth-card .auth-switch a{background:none!important;border:0!important;padding:0 2px!important;color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important;font-weight:600!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.25)!important;text-underline-offset:3px!important;cursor:pointer;transition:text-decoration-color .2s}
html:not(#sx):not(#sx) #root .auth-card .auth-switch button:hover,html:not(#sx):not(#sx) #root .auth-card .auth-switch a:hover{text-decoration-color:#fff!important}
html:not(#sx):not(#sx) #root .auth-card > p:last-child,html:not(#sx):not(#sx) #root .auth-card p[class*="text-[11px]"]{margin-top:16px!important;font-size:12px!important;line-height:1.55!important;color:#6e6e73!important;-webkit-text-fill-color:#6e6e73!important;text-align:center!important}
html:not(#sx):not(#sx) #root .auth-card [role=alert],html:not(#sx):not(#sx) #root .auth-card .text-red-600,html:not(#sx):not(#sx) #root .auth-card [class*="text-red"]{color:#ff6961!important;-webkit-text-fill-color:#ff6961!important}
html:not(#sx):not(#sx) #root .auth-card [class*="absolute"][class*="z-"]{background:#1a1a1c!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;box-shadow:0 20px 50px rgba(0,0,0,.6)!important;overflow:hidden}
html:not(#sx):not(#sx) #root .auth-card [class*="absolute"][class*="z-"] *{color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important;background:transparent!important}
html:not(#sx):not(#sx) #root .auth-card [class*="absolute"][class*="z-"] button:hover{background:rgba(255,255,255,.06)!important}
html.registration-open #sx-dock,html.registration-open .sx-win,html.registration-open #sx-ring{opacity:0!important;pointer-events:none!important}
@keyframes sxFade{from{opacity:0}}
@keyframes sxPop{from{opacity:0;transform:translateY(16px) scale(.98)}}
@media (max-width:560px){
  html:not(#sx):not(#sx) #root .modal-backdrop{align-items:flex-end!important;padding:0!important}
  html:not(#sx):not(#sx) #root .auth-card{max-width:none!important;border-radius:26px 26px 0 0!important;padding:28px 20px calc(24px + env(safe-area-inset-bottom))!important;margin:auto 0 0!important;animation-name:sxUp}
  html:not(#sx):not(#sx) #root .auth-card form .grid{grid-template-columns:1fr!important}
  html:not(#sx):not(#sx) #root .auth-card input:not([type=checkbox]):not([type=radio]):not([type=range]){font-size:16px!important}
}
@keyframes sxUp{from{transform:translateY(40px);opacity:0}}
/* Header mobil: Marke einzeilig */
html:not(#sx):not(#sx) .site-header .brand,html:not(#sx):not(#sx) .site-header .brand *{white-space:nowrap!important}
@media (max-width:420px){html:not(#sx):not(#sx) .site-header .gap-2 > button{padding-left:14px!important;padding-right:14px!important;font-size:14px!important}}
html:not(#sx):not(#sx) #root .auth-card input:not([type=checkbox]):not([type=radio]):not([type=range]):-webkit-autofill:focus{border-color:#2997ff!important}

/* Fehlermeldungen schwarz */
html:not(#sx):not(#sx) #root .auth-card .register-error{margin-top:16px!important;padding:14px 16px!important;border-radius:16px!important;background:#000!important;border:1px solid rgba(255,69,58,.45)!important;box-shadow:inset 3px 0 0 #ff453a!important;color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important;font-size:14px!important;line-height:1.5!important;text-align:left!important}
html:not(#sx):not(#sx) #root .auth-card .register-error *{color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important;background:transparent!important;border-color:rgba(255,255,255,.1)!important}
html:not(#sx):not(#sx) #root .auth-card .register-error strong{display:block!important;margin-bottom:6px!important;color:#ff6961!important;-webkit-text-fill-color:#ff6961!important;font-weight:600!important}
html:not(#sx):not(#sx) #root .auth-card .register-error code,html:not(#sx):not(#sx) #root .auth-card .register-error pre,html:not(#sx):not(#sx) #root .auth-card .register-error p{display:block!important;margin:6px 0 0!important;padding:10px 12px!important;border-radius:10px!important;background:#0b0b0c!important;border:1px solid rgba(255,255,255,.08)!important;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace!important;white-space:pre-wrap!important;word-break:break-word!important;color:#d1d1d6!important;-webkit-text-fill-color:#d1d1d6!important}
html body [data-sonner-toaster] [data-sonner-toast]{background:#000!important;color:#f5f5f7!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;box-shadow:0 20px 50px rgba(0,0,0,.6)!important;font-family:Inter,system-ui,sans-serif!important}
html body [data-sonner-toaster] [data-sonner-toast] *{color:inherit!important;-webkit-text-fill-color:currentColor!important}
html body [data-sonner-toaster] [data-sonner-toast][data-type=error]{border-color:rgba(255,69,58,.5)!important}
html body [data-sonner-toaster] [data-sonner-toast][data-type=error] [data-icon]{color:#ff453a!important}
html body [data-sonner-toaster] [data-sonner-toast][data-type=success] [data-icon]{color:#30d158!important}
html body [data-sonner-toaster] [data-sonner-toast] [data-description]{color:#a1a1a6!important}

/* Werkzeuge-Box (Preisvergleich) dunkel */
html body .sx-tools{position:fixed;left:16px;bottom:16px;z-index:9000;width:280px;padding:14px;border-radius:18px;background:rgba(14,14,16,.9);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(0,0,0,.55);font:13px/1.45 Inter,system-ui,sans-serif;color:#f5f5f7;-webkit-text-fill-color:#f5f5f7}
html body .sx-tools b{font-size:12px;font-weight:600;letter-spacing:.02em;color:#a1a1a6;-webkit-text-fill-color:#a1a1a6}
html body .sx-tools br{display:none}
html body .sx-tools input{display:block;width:100%;box-sizing:border-box;height:40px;margin:10px 0 0!important;padding:0 12px!important;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#1c1c1e;color:#f5f5f7;-webkit-text-fill-color:#f5f5f7;font:14px Inter,system-ui,sans-serif;outline:none}
html body .sx-tools input::placeholder{color:#6e6e73;-webkit-text-fill-color:#6e6e73}
html body .sx-tools input:focus{border-color:#2997ff;box-shadow:0 0 0 3px rgba(41,151,255,.25)}
html body .sx-tools button{display:block;width:100%;height:38px;margin:8px 0 0!important;padding:0!important;border:0;border-radius:999px;background:#f5f5f7;color:#000;-webkit-text-fill-color:#000;font:600 13.5px Inter,system-ui,sans-serif;cursor:pointer}
html body .sx-tools button:hover{background:#fff}
html body .sx-tools #pcr{margin-top:8px!important;color:#a1a1a6;-webkit-text-fill-color:#a1a1a6;font-size:12.5px}
html body .sx-tools #pcr:empty{display:none}
@media (max-width:1180px){html body .sx-tools{display:none}}

/* Wartungs-Box (Admin) dunkel */
html body #dashboard-maintenance{position:relative;max-width:720px;margin:48px auto 140px!important;padding:28px!important;border-radius:24px!important;background:linear-gradient(180deg,#121214,#0a0a0b)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 30px 80px rgba(0,0,0,.5);color:#f5f5f7!important;font-family:Inter,system-ui,sans-serif;color-scheme:dark}
html body #dashboard-maintenance::before{content:'Admin';position:absolute;top:28px;right:28px;height:24px;padding:0 10px;border-radius:999px;background:rgba(255,179,64,.14);color:#ffb340;font-size:12px;font-weight:600;line-height:24px}
html body #dashboard-maintenance h3{margin:0 0 6px!important;font-size:20px!important;font-weight:600!important;letter-spacing:-.02em;color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important}
html body #dashboard-maintenance p{margin:0 0 20px!important;max-width:520px;font-size:14.5px;line-height:1.55;color:#a1a1a6!important;-webkit-text-fill-color:#a1a1a6!important}
html body #dashboard-maintenance label{display:grid!important;gap:7px;margin:0 0 14px!important;font-size:13px;font-weight:500;color:#a1a1a6!important;-webkit-text-fill-color:#a1a1a6!important}
html body #dashboard-maintenance label br{display:none}
html body #dashboard-maintenance input{width:100%!important;max-width:360px;box-sizing:border-box;height:46px;margin:0!important;padding:0 14px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.08)!important;background:#1a1a1c!important;color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important;font:15px Inter,system-ui,sans-serif;outline:none;box-shadow:none!important}
html body #dashboard-maintenance input:focus{border-color:#2997ff!important;box-shadow:0 0 0 4px rgba(41,151,255,.2)!important}
html body #dashboard-maintenance input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}
html body #dashboard-maintenance button{height:44px!important;margin:6px 8px 0 0!important;padding:0 20px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.14)!important;background:transparent!important;color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important;font:600 14px Inter,system-ui,sans-serif!important;cursor:pointer;box-shadow:none!important}
html body #dashboard-maintenance button:first-of-type{background:#f5f5f7!important;border-color:#f5f5f7!important;color:#000!important;-webkit-text-fill-color:#000!important}
html body #dashboard-maintenance button:hover{opacity:.9}
html body #dashboard-maintenance [id*='status'],html body #dashboard-maintenance small,html body #dashboard-maintenance div{color:#a1a1a6!important;-webkit-text-fill-color:#a1a1a6!important}
@media (max-width:600px){html body #dashboard-maintenance{margin:32px 16px 120px!important;padding:22px!important}html body #dashboard-maintenance::before{top:22px;right:22px}}

/* Profil clean */
html:not(#sx):not(#sx):not(#sx) #root .profile-top{gap:22px!important;align-items:center!important}
html:not(#sx):not(#sx):not(#sx) #root .profile-avatar{width:76px!important;height:76px!important;border-radius:24px!important;display:grid!important;place-items:center!important;background:linear-gradient(140deg,#2997ff,#5e5ce6)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:30px!important;font-weight:600!important;box-shadow:0 14px 40px rgba(41,151,255,.25),inset 0 1px 0 rgba(255,255,255,.25)!important;border:0!important}
html:not(#sx):not(#sx):not(#sx) #root [role=tablist]{display:inline-flex!important;flex-wrap:wrap;gap:4px!important;height:auto!important;width:auto!important;align-self:flex-start!important;padding:5px!important;border-radius:999px!important;background:#0d0d0f!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}
html:not(#sx):not(#sx):not(#sx) #root [role=tablist] > button{flex:none!important;height:40px!important;padding:0 18px!important;border-radius:999px!important;border:0!important;background:transparent!important;color:#a1a1a6!important;-webkit-text-fill-color:#a1a1a6!important;font:500 14px/1 Inter,system-ui,sans-serif!important;box-shadow:none!important;transition:background .25s,color .25s!important}
html:not(#sx):not(#sx):not(#sx) #root [role=tablist] > button:hover{color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important;background:rgba(255,255,255,.05)!important}
html:not(#sx):not(#sx):not(#sx) #root [role=tablist] > button[data-state=active]{background:#f5f5f7!important;color:#000!important;-webkit-text-fill-color:#000!important;font-weight:600!important}
html:not(#sx):not(#sx):not(#sx) #root button[class*='bg-[#b8df3f]'],html:not(#sx):not(#sx):not(#sx) #root button[class*='bg-[#173d2c]'],html:not(#sx):not(#sx):not(#sx) #root a[class*='bg-[#b8df3f]'],html:not(#sx):not(#sx):not(#sx) #root a[class*='bg-[#173d2c]']{background:#f5f5f7!important;color:#000!important;-webkit-text-fill-color:#000!important;border:0!important;box-shadow:none!important;border-radius:999px!important;font-weight:600!important}
html:not(#sx):not(#sx):not(#sx) #root button[class*='bg-[#b8df3f]'] *,html:not(#sx):not(#sx):not(#sx) #root button[class*='bg-[#173d2c]'] *{color:#000!important;-webkit-text-fill-color:#000!important}
html:not(#sx):not(#sx):not(#sx) #root button[class*='bg-[#b8df3f]']:hover,html:not(#sx):not(#sx):not(#sx) #root button[class*='bg-[#173d2c]']:hover{background:#fff!important}
html:not(#sx):not(#sx):not(#sx) #root div[class*='rounded-[26px]']{background:#0d0d0f!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px!important;box-shadow:none!important}
html:not(#sx):not(#sx):not(#sx) #root .danger-icon{background:rgba(255,69,58,.12)!important;color:#ff6961!important;border:0!important;border-radius:12px!important}
@media (max-width:640px){html:not(#sx):not(#sx):not(#sx) #root [role=tablist]{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;width:100%!important;scrollbar-width:none}html:not(#sx):not(#sx):not(#sx) #root [role=tablist]::-webkit-scrollbar{display:none}html:not(#sx):not(#sx):not(#sx) #root .profile-avatar{width:60px!important;height:60px!important;font-size:24px!important;border-radius:20px!important}}

html body #dashboard-maintenance{display:none!important}