.page-container{min-height:calc(100vh - var(--header-height) - var(--bottom-nav-height));padding:2rem 0;padding-bottom:calc(2rem + var(--bottom-nav-height))}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-base)}.form-group label{font-weight:var(--font-weight-medium);color:var(--color-gray-800);font-size:var(--font-size-base)}.form-group .required{color:var(--color-danger)}.form-group-half{flex:1}.form-row{display:flex;gap:var(--spacing-base)}.error-message{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.form-section-block{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d}.form-section-block .form-section-title,.form-section-title{font-size:var(--font-size-3xl);font-weight:700;color:#333;margin-bottom:1rem;display:block}.form-section-title .required{color:#dc3545}.form-section-divider{height:2px;background-color:var(--color-gray-200);margin:2.5rem 0;border:none}.info-box{border-radius:var(--radius-md);padding:var(--spacing-base) var(--spacing-lg);margin-bottom:var(--spacing-lg);border:2px solid}.info-box-title{margin-top:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.info-box-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-box-content div{color:var(--color-gray-800)}.info-box-info{background-color:var(--color-info-light);border-color:var(--color-info)}.info-box-info .info-box-title{color:var(--color-info)}.info-box-success{background-color:var(--color-success-light);border-color:var(--color-success)}.info-box-success .info-box-title{color:var(--color-success-dark)}.info-box-warning{background-color:var(--color-warning-light);border-color:var(--color-warning)}.info-box-warning .info-box-title{color:var(--color-warning-dark)}.info-box-error{background-color:var(--color-danger-light);border-color:var(--color-danger)}.info-box-error .info-box-title{color:var(--color-danger)}.whale-loading-circle{--whale-size: 200px;width:var(--whale-size);height:var(--whale-size);margin:0 auto 2rem;overflow:visible;background:transparent;position:relative}.whale-loading-svg-scene{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.whale-swim-body{position:absolute;left:50%;top:42%;transform:translate(-50%) translateY(-50%);animation:whaleDrift 6s ease-in-out infinite}@keyframes whaleDrift{0%,to{margin-left:0}50%{margin-left:6px}}.whale-swim-bob{animation:whaleBob 3.5s ease-in-out infinite}@keyframes whaleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.whale-swim-tilt{animation:whaleTilt 4.2s ease-in-out infinite}@keyframes whaleTilt{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.whale-swim-breathe{position:relative;animation:whaleBreathe 2.8s ease-in-out infinite;transform-origin:center center}@keyframes whaleBreathe{0%,to{transform:scaleX(1) scaleY(1)}50%{transform:scaleX(1.03) scaleY(.97)}}.whale-swim-img{display:block;filter:brightness(0) invert(1);opacity:.85;drop-shadow:0 4px 12px rgba(0,0,0,.2)}:root[data-color-mode=light] .whale-swim-img{filter:brightness(0) saturate(100%) invert(32%) sepia(86%) saturate(401%) hue-rotate(135deg) brightness(92%) contrast(95%);opacity:.75}.whale-eye-blink{position:absolute;left:69%;top:36%;width:8px;height:8px;background:transparent;border-radius:50%;animation:whaleBlink 4s ease-in-out infinite;transform-origin:center;pointer-events:none}@keyframes whaleBlink{0%,90%,to{background:transparent;transform:scaleY(1)}93%{background:#fff;transform:scaleY(.1)}96%{background:#fff;transform:scaleY(.1)}}.whale-wave-1{animation:whaleWaveRight 3.2s linear infinite}.whale-wave-2{animation:whaleWaveLeft 4s linear infinite;animation-delay:-1.5s}@keyframes whaleWaveRight{0%{transform:translate(0)}to{transform:translate(50px)}}@keyframes whaleWaveLeft{0%{transform:translate(0)}to{transform:translate(-50px)}}.whale-bubble{fill:#fff9;animation:bubbleRise 3s ease-in infinite}:root[data-color-mode=light] .whale-bubble{fill:color-mix(in srgb,var(--ds-color-brand, #0d9488) 55%,transparent)}:root[data-color-mode=light] .whale-wave{stroke:color-mix(in srgb,var(--ds-color-brand, #0d9488) 50%,transparent)!important}.whale-bubble--1{animation-delay:0s}.whale-bubble--2{animation-delay:.8s}.whale-bubble--3{animation-delay:1.6s}.whale-bubble--4{animation-delay:2.4s}@keyframes bubbleRise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.7;transform:translateY(-5px) scale(.8)}50%{opacity:.5;transform:translateY(-30px) scale(1)}to{transform:translateY(-65px) translate(8px) scale(1.2);opacity:0}}.whale-loading-indicator--fullscreen{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;color:var(--ds-color-fg-default, white)}.whale-loading-indicator--fullscreen .whale-loading-indicator__content{text-align:center;max-width:500px;padding:2rem}.whale-loading-indicator--inline{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--ds-color-fg-default, white)}.whale-loading-indicator--inline .whale-loading-indicator__content{text-align:center;padding:1.5rem}.whale-loading-indicator--inline .whale-loading-circle{--whale-size: 140px;margin-bottom:1rem}.whale-loading-indicator--inline .whale-swim-img{width:80px;height:80px}.selection-grid-container{padding:2rem 0}.selection-header{text-align:center;margin-bottom:2rem}.selection-header h1{font-size:var(--font-size-3xl);font-weight:700;color:#333;margin-bottom:.5rem}.selection-header p{font-size:var(--font-size-lg);color:#666}.selection-loading,.selection-empty{text-align:center;padding:3rem;color:#666;font-size:var(--font-size-lg)}.selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}@media (max-width: 639px){.selection-grid{grid-template-columns:1fr}}.selection-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000001a}.selection-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.selection-card.selected{border-color:#007bff;background:#f0f8ff;box-shadow:0 4px 12px #007bff40}.selection-card-image{width:100%;height:200px;overflow:hidden;border-radius:8px;margin-bottom:1rem;background:#f8f9fa}.selection-card-image img{width:100%;height:100%;object-fit:cover}.selection-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.selection-card-header h2{font-size:var(--font-size-xl);font-weight:700;color:#333;margin:0;flex:1}.selection-card-body{flex:1;margin-bottom:1rem}.selection-card-description{color:#666;font-size:var(--font-size-base);line-height:1.5;margin:0}.selection-card-footer{margin-top:auto}.selection-card-footer .btn-primary{width:100%;padding:.75rem;font-size:var(--font-size-base);font-weight:500;border:none;border-radius:6px;background:#007bff;color:#fff;cursor:pointer;transition:background .2s ease}.selection-card-footer .btn-primary:hover:not(:disabled){background:#0056b3}.selection-card-footer .btn-primary:disabled{background:#ccc;cursor:not-allowed}.selection-card.selected .btn-primary{background:#28a745}.selection-card.selected .btn-primary:hover{background:#218838}.vehicle-glow-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.vehicle-glow-image-halo{position:absolute;inset:-15%;border-radius:50%;filter:blur(28px);pointer-events:none;z-index:0;opacity:1;transition:background .6s ease;animation:glow-fade-in .2s ease forwards}@keyframes glow-fade-in{0%{opacity:0}to{opacity:1}}.vehicle-glow-image-img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;aspect-ratio:16 / 9;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}.config-code-input{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;margin:1rem auto 0;max-width:400px;border-radius:12px;background:var(--ds-color-bg-elevated, rgba(255, 255, 255, .08));border:1px solid var(--ds-color-border, rgba(255, 255, 255, .15));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-wrap:wrap;box-shadow:var(--ds-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.config-code-input-label{font-size:var(--font-size-sm);color:var(--ds-color-fg-default, rgba(255, 255, 255, .92));font-weight:600;white-space:nowrap}.config-code-input-row{display:flex;gap:.35rem;flex:1;min-width:0}.config-code-input-field{width:7ch;padding:.4rem .5rem;font-size:.95rem;font-weight:600;letter-spacing:.2em;text-align:center;text-transform:uppercase;border:1px solid var(--ds-color-input-border, rgba(255, 255, 255, .25));border-radius:6px;background:var(--ds-color-input-bg, rgba(255, 255, 255, .12));color:var(--ds-color-input-fg, #fff);outline:none;transition:border-color .2s,background .2s,box-shadow .2s;font-family:var(--font-family-mono, monospace)}.config-code-input-field::placeholder{color:var(--ds-color-fg-faint, rgba(255, 255, 255, .25));letter-spacing:.25em;font-weight:400}.config-code-input-field:focus{border-color:var(--ds-color-border-strong, rgba(255, 255, 255, .5));background:var(--ds-color-input-bg, rgba(255, 255, 255, .18));box-shadow:0 0 0 2px var(--ds-color-brand-soft, rgba(255, 255, 255, .12))}.config-code-input-btn{padding:.4rem .85rem;border:1px solid var(--ds-color-brand, rgba(255, 255, 255, .3));border-radius:6px;background:var(--ds-color-brand, rgba(255, 255, 255, .85));color:var(--ds-color-fg-inverted, var(--color-moby-footer-dark, #0a3d52));font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;white-space:nowrap}.config-code-input-btn:hover:not(:disabled){background:var(--ds-color-brand-hover, #fff);border-color:var(--ds-color-brand-hover, rgba(255, 255, 255, .4));transform:translateY(-1px);box-shadow:var(--ds-shadow-md, 0 2px 6px rgba(0, 0, 0, .1))}.config-code-input-btn:disabled{opacity:.4;cursor:not-allowed}.config-code-input-error{flex:0 0 100%;font-size:var(--font-size-xs);color:var(--ds-color-danger, var(--color-danger, #dc3545));text-align:center}.vehicle-configuration>.main-content.with-imagepack.vehicle-concept-page-panel{min-height:calc(100dvh - var(--header-height, 68px) - var(--bottom-nav-height, 80px));overflow-x:hidden}.vehicle-concept-container{position:relative;z-index:1;width:100%;max-width:100%;margin:0 auto;padding:1.5rem var(--container-padding, 2rem) calc(var(--bottom-nav-height, 80px) + 2rem)}.vehicle-concept-container>*:not(.vehicle-concept-layout){flex-shrink:0}.page-container--bare.vehicle-concept-container,.vehicle-concept-page.vehicle-concept-container,.page-container--bare .vehicle-concept-container{max-width:100%;box-sizing:border-box}.vehicle-concept-layout{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-left:calc(-1 * var(--container-padding, 2rem));margin-right:calc(-1 * var(--container-padding, 2rem));width:calc(100% + 2 * var(--container-padding, 2rem))}.vehicle-concept-container{background:transparent}.vehicle-concept-container{overflow-x:visible}.vehicle-carousel-section{position:relative;display:flex;flex-direction:column;min-height:clamp(500px,calc(100dvh - var(--header-height, 68px) - var(--bottom-nav-height, 80px) - 5rem),min(90dvh,1050px));margin-bottom:var(--spacing-base);background:transparent!important;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.vehicle-carousel-swiper-wrap,.vehicle-carousel-swiper,.vehicle-carousel-swiper .swiper-wrapper,.vehicle-carousel-swiper .swiper-slide{background:transparent!important}.vehicle-carousel-swiper-wrap{position:relative;flex:1;min-height:0;padding:var(--spacing-base) var(--spacing-xs) var(--spacing-xs) 0}.vehicle-carousel-swiper{overflow:hidden;width:100%;height:100%;padding:32px 12px 36px!important;box-sizing:border-box}.vehicle-carousel-swiper .swiper-slide{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;cursor:pointer;height:100%}.vehicle-carousel-card{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;transform-origin:center center;z-index:1;pointer-events:none;backface-visibility:hidden;background:#ffffff1a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);overflow:visible;box-shadow:0 0 0 1px #ffffff0f,0 8px 32px #00000047,0 0 48px 4px #00a0aa26}.vehicle-carousel-swiper .vehicle-carousel-slide{transition:opacity .3s ease}.vehicle-carousel-card{transition:transform .3s cubic-bezier(.25,.46,.45,.94),opacity .3s ease}.vehicle-carousel-card.selected{pointer-events:auto;z-index:10}.vehicle-carousel-card:not(.disabled){pointer-events:auto}.vehicle-carousel-card.offset--1{transform:scale(.83);opacity:.85}.vehicle-carousel-card.offset-0{transform:scale(1);opacity:1}.vehicle-carousel-card.offset-1{transform:scale(.83);opacity:.85}.vehicle-carousel-card.offset-side{transform:scale(.78);opacity:.7;pointer-events:none}.vehicle-carousel-card.selected:hover:not(.disabled){transform:scale(1)}.vehicle-carousel-card:hover:not(.disabled).offset--1{transform:scale(.88);opacity:.95}.vehicle-carousel-card:hover:not(.disabled).offset-1{transform:scale(.88);opacity:.95}.vehicle-carousel-card.disabled{cursor:default}.vehicle-carousel-card-image{width:100%;flex:1;min-height:0;aspect-ratio:unset;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(to bottom,#ffffff0a,#00465a26)}.vehicle-carousel-card-image img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}.vehicle-carousel-card-concept{flex:0 0 auto;padding:var(--spacing-base);display:flex;flex-direction:column;gap:var(--spacing-sm);background:linear-gradient(to bottom,#00465a73,#002d41b8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.vehicle-carousel-card-systems-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;flex-shrink:0}.vehicle-carousel-card-system-tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.vehicle-carousel-card-concept-content{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--spacing-xs)}.vehicle-carousel-card-headline{margin:0;font-size:var(--font-size-xl);font-weight:600;color:#fff!important;line-height:1.3;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.vehicle-carousel-card-text{margin:0;font-size:var(--font-size-md);color:#fffffff2;line-height:1.4}.vehicle-carousel-card-points{margin:0;padding-left:1.25rem;font-size:var(--font-size-md);color:#fffffff2;line-height:1.5}.vehicle-carousel-card-points li{margin-bottom:.25rem}.vehicle-carousel-card-concept .vehicle-concept-select-btn{flex-shrink:0;width:100%;font-size:var(--font-size-base);font-weight:600;letter-spacing:.04em;background:#ffffffeb!important;border:1px solid rgba(255,255,255,.95)!important;color:var(--color-moby-footer-dark, #0a3d52)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:8px;box-shadow:0 0 0 1px #ffffff4d,0 2px 8px #0000002e,0 0 20px 2px #ffffff1f;transition:background .2s,box-shadow .2s,transform .15s}.vehicle-carousel-card-concept .vehicle-concept-select-btn:hover:not(:disabled){background:#fff!important;border-color:#fff!important;color:var(--color-moby-footer-dark, #0a3d52)!important;box-shadow:0 0 0 1px #ffffff80,0 4px 16px #00000038,0 0 30px 6px #fff3;transform:translateY(-1px)}.vehicle-concept-system-tab{padding:.5rem 1rem;border:1px solid transparent;border-radius:999px;background:#ffffff14;color:#fffc;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s}.vehicle-concept-system-tab:hover:not(:disabled){background:#ffffff26;color:#fff}.vehicle-concept-system-tab.active{background:#ffffff38;border-color:#fff6;color:#fff;font-weight:600}.vehicle-concept-system-tab:disabled{opacity:.6;cursor:not-allowed}.vehicle-carousel-pill:disabled{cursor:not-allowed;opacity:.6}.vehicle-concept-main-headline{margin:0 0 var(--spacing-base) 0;padding:0 var(--container-padding, 2rem) 0;font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-3-25xl));font-weight:900;color:#fff!important;text-shadow:0 2px 20px rgba(0,0,0,.45),0 0 40px rgba(0,150,170,.25);text-align:center;line-height:1.2;width:100%}.vehicle-carousel-thumbnails{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding:.4rem .75rem;margin-bottom:var(--spacing-sm);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:999px;width:fit-content;max-width:calc(100vw - 2rem);margin-left:auto;margin-right:auto;align-self:center;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vehicle-carousel-thumbnails::-webkit-scrollbar{display:none}.vehicle-carousel-thumb-item{flex:0 0 auto;min-width:6rem;max-width:12rem;padding:.35rem .85rem;border:1px solid transparent;border-radius:999px;background:#ffffff14;color:#fffc;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background .2s,color .2s,border-color .2s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-carousel-thumb-item:hover:not(:disabled){background:#ffffff2e;color:#fff}.vehicle-carousel-thumb-item.active{background:#ffffff38;border-color:#fff6;color:#fff;font-weight:600}.vehicle-carousel-thumb-item:disabled{opacity:.4;cursor:not-allowed}.vehicle-carousel-thumb-item{position:relative}.vehicle-carousel-thumb-item.has-config{border-color:#22c55e73}.vehicle-carousel-thumb-item.has-config:not(.active){background:#22c55e1a}.vehicle-carousel-card-image{position:relative}.vehicle-carousel-card-config-badge{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:999px;background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#fff;font-size:clamp(.7rem,1vw + .6vh,.85rem);font-weight:600;letter-spacing:.04em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000026,0 0 0 1px #ffffff14;pointer-events:none;z-index:2}.vehicle-carousel-card-config-badge.is-active{background:#22c55e66;border-color:#22c55ed9;box-shadow:0 2px 12px #22c55e66,0 0 0 1.5px #ffffff26}.vehicle-carousel-card-config-badge svg{flex-shrink:0;opacity:.95}.vehicle-carousel-card-config-badge-text{font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width: 639px){.vehicle-carousel-card-config-badge{top:var(--spacing-xs);right:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-2xs)}.vehicle-carousel-card-config-badge svg{width:11px;height:11px}}.selection-loading,.selection-empty{text-align:center;padding:var(--spacing-2xl);color:#ffffffa6;font-size:var(--font-size-lg)}.selection-header{margin-bottom:var(--spacing-xl)}.selection-header h1{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-3xl);color:var(--color-gray-800)}.selection-header p{margin:0;color:var(--color-gray-600);font-size:var(--font-size-lg)}@media (max-width: 1023px){.vehicle-concept-container{padding:var(--spacing-base)}.vehicle-carousel-section{min-height:clamp(400px,calc(100dvh - var(--header-height, 72px) - var(--bottom-nav-height, 80px) - 8rem),88dvh)}.vehicle-carousel-swiper-wrap{flex:1;min-height:0;padding:32px 0 36px;overflow:visible!important}.vehicle-carousel-swiper{height:100%}.vehicle-carousel-thumbnails{padding:.4rem .75rem;gap:.4rem}.vehicle-carousel-thumb-item{padding:.35rem .6rem;min-width:auto}.vehicle-carousel-thumb-name{font-size:var(--font-size-2xs)}.vehicle-concept-systems-grid{grid-template-columns:1fr}.vehicle-concept-main-headline{font-size:clamp(var(--font-size-xl),3vw,var(--font-size-3xl));padding-top:0;margin-bottom:var(--spacing-sm)}.vehicle-carousel-card-headline{font-size:var(--font-size-lg)}.vehicle-carousel-card-text,.vehicle-carousel-card-points{font-size:var(--font-size-sm)}.vehicle-carousel-swiper{overflow:visible!important;padding:0!important}.vehicle-carousel-card-system-tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.vehicle-carousel-thumbnails{flex-wrap:nowrap}}@media (max-width: 639px){.vehicle-concept-container{padding:var(--spacing-sm)}.vehicle-carousel-section{min-height:clamp(350px,calc(100dvh - var(--header-height, 56px) - var(--bottom-nav-height, 80px) - 7rem),88dvh)}.vehicle-carousel-swiper-wrap{flex:1;min-height:0;padding:24px 0 28px;overflow:visible!important}.vehicle-carousel-swiper{height:100%;overflow:visible!important;padding:0!important}.vehicle-carousel-card-image{flex:1;min-height:0;aspect-ratio:unset}.vehicle-concept-main-headline{display:block;font-size:clamp(var(--font-size-lg),5vw,var(--font-size-2xl));text-align:center;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.vehicle-carousel-card-concept{padding:var(--spacing-sm);gap:var(--spacing-xs)}.vehicle-carousel-card-headline{font-size:var(--font-size-md)}.vehicle-carousel-card-text{display:none}.vehicle-carousel-card-points{font-size:var(--font-size-2xs);padding-left:1rem}.vehicle-carousel-card-points li{margin-bottom:.15rem}.vehicle-carousel-card-concept .vehicle-concept-select-btn{padding:var(--spacing-sm);font-size:var(--font-size-xs)}.vehicle-carousel-thumb-item{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-2xs);min-width:60px}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:1.5rem;padding-top:max(1.5rem,calc(env(safe-area-inset-top,0px) + .75rem));background:transparent;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(101,155,163,.25) 0%,transparent 70%);pointer-events:none}.login-card{position:relative;width:100%;max-width:400px;background:#1f22298c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);box-shadow:0 0 40px #0006,0 0 80px #659ba326,inset 0 1px #ffffff14;padding:clamp(1.75rem,5vw,2.5rem)}.login-logo{display:flex;align-items:center;justify-content:center;margin-bottom:1.75rem}.login-logo img{height:clamp(48px,8vw,72px);width:auto;object-fit:contain;opacity:.95}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{margin:0 0 .4rem;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-white);letter-spacing:.02em}.login-header p{margin:0;color:#ffffff8c;font-size:var(--font-size-sm)}.login-form{display:flex;flex-direction:column;gap:1.1rem}.login-form .form-group{display:flex;flex-direction:column;gap:.4rem}.login-form .form-group label{font-size:var(--font-size-sm);font-weight:500;color:#ffffffbf;letter-spacing:.01em}.login-form .form-group input{padding:.7rem .9rem;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-white);outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.login-form .form-group input::placeholder{color:#ffffff4d}.login-form .form-group input:focus{border-color:var(--color-moby-teal);background:#659ba31a;box-shadow:0 0 0 3px #659ba333}.login-form .form-group input:disabled{opacity:.5;cursor:not-allowed}.login-error{background:#fe310126;border:1px solid rgba(254,49,1,.35);color:#ff8a75;padding:.65rem .9rem;border-radius:var(--radius-sm);font-size:var(--font-size-sm);line-height:1.4}.login-button{margin-top:.5rem;padding:.8rem 1rem;background:var(--color-moby-teal);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .2s,box-shadow .2s,transform .15s;box-shadow:0 4px 16px #659ba359}.login-button:hover:not(:disabled){background:#7ab5bd;box-shadow:0 6px 24px #659ba380;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #659ba34d}.login-button:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (max-width: 639px){.login-card{border-radius:var(--radius-lg);padding:1.5rem}}.configuration-dropdown{position:relative;margin-left:0}.configuration-dropdown-icon-only .configuration-dropdown-toggle{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #dee2e6;border-radius:4px;background:#fff;color:#495057;cursor:pointer;transition:all .2s}.configuration-dropdown-icon-only .configuration-dropdown-toggle svg{width:22px;height:22px}.configuration-dropdown-icon-only .configuration-dropdown-toggle:hover{background:#e9ecef;border-color:#adb5bd}.configuration-dropdown-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-moby-bg-alt);border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:var(--font-size-md);transition:all .2s}.configuration-dropdown-toggle:hover{background:#e9ecef;border-color:#adb5bd}.configuration-dropdown-toggle:disabled{opacity:.6;cursor:not-allowed}.configuration-label{color:#495057;font-weight:500}.dropdown-arrow{font-size:var(--font-size-2xs);color:#6c757d}.dropdown-overlay{position:fixed;inset:0;z-index:var(--z-fixed);background:transparent}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:300px;max-width:400px;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:var(--z-fixed-above);max-height:500px;overflow-y:auto}.dropdown-header{padding:1rem;border-bottom:1px solid #dee2e6;background:var(--color-moby-bg-alt);border-radius:8px 8px 0 0}.dropdown-list{max-height:350px;overflow-y:auto}.dropdown-item{width:100%;padding:1rem;text-align:left;background:#fff;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.dropdown-item:hover:not(:disabled){background:var(--color-moby-bg-alt)}.dropdown-item.active{background:#e7f3ff;border-left:3px solid var(--color-accent-blue)}.dropdown-item.closed{opacity:.6;cursor:not-allowed}.dropdown-item.loading,.dropdown-item.empty{padding:1.5rem;text-align:center;color:#6c757d;cursor:default}.config-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.config-artikelnummer{font-weight:600;color:#333}.config-badge{padding:.25rem .5rem;border-radius:4px;font-size:var(--font-size-xs);font-weight:600}.config-badge.active{background:var(--color-success);color:var(--color-white)}.config-badge.closed{background:#6c757d;color:#fff}.config-item-vehicle-system{display:flex;gap:.75rem;margin:.5rem 0;font-size:var(--font-size-sm);flex-wrap:wrap}.config-vehicle,.config-system{padding:.25rem .5rem;background:#f0f0f0;border-radius:4px;color:#495057;font-weight:500}.config-vehicle{background:#e3f2fd;color:#1976d2}.config-system{background:#f3e5f5;color:#7b1fa2}.config-item-meta{font-size:var(--font-size-sm);color:#6c757d;margin-top:.25rem}.dropdown-footer{padding:.75rem;border-top:1px solid #dee2e6;background:var(--color-moby-bg-alt);border-radius:0 0 8px 8px}.dropdown-action-button{width:100%;padding:.75rem;background:var(--color-accent-blue);color:var(--color-white);border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background .2s}.dropdown-action-button:hover{background:#0056b3}@media (max-width: 1023px){.dropdown-menu{right:auto;left:0;min-width:280px}.configuration-dropdown{margin-left:.5rem}.configuration-label{font-size:var(--font-size-sm)}}@keyframes bubbleRise{0%{transform:translateY(0) translate(0);opacity:0}8%{opacity:.6}50%{transform:translateY(-52vh) translate(12px);opacity:.45}90%{opacity:.25}to{transform:translateY(-115vh) translate(-8px);opacity:0}}@keyframes bubbleWobble{0%,to{transform:scaleX(1) scaleY(1)}33%{transform:scaleX(1.06) scaleY(.96)}66%{transform:scaleX(.95) scaleY(1.04)}}@keyframes shimmerDrift1{0%{transform:translate(0) scaleX(1);opacity:.4}20%{transform:translate(12%,4%) scaleX(1.12);opacity:.5}45%{transform:translate(-10%,7%) scaleX(.92);opacity:.38}70%{transform:translate(18%,3%) scaleX(1.08);opacity:.48}to{transform:translate(0) scaleX(1);opacity:.4}}@keyframes shimmerDrift2{0%{transform:translate(0) scaleX(1.05);opacity:.35}25%{transform:translate(-18%,5%) scaleX(.88);opacity:.48}55%{transform:translate(14%,9%) scaleX(1.15);opacity:.33}80%{transform:translate(-12%,4%) scaleX(.95);opacity:.45}to{transform:translate(0) scaleX(1.05);opacity:.35}}@keyframes shimmerDrift3{0%{transform:translate(0) scale(1);opacity:.3}30%{transform:translate(10%,6%) scale(1.2);opacity:.45}60%{transform:translate(-14%,3%) scale(.85);opacity:.35}to{transform:translate(0) scale(1);opacity:.3}}.water-bubbles{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 85% 30% at 45% 0%,rgba(255,240,160,.18) 0%,transparent 65%),radial-gradient(ellipse 55% 25% at 90% 70%,rgba(0,210,200,.12) 0%,transparent 60%),linear-gradient(170deg,#0d9b9b,#0a8fa5 25%,#0e7a96 55%,#0a6480)}.water-bubbles:before{content:"";position:absolute;top:-15%;left:-15%;width:110%;height:120%;border-radius:50% 50% 60% 40%;background:radial-gradient(ellipse at 35% 12%,rgba(255,255,220,.28) 0%,rgba(120,230,220,.15) 25%,rgba(40,180,180,.06) 55%,transparent 80%);filter:blur(32px);animation:shimmerDrift1 18s ease-in-out infinite;mix-blend-mode:screen}.water-bubbles:after{content:"";position:absolute;top:-15%;right:-15%;width:100%;height:120%;border-radius:40% 60% 55% 45%;background:radial-gradient(ellipse at 65% 10%,rgba(200,240,255,.25) 0%,rgba(80,210,220,.14) 28%,rgba(20,160,180,.05) 60%,transparent 82%);filter:blur(36px);animation:shimmerDrift2 24s ease-in-out infinite;mix-blend-mode:screen}.water-shimmer-accent{position:absolute;top:-10%;left:-5%;width:110%;height:110%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 10%,rgba(255,255,200,.28) 0%,rgba(150,235,230,.16) 22%,rgba(50,190,200,.06) 50%,transparent 75%);filter:blur(24px);animation:shimmerDrift3 14s ease-in-out infinite;mix-blend-mode:screen;z-index:0}.water-bubble{position:absolute;bottom:-60px;border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.35) 0%,rgba(180,240,245,.08) 45%,transparent 80%);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 2px #fff3,0 2px 8px #008ca01a;filter:blur(1.8px);animation:bubbleRise linear infinite}.water-bubble:nth-child(2n){animation-name:bubbleRise,bubbleWobble;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite}@media (max-width: 639px){.water-bubble{filter:none}.water-bubbles:before,.water-bubbles:after{filter:blur(20px);animation-duration:30s}.water-shimmer-accent{display:none}.water-bubble:nth-child(3n){display:none}}.ds-header.scrolled{transform:translateY(-100%);pointer-events:none}html.moby-embedded .ds-header,html.moby-embedded header.header,html.moby-embedded .app-header{display:none!important}html.moby-embedded body,html.moby-embedded #root,html.moby-embedded .app-content,html.moby-embedded :where(.moby-konfigurator-theme) .app-main{padding-top:0!important;margin-top:0!important}html.moby-in-iframe .app-main{padding-top:0!important;margin-top:0!important}.ds-header .ds-header-content{padding-left:8px;padding-right:8px}.header-left{flex:0 0 auto;display:flex;align-items:center;padding-left:0}.header-center{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 var(--spacing-md);overflow:hidden}.header-right{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);padding-right:0}.header-logo{height:60px;max-height:100%;display:flex;align-items:center;transition:opacity var(--transition-base)}.header-logo:hover{opacity:.8}.header-logo img{height:60px;max-height:100%;width:auto;object-fit:contain}.header-logo-separator{margin:0 .2em;display:inline-flex;align-items:center;align-self:center;justify-content:center;font-size:1rem;font-weight:300;line-height:1;color:#00000059;user-select:none}.header-dealer-logo{height:60px;max-height:100%;display:flex;align-items:center}.header-dealer-logo img{height:44px;max-width:140px;width:auto;object-fit:contain}.header-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-800);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.header-title--fahrzeugkonzept{font-weight:200;font-size:1.5rem;letter-spacing:.08em}.header-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-600);white-space:nowrap;display:block}.header-icon-svg{width:clamp(15px,1.5vw,20px);height:clamp(15px,1.5vw,20px);display:block}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:clamp(28px,2.8vw,36px);height:clamp(28px,2.8vw,36px);padding:0;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-gray-700);cursor:pointer;transition:background .2s,color .2s}.header-icon-btn:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.header-customer-panel-wrap{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm)}.header-panel-overlay{position:fixed;inset:0;z-index:var(--z-fixed);background:transparent}.header-customer-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;max-width:360px;padding:1rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:var(--z-fixed-above)}.header-customer-panel-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-gray-800);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-gray-200)}.header-customer-panel-list{margin:0;font-size:var(--font-size-sm)}.header-customer-panel-list dt{color:var(--color-gray-600);font-weight:var(--font-weight-medium);margin-top:.5rem}.header-customer-panel-list dt:first-of-type{margin-top:0}.header-customer-panel-list dd{margin:.15rem 0 0;color:var(--color-gray-800)}.header-customer-panel-empty{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-600)}.header-user-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-info-light);border-radius:var(--radius-sm);font-size:var(--font-size-xs);border:1px solid var(--color-info)}.user-label{color:var(--color-info);font-weight:var(--font-weight-medium)}.user-name{color:var(--color-primary-dark);font-weight:var(--font-weight-semibold)}@media (max-width: 639px){.ds-header-content{flex-direction:row;align-items:center;padding:0 8px}.header-logo,.header-logo img,.header-dealer-logo{height:36px}.header-dealer-logo img{height:28px;max-width:80px}.header-logo-separator{margin:0 .15em;font-size:.8rem}.header-title{font-size:var(--font-size-base)}.header-subtitle,.header-beratungsplatz-label{display:none}.header-beratungsplatz-select{min-width:100px;font-size:var(--font-size-xs);padding:.25rem .35rem}}@media (max-width: 1023px) and (min-width: 640px){.header-logo,.header-logo img{height:44px}.header-dealer-logo img{height:36px;max-width:110px}}.header-beratungsplatz{display:flex;align-items:center;gap:.5rem}.header-display-status{font-size:.65rem;line-height:1}.header-display-status.online{color:#4cde80}.header-display-status.offline{color:#ffffff59}.header-icon-btn--active{border-color:#4cde8080!important;color:#4cde80!important}.header-icon-btn--active:hover{border-color:#dc262680!important;color:#fca5a5!important}.header-display-backdrop{position:fixed;inset:0;z-index:200;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-display-modal{position:fixed;inset:0;z-index:201;display:flex;align-items:center;justify-content:center;pointer-events:none}.header-display-modal-card{pointer-events:auto;text-align:center;padding:2rem 2.5rem;background:#1e2837eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 16px 48px #00000080;color:#ffffffe6;min-width:240px}.header-display-modal-title{margin:0 0 .25rem;font-size:var(--font-size-base);font-weight:600;color:#ffffffe6}.header-display-modal-hint{margin:0 0 1rem;font-size:var(--font-size-xs);color:#ffffff73}.header-display-popup-row{display:flex;gap:.35rem}.header-display-popup-input{width:80px;font-size:1.1rem!important;font-weight:700;text-align:center;letter-spacing:.25em;padding:.35rem .5rem!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;border-radius:6px}.header-display-popup-btn{padding:.35rem .75rem;font-size:var(--font-size-sm);font-weight:600;background:var(--config-accent-step, #134D75);color:#fff;border:none;border-radius:6px;cursor:pointer}.header-display-popup-btn:disabled{opacity:.4;cursor:not-allowed}.header-display-popup-error{margin:.35rem 0 0;font-size:var(--font-size-xs);color:#fca5a5}.app-footer{background-color:var(--color-moby-bg-alt);border-top:1px solid var(--color-gray-300);padding:1.5rem 2rem;margin-top:auto;margin-bottom:0;position:relative;z-index:var(--z-dropdown)}.app-footer.has-bottom-nav{padding-bottom:var(--bottom-nav-height);margin-bottom:0}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.footer-left{flex:1}.footer-right{flex:1;display:flex;justify-content:flex-end}.footer-company{color:var(--color-moby-text-muted);font-size:var(--font-size-md);line-height:1.6;margin-bottom:1rem}.footer-company strong{color:var(--color-gray-800);font-weight:var(--font-weight-semibold)}.footer-legal-notice{margin-top:var(--spacing-base);font-size:var(--font-size-sm);color:var(--color-gray-600);font-style:var(--font-style-italic)}.footer-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.footer-link{color:var(--color-moby-text-muted);text-decoration:none;font-size:var(--font-size-sm);transition:color .2s}.footer-link:hover{color:var(--color-accent-blue);text-decoration:underline}.footer-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.footer-user-info{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-accent-blue-light, #e3f2fd);border-radius:4px;font-size:var(--font-size-md);border:1px solid var(--color-gray-300, #90caf9)}.footer-user-label{color:var(--color-accent-blue, #1976d2);font-weight:500}.footer-user-name{color:var(--color-accent-blue, #1565c0);font-weight:600}.footer-logout-button{background-color:var(--color-gray-600, #6c757d);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:var(--font-size-md);font-weight:500;transition:background-color .2s;white-space:nowrap}.footer-logout-button:hover{background-color:var(--color-gray-700, #5a6268)}.button-warning{background-color:var(--color-warning, #ffc107);color:var(--color-gray-900, #212529);border:none}.button-warning:hover{background-color:var(--color-warning-dark, #e0a800)}.footer-credit{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08);font-size:var(--font-size-xs);color:var(--color-gray-500);letter-spacing:.03em;display:flex;align-items:center;justify-content:center;gap:.25em}.footer-credit-heart{width:.95em;height:.95em;fill:var(--color-moby-heart-red, #fe3101);vertical-align:middle;flex-shrink:0}@media (max-width: 639px){.footer-content{flex-direction:column;text-align:center}.footer-right,.footer-actions{justify-content:center}.footer-link{min-height:44px;display:inline-flex;align-items:center;padding:0 6px}}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;margin:0;padding:0}:where(.app) .app-main{flex:1;display:flex;flex-direction:column;padding-top:var(--header-height);padding-bottom:0;min-height:calc(100dvh - var(--header-height) - var(--bottom-nav-height))}:where(.app) .container{max-width:var(--container-max-width);margin:0 auto;padding:var(--container-padding);width:100%}:where(.app) .card{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}:where(.app) h1{color:var(--color-gray-800);margin-bottom:var(--spacing-base)}:where(.app) h2{color:var(--color-gray-700);margin-bottom:var(--spacing-md)}:where(.app) .button{background-color:var(--color-primary);color:var(--color-white);border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-base)}:where(.app) .button:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}:where(.app) .button:disabled{background-color:var(--color-gray-400);cursor:not-allowed}:where(.app) .button-secondary{background-color:var(--color-secondary)}:where(.app) .button-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark)}:where(.app) .form-group{margin-bottom:var(--spacing-lg)}:where(.app) .form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-gray-800);font-weight:var(--font-weight-medium)}:where(.app) .form-group input,:where(.app) .form-group select,:where(.app) .form-group textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-base)}:where(.app) .form-group input:focus,:where(.app) .form-group select:focus,:where(.app) .form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}:where(.app) .navigation-buttons{display:flex;gap:var(--spacing-base);margin-top:var(--spacing-xl);justify-content:flex-end}:where(.app) .error-message{color:var(--color-danger);margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}:where(.app) .success-message{color:var(--color-success);margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}.access-denied-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;background:transparent}.access-denied-card{background:var(--color-white);padding:2rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:420px;text-align:center}.access-denied-card h1{font-size:1.25rem;margin-top:0}.access-denied-card p{color:var(--color-gray-700);margin:.75rem 0}.access-denied-card .button{margin-top:1rem;background-color:var(--color-primary);color:var(--color-white);border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-base)}:root{--ds-space-0: 0;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-7: 32px;--ds-space-8: 40px;--ds-space-9: 56px;--ds-space-10: 80px;--ds-radius-xs: 4px;--ds-radius-sm: 6px;--ds-radius-md: 10px;--ds-radius-lg: 14px;--ds-radius-xl: 20px;--ds-radius-2xl: 28px;--ds-radius-pill: 999px;--ds-radius-circle: 50%;--ds-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ds-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;--ds-font-display: var(--ds-font-sans);--ds-fs-2xs: 10px;--ds-fs-xs: 12px;--ds-fs-sm: 13px;--ds-fs-md: 14px;--ds-fs-base: 15px;--ds-fs-lg: 16px;--ds-fs-xl: 18px;--ds-fs-2xl: 22px;--ds-fs-3xl: 28px;--ds-fs-4xl: 36px;--ds-fs-5xl: 48px;--ds-lh-tight: 1.2;--ds-lh-normal: 1.45;--ds-lh-relaxed: 1.6;--ds-fw-regular: 400;--ds-fw-medium: 500;--ds-fw-semibold: 600;--ds-fw-bold: 700;--ds-fw-extrabold: 800;--ds-fw-black: 900;--ds-motion-instant: 0ms;--ds-motion-fast: .12s ease;--ds-motion-base: .18s ease;--ds-motion-slow: .26s ease;--ds-motion-slower: .4s ease;--ds-z-behind: -1;--ds-z-base: 1;--ds-z-dropdown: 100;--ds-z-sticky: 200;--ds-z-fixed: 1000;--ds-z-fixed-above: 1010;--ds-z-overlay: 1500;--ds-z-modal: 2000;--ds-z-toast: 2500;--ds-z-tooltip: 3000;--ds-z-fullscreen: 9999;--ds-z-fullscreen-controls: 10000;--ds-z-system-max: 10001;--ds-bp-sm: 640px;--ds-bp-md: 768px;--ds-bp-lg: 1024px;--ds-bp-xl: 1280px;--ds-bp-2xl: 1536px;--ds-topbar-height: 52px;--ds-sidebar-width: 240px;--ds-container-max: 1400px;--ds-page-max-width: 1800px;--ds-surface-padding: var(--ds-space-5);--ds-surface-padding-lg: var(--ds-space-6)}:root,[data-theme=moby-design]{--ds-color-bg-app: #f5f9fa;--ds-color-bg-surface: #ffffff;--ds-color-bg-elevated: #ffffff;--ds-color-bg-muted: #f8f9fa;--ds-color-bg-hover: #e8eaf6;--ds-color-bg-selected: #e3f2fd;--ds-color-fg-default: #1f2937;--ds-color-fg-muted: #6b7280;--ds-color-fg-subtle: #9e9e9e;--ds-color-fg-faint: #bdbdbd;--ds-color-fg-inverted: #ffffff;--ds-color-brand: #3b82f6;--ds-color-brand-hover: #5568d3;--ds-color-brand-soft: rgba(59, 130, 246, .15);--ds-color-brand-strong: #2563eb;--ds-color-accent: #007bff;--ds-color-accent-hover: #0069d9;--ds-color-accent-soft: #e3f2fd;--ds-color-success: #28a745;--ds-color-success-soft: #d4edda;--ds-color-warning: #ffc107;--ds-color-warning-soft: #fff3e0;--ds-color-danger: #fe3101;--ds-color-danger-soft: #f8d7da;--ds-color-info: #3b82f6;--ds-color-info-soft: #e8eaf6;--ds-color-border: #e0e0e0;--ds-color-border-strong: #bdbdbd;--ds-color-border-focus: #3b82f6;--ds-color-input-bg: #ffffff;--ds-color-input-border: #e0e0e0;--ds-color-input-fg: #1f2937;--ds-color-input-placeholder: #9e9e9e;--ds-shadow-sm: 0 2px 4px rgba(59, 130, 246, .1);--ds-shadow-md: 0 4px 12px rgba(59, 130, 246, .15);--ds-shadow-lg: 0 8px 24px rgba(59, 130, 246, .2);--ds-shadow-xl: 0 12px 40px rgba(59, 130, 246, .25);--ds-shadow-card: 0 10px 40px rgba(0, 0, 0, .1);--ds-brand-name: "moby van";--ds-brand-pattern: linear-gradient(135deg, #f5f9fa 0%, #e8f2f5 50%, #f5f9fa 100%);--ds-brand-gradient: linear-gradient(135deg, #3b82f6 0%, #764ba2 100%);--ds-button-radius: var(--ds-radius-md);--ds-input-radius: var(--ds-radius-md);--ds-card-radius: var(--ds-radius-lg);--ds-card-shadow: var(--ds-shadow-card);--ds-moby-footer: #164D76;--ds-moby-footer-dark: #0d3a52;--ds-moby-accent: #134D75;--ds-moby-accent-hover: #1a6ba8;--ds-moby-teal: #659BA3;--ds-moby-heart-red: #fe3101;--ds-moby-card-dark: #1E2833;--ds-moby-bar-gray: #1f2229;color-scheme:light}[data-theme=moby-design][data-color-mode=dark]{--ds-color-bg-app: #0f172a;--ds-color-bg-surface: #1E2833;--ds-color-bg-elevated: #2a3540;--ds-color-bg-muted: #1a2230;--ds-color-bg-hover: #2d3a4a;--ds-color-bg-selected: #2563eb33;--ds-color-fg-default: #f1f5f9;--ds-color-fg-muted: #cbd5e1;--ds-color-fg-subtle: #94a3b8;--ds-color-fg-faint: #64748b;--ds-color-fg-inverted: #0f172a;--ds-color-border: #334155;--ds-color-border-strong: #475569;--ds-color-input-bg: #1a2230;--ds-color-input-border: #334155;--ds-color-input-fg: #f1f5f9;--ds-color-input-placeholder: #64748b;--ds-shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--ds-shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--ds-shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--ds-shadow-xl: 0 12px 40px rgba(0, 0, 0, .7);--ds-shadow-card: 0 10px 40px rgba(0, 0, 0, .5);--ds-brand-pattern: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);color-scheme:dark}[data-theme=moby-intranet]{--brand-50: #e6f7f4;--brand-100: #c6ece5;--brand-200: #8ad8cc;--brand-300: #4fc4b2;--brand-400: #1bb29b;--brand-500: #0e9f8e;--brand-600: #098474;--brand-700: #066b5f;--brand-800: #044f47;--brand-900: #02332d;--ds-color-brand: #0e9f8e;--ds-color-brand-hover: #098474;--ds-color-brand-soft: rgba(14, 159, 142, .15);--ds-color-brand-strong: #066b5f;--ds-color-accent: #0e9f8e;--ds-color-accent-hover: #098474;--ds-color-accent-soft: #c6ece5;--ds-color-success: #16a34a;--ds-color-success-soft: #dcfce7;--ds-color-warning: #d97706;--ds-color-warning-soft: #fef3c7;--ds-color-danger: #dc2626;--ds-color-danger-soft: #fee2e2;--ds-color-info: #0284c7;--ds-color-info-soft: #e0f2fe;--ds-button-radius: var(--ds-radius-md);--ds-input-radius: var(--ds-radius-sm);--ds-card-radius: var(--ds-radius-md);--ds-card-shadow: var(--ds-shadow-md);--ds-brand-name: "moby intranet";--ds-brand-pattern: none;--ds-brand-gradient: linear-gradient(135deg, #0e9f8e 0%, #066b5f 100%)}[data-theme=moby-intranet],[data-theme=moby-intranet][data-color-mode=light]{--ds-color-bg-app: #f5f6f8;--ds-color-bg-surface: #ffffff;--ds-color-bg-elevated: #ffffff;--ds-color-bg-muted: #eff1f4;--ds-color-bg-hover: #eef0f3;--ds-color-bg-selected: #e6f7f4;--ds-color-fg-default: #0f172a;--ds-color-fg-muted: #475569;--ds-color-fg-subtle: #64748b;--ds-color-fg-faint: #94a3b8;--ds-color-fg-inverted: #ffffff;--ds-color-border: #e4e7ec;--ds-color-border-strong: #cbd2db;--ds-color-border-focus: #0e9f8e;--ds-color-input-bg: #ffffff;--ds-color-input-border: #d0d5dd;--ds-color-input-fg: #0f172a;--ds-color-input-placeholder: #94a3b8;--ds-shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--ds-shadow-md: 0 4px 10px -2px rgba(16, 24, 40, .08), 0 2px 4px -2px rgba(16, 24, 40, .04);--ds-shadow-lg: 0 12px 24px -6px rgba(16, 24, 40, .1), 0 4px 8px -4px rgba(16, 24, 40, .06);--ds-shadow-xl: 0 24px 48px -12px rgba(16, 24, 40, .18);--ds-shadow-card: var(--ds-shadow-md);color-scheme:light}[data-theme=moby-intranet][data-color-mode=dark]{--ds-color-bg-app: #0b0d11;--ds-color-bg-surface: #121520;--ds-color-bg-elevated: #171a26;--ds-color-bg-muted: #1a1f2e;--ds-color-bg-hover: #1d2332;--ds-color-bg-selected: #0e2a28;--ds-color-fg-default: #e8ecf2;--ds-color-fg-muted: #a1a9b8;--ds-color-fg-subtle: #7c8495;--ds-color-fg-faint: #5c6578;--ds-color-fg-inverted: #0b0d11;--ds-color-border: #272c3a;--ds-color-border-strong: #3a4050;--ds-color-border-focus: #1bb29b;--ds-color-input-bg: #0f1220;--ds-color-input-border: #2b3142;--ds-color-input-fg: #e8ecf2;--ds-color-input-placeholder: #5c6578;--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--ds-shadow-md: 0 4px 10px -2px rgba(0, 0, 0, .55), 0 2px 4px -2px rgba(0, 0, 0, .35);--ds-shadow-lg: 0 12px 24px -6px rgba(0, 0, 0, .65), 0 4px 8px -4px rgba(0, 0, 0, .4);--ds-shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .75);--ds-shadow-card: var(--ds-shadow-md);color-scheme:dark}[data-theme=moby-werkstatt]{--ds-color-bg-app: #14182a;--ds-color-bg-surface: #1c2136;--ds-color-bg-elevated: #252b44;--ds-color-bg-muted: #1a1f33;--ds-color-bg-hover: #2e3551;--ds-color-bg-selected: rgba(245, 158, 11, .15);--ds-color-fg-default: #f1f5f9;--ds-color-fg-muted: #cbd5e1;--ds-color-fg-subtle: #7c8aa6;--ds-color-fg-faint: #505a75;--ds-color-fg-inverted: #14182a;--ds-color-brand: #3b82f6;--ds-color-brand-hover: #2563eb;--ds-color-brand-soft: rgba(59, 130, 246, .15);--ds-color-brand-strong: #1d4ed8;--ds-color-accent: #f59e0b;--ds-color-accent-hover: #d97706;--ds-color-accent-soft: rgba(245, 158, 11, .15);--ds-color-success: #22c55e;--ds-color-success-soft: rgba(34, 197, 94, .15);--ds-color-warning: #f59e0b;--ds-color-warning-soft: rgba(245, 158, 11, .15);--ds-color-danger: #ef4444;--ds-color-danger-soft: rgba(239, 68, 68, .15);--ds-color-info: #3b82f6;--ds-color-info-soft: rgba(59, 130, 246, .15);--ds-color-border: #2d3349;--ds-color-border-strong: #3d4566;--ds-color-border-focus: #3b82f6;--ds-color-input-bg: #1c2136;--ds-color-input-border: #2d3349;--ds-color-input-fg: #f1f5f9;--ds-color-input-placeholder: #505a75;--ds-shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--ds-shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--ds-shadow-lg: 0 20px 60px rgba(0, 0, 0, .5);--ds-shadow-xl: 0 30px 80px rgba(0, 0, 0, .6);--ds-shadow-card: var(--ds-shadow-md);--ds-brand-name: "moby werkstatt";--ds-brand-pattern: none;--ds-brand-gradient: linear-gradient(135deg, #14182a 0%, #1c2136 100%);--ds-button-radius: var(--ds-radius-sm);--ds-input-radius: var(--ds-radius-sm);--ds-card-radius: var(--ds-radius-md);--ds-card-shadow: var(--ds-shadow-md);color-scheme:dark}[data-theme=moby-light]{--ds-color-bg-app: #fafafa;--ds-color-bg-surface: #ffffff;--ds-color-bg-elevated: #ffffff;--ds-color-bg-muted: #f4f4f5;--ds-color-bg-hover: #f0f0f1;--ds-color-bg-selected: #e4e4e7;--ds-color-fg-default: #18181b;--ds-color-fg-muted: #52525b;--ds-color-fg-subtle: #71717a;--ds-color-fg-faint: #a1a1aa;--ds-color-fg-inverted: #ffffff;--ds-color-brand: #475569;--ds-color-brand-hover: #334155;--ds-color-brand-soft: rgba(71, 85, 105, .1);--ds-color-brand-strong: #1e293b;--ds-color-accent: #6366f1;--ds-color-accent-hover: #4f46e5;--ds-color-accent-soft: rgba(99, 102, 241, .1);--ds-color-success: #15803d;--ds-color-success-soft: #f0fdf4;--ds-color-warning: #b45309;--ds-color-warning-soft: #fffbeb;--ds-color-danger: #b91c1c;--ds-color-danger-soft: #fef2f2;--ds-color-info: #1d4ed8;--ds-color-info-soft: #eff6ff;--ds-color-border: #e4e4e7;--ds-color-border-strong: #d4d4d8;--ds-color-border-focus: #475569;--ds-color-input-bg: #ffffff;--ds-color-input-border: #d4d4d8;--ds-color-input-fg: #18181b;--ds-color-input-placeholder: #a1a1aa;--ds-shadow-sm: 0 1px 1px rgba(0, 0, 0, .04);--ds-shadow-md: 0 2px 4px rgba(0, 0, 0, .06);--ds-shadow-lg: 0 4px 12px rgba(0, 0, 0, .08);--ds-shadow-xl: 0 8px 24px rgba(0, 0, 0, .1);--ds-shadow-card: var(--ds-shadow-sm);--ds-brand-name: "moby light";--ds-brand-pattern: none;--ds-brand-gradient: linear-gradient(135deg, #fafafa 0%, #f4f4f5 100%);--ds-button-radius: var(--ds-radius-sm);--ds-input-radius: var(--ds-radius-sm);--ds-card-radius: var(--ds-radius-sm);--ds-card-shadow: var(--ds-shadow-sm);color-scheme:light}[data-theme=moby-corporate]{--ds-color-brand: #000000;--ds-color-brand-hover: #1a1a1a;--ds-color-brand-soft: rgba(0, 0, 0, .08);--ds-color-brand-strong: #000000;--ds-color-accent: #404040;--ds-color-accent-hover: #262626;--ds-color-accent-soft: rgba(64, 64, 64, .1);--ds-color-success: #166534;--ds-color-success-soft: #f0fdf4;--ds-color-warning: #854d0e;--ds-color-warning-soft: #fefce8;--ds-color-danger: #991b1b;--ds-color-danger-soft: #fef2f2;--ds-color-info: #1e3a8a;--ds-color-info-soft: #eff6ff;--ds-button-radius: var(--ds-radius-xs);--ds-input-radius: var(--ds-radius-xs);--ds-card-radius: var(--ds-radius-xs);--ds-brand-name: "moby corporate";--ds-brand-pattern: none;--ds-brand-gradient: linear-gradient(135deg, #000000 0%, #404040 100%)}[data-theme=moby-corporate],[data-theme=moby-corporate][data-color-mode=light]{--ds-color-bg-app: #ffffff;--ds-color-bg-surface: #ffffff;--ds-color-bg-elevated: #ffffff;--ds-color-bg-muted: #f5f5f5;--ds-color-bg-hover: #f0f0f0;--ds-color-bg-selected: #e5e5e5;--ds-color-fg-default: #000000;--ds-color-fg-muted: #404040;--ds-color-fg-subtle: #737373;--ds-color-fg-faint: #a3a3a3;--ds-color-fg-inverted: #ffffff;--ds-color-border: #d4d4d4;--ds-color-border-strong: #a3a3a3;--ds-color-border-focus: #000000;--ds-color-input-bg: #ffffff;--ds-color-input-border: #d4d4d4;--ds-color-input-fg: #000000;--ds-color-input-placeholder: #a3a3a3;--ds-shadow-sm: 0 1px 0 rgba(0, 0, 0, .05);--ds-shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--ds-shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--ds-shadow-xl: 0 8px 24px rgba(0, 0, 0, .2);--ds-shadow-card: 0 0 0 1px var(--ds-color-border);color-scheme:light}[data-theme=moby-corporate][data-color-mode=dark]{--ds-color-bg-app: #000000;--ds-color-bg-surface: #0a0a0a;--ds-color-bg-elevated: #171717;--ds-color-bg-muted: #0a0a0a;--ds-color-bg-hover: #262626;--ds-color-bg-selected: #404040;--ds-color-fg-default: #ffffff;--ds-color-fg-muted: #d4d4d4;--ds-color-fg-subtle: #a3a3a3;--ds-color-fg-faint: #737373;--ds-color-fg-inverted: #000000;--ds-color-brand: #ffffff;--ds-color-brand-hover: #e5e5e5;--ds-color-brand-soft: rgba(255, 255, 255, .08);--ds-color-brand-strong: #ffffff;--ds-color-accent: #d4d4d4;--ds-color-border: #262626;--ds-color-border-strong: #404040;--ds-color-border-focus: #ffffff;--ds-color-input-bg: #0a0a0a;--ds-color-input-border: #262626;--ds-color-input-fg: #ffffff;--ds-color-input-placeholder: #737373;--ds-shadow-sm: 0 1px 0 rgba(255, 255, 255, .05);--ds-shadow-md: 0 2px 4px rgba(0, 0, 0, .4);--ds-shadow-lg: 0 4px 12px rgba(0, 0, 0, .6);--ds-shadow-xl: 0 8px 24px rgba(0, 0, 0, .8);--ds-shadow-card: 0 0 0 1px var(--ds-color-border);color-scheme:dark}[data-theme=moby-aurora]{color-scheme:dark;--ds-button-radius: var(--ds-radius-md);--ds-input-radius: var(--ds-radius-md);--ds-card-radius: var(--ds-radius-lg);--ds-card-shadow: 0 8px 30px rgba(0, 0, 0, .45);--ds-shadow-xl: 0 25px 70px rgba(0, 0, 0, .55);--ds-color-bg-app: #060c2e;--ds-color-bg-surface: #0d1438;--ds-color-bg-elevated: #15224a;--ds-color-bg-muted: #0a1238;--ds-color-bg-hover: #1d2a55;--ds-color-bg-selected: rgba(0, 195, 190, .18);--ds-color-fg-default: #f3f4f6;--ds-color-fg-muted: #cbd5e1;--ds-color-fg-subtle: #94a3b8;--ds-color-fg-faint: #64748b;--ds-color-fg-inverted: #ffffff;--ds-color-brand: #00c3be;--ds-color-brand-hover: #14b8a6;--ds-color-brand-soft: rgba(0, 195, 190, .18);--ds-color-brand-strong: #0d9488;--ds-color-accent: #e1376c;--ds-color-accent-hover: #db2777;--ds-color-accent-soft: rgba(225, 55, 108, .18);--ds-color-success: #22c55e;--ds-color-success-soft: rgba(34, 197, 94, .18);--ds-color-warning: #ff9e1c;--ds-color-warning-soft: rgba(255, 158, 28, .18);--ds-color-danger: #ef4444;--ds-color-danger-soft: rgba(239, 68, 68, .18);--ds-color-info: #3741e1;--ds-color-info-soft: rgba(55, 65, 225, .18);--ds-color-border: rgba(255, 255, 255, .1);--ds-color-border-strong: rgba(255, 255, 255, .18);--ds-color-border-focus: #00c3be;--ds-color-input-bg: rgba(255, 255, 255, .06);--ds-color-input-border: rgba(255, 255, 255, .12);--ds-color-input-focus: #00c3be;--ds-color-input-fg: #f3f4f6;--ds-color-input-placeholder: rgba(243, 244, 246, .45);--ds-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--ds-shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--ds-shadow-lg: 0 16px 48px rgba(0, 0, 0, .65);--ds-aurora-base: #060c2e;--ds-aurora-c1: 0, 195, 190;--ds-aurora-c2: 55, 65, 225;--ds-aurora-c3: 225, 55, 108;--ds-aurora-c4: 255, 158, 28;--ds-aurora-c5: 80, 210, 255}[data-theme=moby-aurora][data-color-mode=light]{color-scheme:light;--ds-card-shadow: 0 6px 20px rgba(13, 148, 136, .18);--ds-shadow-xl: 0 25px 70px rgba(13, 148, 136, .22);--ds-color-bg-app: #ecfdf5;--ds-color-bg-surface: #f0fdfa;--ds-color-bg-elevated: #ccfbf1;--ds-color-bg-muted: #e6fffa;--ds-color-bg-hover: rgba(13, 148, 136, .06);--ds-color-fg-default: #1f2937;--ds-color-fg-muted: #4b5563;--ds-color-fg-subtle: #6b7280;--ds-color-fg-faint: #9ca3af;--ds-color-brand: #0d9488;--ds-color-brand-hover: #0f766e;--ds-color-brand-soft: rgba(13, 148, 136, .18);--ds-color-brand-strong: #115e59;--ds-color-accent: #14b8a6;--ds-color-accent-hover: #0d9488;--ds-color-accent-soft: rgba(20, 184, 166, .18);--ds-color-border: rgba(13, 148, 136, .18);--ds-color-border-strong: rgba(13, 148, 136, .3);--ds-color-input-bg: #ffffff;--ds-color-input-border: rgba(13, 148, 136, .2);--ds-color-input-fg: #1f2937;--ds-color-input-placeholder: #9ca3af;--ds-aurora-base: #b2e0d4;--ds-aurora-c1: 13, 148, 136;--ds-aurora-c2: 20, 184, 166;--ds-aurora-c3: 52, 211, 153;--ds-aurora-c4: 16, 185, 129;--ds-aurora-c5: 94, 234, 212}[data-theme=moby-konfigurator]{color-scheme:light;--ds-button-radius: var(--ds-radius-md);--ds-input-radius: var(--ds-radius-md);--ds-card-radius: var(--ds-radius-lg);--ds-card-shadow: 0 4px 16px rgba(13, 148, 136, .18);--ds-shadow-xl: 0 20px 60px rgba(13, 148, 136, .22);--ds-color-bg-app: #0a6480;--ds-color-bg-surface: #ffffff;--ds-color-bg-elevated: #ffffff;--ds-color-bg-muted: #f0fdfa;--ds-color-bg-hover: rgba(13, 148, 136, .06);--ds-color-bg-selected: rgba(13, 148, 136, .18);--ds-color-fg-default: #1f2937;--ds-color-fg-muted: #4b5563;--ds-color-fg-subtle: #6b7280;--ds-color-fg-faint: #9ca3af;--ds-color-fg-inverted: #ffffff;--ds-color-brand: #0d9488;--ds-color-brand-hover: #0f766e;--ds-color-brand-soft: rgba(13, 148, 136, .18);--ds-color-brand-strong: #115e59;--ds-color-accent: #14b8a6;--ds-color-accent-hover: #0d9488;--ds-color-accent-soft: rgba(20, 184, 166, .18);--ds-color-success: #22c55e;--ds-color-success-soft: rgba(34, 197, 94, .15);--ds-color-warning: #f59e0b;--ds-color-warning-soft: rgba(245, 158, 11, .15);--ds-color-danger: #ef4444;--ds-color-danger-soft: rgba(239, 68, 68, .15);--ds-color-info: #3b82f6;--ds-color-info-soft: rgba(59, 130, 246, .15);--ds-color-border: rgba(13, 148, 136, .18);--ds-color-border-strong: rgba(13, 148, 136, .32);--ds-color-border-focus: #0d9488;--ds-color-input-bg: #ffffff;--ds-color-input-border: rgba(13, 148, 136, .22);--ds-color-input-focus: #0d9488;--ds-color-input-fg: #1f2937;--ds-color-input-placeholder: #9ca3af;--ds-shadow-sm: 0 1px 4px rgba(13, 148, 136, .08);--ds-shadow-md: 0 4px 12px rgba(13, 148, 136, .15);--ds-shadow-lg: 0 16px 48px rgba(13, 148, 136, .2);--ds-bg-gradient: radial-gradient(ellipse 85% 30% at 45% 0%, rgba(255, 240, 160, .18) 0%, transparent 65%), radial-gradient(ellipse 55% 25% at 90% 70%, rgba(0, 210, 200, .12) 0%, transparent 60%), linear-gradient(170deg, #0d9b9b 0%, #0a8fa5 25%, #0e7a96 55%, #0a6480 100%)}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);font-family:var(--ds-font-sans);font-size:var(--ds-fs-md);font-weight:var(--ds-fw-semibold);line-height:var(--ds-lh-tight);border:1px solid transparent;border-radius:var(--ds-button-radius, var(--ds-radius-md));cursor:pointer;user-select:none;text-decoration:none;transition:background-color var(--ds-motion-fast),border-color var(--ds-motion-fast),color var(--ds-motion-fast),box-shadow var(--ds-motion-fast),transform var(--ds-motion-fast);white-space:nowrap}.ds-btn:focus-visible{outline:2px solid var(--ds-color-border-focus);outline-offset:2px}.ds-btn:disabled,.ds-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.ds-btn--primary{background-color:var(--ds-color-brand);color:var(--ds-color-fg-inverted);border-color:var(--ds-color-brand)}.ds-btn--primary:hover:not(:disabled){background-color:var(--ds-color-brand-hover);border-color:var(--ds-color-brand-hover)}.ds-btn--secondary{background-color:var(--ds-color-bg-elevated);color:var(--ds-color-fg-default);border-color:var(--ds-color-border)}.ds-btn--secondary:hover:not(:disabled){background-color:var(--ds-color-bg-hover);border-color:var(--ds-color-border-strong)}.ds-btn--ghost{background-color:transparent;color:var(--ds-color-fg-default);border-color:transparent}.ds-btn--ghost:hover:not(:disabled){background-color:var(--ds-color-bg-hover)}.ds-btn--danger{background-color:var(--ds-color-danger);color:var(--ds-color-fg-inverted);border-color:var(--ds-color-danger)}.ds-btn--danger:hover:not(:disabled){filter:brightness(.9)}.ds-btn--success{background-color:var(--ds-color-success);color:var(--ds-color-fg-inverted);border-color:var(--ds-color-success)}.ds-btn--success:hover:not(:disabled){filter:brightness(.9)}.ds-btn--sm{padding:var(--ds-space-1) var(--ds-space-3);font-size:var(--ds-fs-sm);min-height:28px}.ds-btn--md{min-height:36px}.ds-btn--lg{padding:var(--ds-space-3) var(--ds-space-5);font-size:var(--ds-fs-lg);min-height:44px}.ds-btn--icon{padding:var(--ds-space-2);aspect-ratio:1;min-width:36px}.ds-btn--icon.ds-btn--sm{min-width:28px;padding:var(--ds-space-1)}.ds-btn--icon.ds-btn--lg{min-width:44px;padding:var(--ds-space-3)}.ds-btn--block{display:flex;width:100%}.ds-field{display:flex;flex-direction:column;gap:var(--ds-space-1)}.ds-field__label{font-family:var(--ds-font-sans);font-size:var(--ds-fs-sm);font-weight:var(--ds-fw-medium);color:var(--ds-color-fg-default)}.ds-field__input,.ds-input{display:block;width:100%;padding:var(--ds-space-2) var(--ds-space-3);font-family:var(--ds-font-sans);font-size:var(--ds-fs-md);color:var(--ds-color-input-fg, var(--ds-color-fg-default));background-color:var(--ds-color-input-bg, var(--ds-color-bg-surface));border:1px solid var(--ds-color-input-border, var(--ds-color-border));border-radius:var(--ds-input-radius, var(--ds-radius-md));transition:border-color var(--ds-motion-fast),box-shadow var(--ds-motion-fast);min-height:36px}.ds-field__input:focus,.ds-input:focus{outline:none;border-color:var(--ds-color-border-focus);box-shadow:0 0 0 3px var(--ds-color-brand-soft)}.ds-field__input::placeholder,.ds-input::placeholder{color:var(--ds-color-input-placeholder, var(--ds-color-fg-subtle))}.ds-field__input:disabled,.ds-input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--ds-color-bg-muted)}textarea.ds-field__input,textarea.ds-input{min-height:80px;resize:vertical}select.ds-field__input,select.ds-input{cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ds-color-fg-muted) 50%),linear-gradient(135deg,var(--ds-color-fg-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;appearance:none;padding-right:var(--ds-space-7)}.ds-field__hint{font-size:var(--ds-fs-xs);color:var(--ds-color-fg-subtle)}.ds-field__error{font-size:var(--ds-fs-xs);color:var(--ds-color-danger)}.ds-field--invalid .ds-field__input,.ds-input--invalid{border-color:var(--ds-color-danger)}.ds-field--invalid .ds-field__input:focus,.ds-input--invalid:focus{box-shadow:0 0 0 3px var(--ds-color-danger-soft)}.ds-checkbox,.ds-radio{width:18px;height:18px;cursor:pointer;accent-color:var(--ds-color-brand)}.ds-card{background-color:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-border);border-radius:var(--ds-card-radius, var(--ds-radius-lg));box-shadow:var(--ds-card-shadow, var(--ds-shadow-sm));overflow:hidden}.ds-card--flat{box-shadow:none}.ds-card--elevated{box-shadow:var(--ds-shadow-lg)}.ds-card--interactive{cursor:pointer;transition:transform var(--ds-motion-fast),box-shadow var(--ds-motion-fast)}.ds-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}.ds-card__header{padding:var(--ds-space-4) var(--ds-space-5);border-bottom:1px solid var(--ds-color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.ds-card__body{padding:var(--ds-space-5)}.ds-card__footer{padding:var(--ds-space-4) var(--ds-space-5);border-top:1px solid var(--ds-color-border);display:flex;gap:var(--ds-space-2);justify-content:flex-end}.ds-card__title{font-family:var(--ds-font-sans);font-size:var(--ds-fs-lg);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default);margin:0}.ds-card__subtitle{font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted);margin:0}.ds-modal-backdrop,.ntm-backdrop,.emoji-backdrop,.mail-modal-backdrop,.cust-drawer-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-overlay, 1000);padding:var(--ds-space-4);animation:ds-modal-fade-in var(--ds-motion-fast, .18s)}.ds-modal{background-color:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-border);border-radius:var(--ds-card-radius, var(--ds-radius-lg));box-shadow:var(--ds-shadow-xl);max-height:calc(100vh - var(--ds-space-7));width:100%;display:flex;flex-direction:column;z-index:var(--ds-z-modal);animation:ds-modal-scale-in var(--ds-motion-base)}.ds-modal--sm{max-width:400px}.ds-modal--md{max-width:600px}.ds-modal--lg{max-width:900px}.ds-modal--xl{max-width:1200px}.ds-modal--full{max-width:none;height:calc(100vh - var(--ds-space-7))}.ds-modal__header{padding:var(--ds-space-4) var(--ds-space-5);border-bottom:1px solid var(--ds-color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.ds-modal__title{font-size:var(--ds-fs-xl);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default);margin:0}.ds-modal__body{padding:var(--ds-space-5);overflow-y:auto;flex:1}.ds-modal__footer{padding:var(--ds-space-4) var(--ds-space-5);border-top:1px solid var(--ds-color-border);display:flex;gap:var(--ds-space-2);justify-content:flex-end}.ds-modal__close{background:none;border:none;color:var(--ds-color-fg-muted);cursor:pointer;padding:var(--ds-space-1);border-radius:var(--ds-radius-sm);display:inline-flex;align-items:center;justify-content:center}.ds-modal__close:hover{background-color:var(--ds-color-bg-hover);color:var(--ds-color-fg-default)}@keyframes ds-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ds-modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ds-table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--ds-color-border);border-radius:var(--ds-card-radius, var(--ds-radius-md));background-color:var(--ds-color-bg-elevated)}.ds-table{width:100%;border-collapse:collapse;font-family:var(--ds-font-sans);font-size:var(--ds-fs-md);color:var(--ds-color-fg-default)}.ds-table thead{background-color:var(--ds-color-bg-muted);text-align:left}.ds-table th{padding:var(--ds-space-3) var(--ds-space-4);font-weight:var(--ds-fw-semibold);font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--ds-color-border);white-space:nowrap}.ds-table td{padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-color-border);vertical-align:middle}.ds-table tr:last-child td{border-bottom:none}.ds-table--striped tbody tr:nth-child(2n){background-color:var(--ds-color-bg-muted)}.ds-table--bordered th,.ds-table--bordered td{border:1px solid var(--ds-color-border)}.ds-table--hoverable tbody tr:hover{background-color:var(--ds-color-bg-hover)}.ds-table--sticky thead{position:sticky;top:0;z-index:var(--ds-z-sticky)}.ds-table .ds-table__cell--center{text-align:center}.ds-table .ds-table__cell--right{text-align:right}.ds-table .ds-table__cell--actions{text-align:right;white-space:nowrap}.ds-toast-container{position:fixed;bottom:var(--ds-space-5);right:var(--ds-space-5);display:flex;flex-direction:column;gap:var(--ds-space-2);z-index:var(--ds-z-toast);pointer-events:none;max-width:420px}.ds-toast{pointer-events:auto;background-color:var(--ds-color-bg-elevated);color:var(--ds-color-fg-default);border:1px solid var(--ds-color-border);border-left-width:4px;border-radius:var(--ds-radius-md);padding:var(--ds-space-3) var(--ds-space-4);box-shadow:var(--ds-shadow-lg);display:flex;align-items:flex-start;gap:var(--ds-space-3);font-size:var(--ds-fs-md);animation:ds-toast-slide-in var(--ds-motion-base)}.ds-toast--success{border-left-color:var(--ds-color-success)}.ds-toast--info{border-left-color:var(--ds-color-info)}.ds-toast--warning{border-left-color:var(--ds-color-warning)}.ds-toast--danger{border-left-color:var(--ds-color-danger)}.ds-toast__title{font-weight:var(--ds-fw-semibold);margin:0 0 var(--ds-space-1)}.ds-toast__body{color:var(--ds-color-fg-muted);font-size:var(--ds-fs-sm);margin:0}.ds-toast__close{background:none;border:none;color:var(--ds-color-fg-subtle);cursor:pointer;font-size:var(--ds-fs-lg);line-height:1;margin-left:auto;padding:0}@keyframes ds-toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ds-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--ds-radius-pill);font-size:var(--ds-fs-xs);font-weight:var(--ds-fw-semibold);background-color:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted);white-space:nowrap;line-height:1.4}.ds-badge--neutral{background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted)}.ds-badge--brand{background:var(--ds-color-brand-soft);color:var(--ds-color-brand-strong)}.ds-badge--info{background:var(--ds-color-info-soft);color:var(--ds-color-info)}.ds-badge--success{background:var(--ds-color-success-soft);color:var(--ds-color-success)}.ds-badge--warning{background:var(--ds-color-warning-soft);color:var(--ds-color-warning)}.ds-badge--danger{background:var(--ds-color-danger-soft);color:var(--ds-color-danger)}.ds-badge--sm{padding:1px 6px;font-size:var(--ds-fs-2xs)}.ds-badge--lg{padding:4px 12px;font-size:var(--ds-fs-sm)}.ds-avatar{display:inline-flex;align-items:center;justify-content:center;background-color:var(--ds-color-bg-muted);color:var(--ds-color-fg-default);border-radius:var(--ds-radius-circle);overflow:hidden;font-weight:var(--ds-fw-semibold);user-select:none;flex-shrink:0}.ds-avatar--sm{width:24px;height:24px;font-size:var(--ds-fs-xs)}.ds-avatar--md{width:32px;height:32px;font-size:var(--ds-fs-md)}.ds-avatar--lg{width:48px;height:48px;font-size:var(--ds-fs-xl)}.ds-avatar--xl{width:80px;height:80px;font-size:var(--ds-fs-3xl)}img.ds-avatar{object-fit:cover}.ds-spinner-wrapper{display:inline-flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-color-fg-muted)}.ds-spinner{display:inline-block;border:2px solid var(--ds-color-border);border-top-color:var(--ds-color-brand);border-radius:var(--ds-radius-circle);animation:ds-spin .7s linear infinite}.ds-spinner--sm{width:14px;height:14px;border-width:2px}.ds-spinner--md{width:20px;height:20px;border-width:2px}.ds-spinner--lg{width:32px;height:32px;border-width:3px}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-tabs{display:flex;gap:var(--ds-space-1);border-bottom:1px solid var(--ds-color-border);flex-wrap:wrap}.ds-tabs__tab{background:none;border:none;padding:var(--ds-space-2) var(--ds-space-3);font-family:var(--ds-font-sans);font-size:var(--ds-fs-md);color:var(--ds-color-fg-muted);cursor:pointer;display:inline-flex;align-items:center;gap:var(--ds-space-2);border-radius:var(--ds-radius-sm) var(--ds-radius-sm) 0 0;position:relative}.ds-tabs__tab:hover:not(:disabled){color:var(--ds-color-fg-default)}.ds-tabs__tab.is-active{color:var(--ds-color-brand);font-weight:var(--ds-fw-semibold)}.ds-tabs--underline .ds-tabs__tab.is-active:after{content:"";position:absolute;left:var(--ds-space-3);right:var(--ds-space-3);bottom:-1px;height:2px;background-color:var(--ds-color-brand)}.ds-tabs--pill .ds-tabs__tab{border-radius:var(--ds-radius-pill)}.ds-tabs--pill .ds-tabs__tab.is-active{background-color:var(--ds-color-brand-soft)}.ds-tabs__badge{background-color:var(--ds-color-bg-muted);border-radius:var(--ds-radius-pill);padding:1px 6px;font-size:var(--ds-fs-2xs)}.ds-sidebar{display:flex;flex-direction:column;gap:var(--ds-space-4);padding:var(--ds-space-3);background-color:var(--ds-color-bg-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-card-radius, var(--ds-radius-lg))}.ds-sidebar__brand{font-size:var(--ds-fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ds-color-fg-muted);font-weight:var(--ds-fw-semibold);padding:0 var(--ds-space-2)}.ds-sidebar__group{display:flex;flex-direction:column;gap:2px}.ds-sidebar__group-title{font-size:var(--ds-fs-xs);color:var(--ds-color-fg-subtle);text-transform:uppercase;letter-spacing:.05em;margin:var(--ds-space-2) 0 var(--ds-space-1) var(--ds-space-2)}.ds-sidebar__link{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-fs-sm);color:var(--ds-color-fg-default);border-radius:var(--ds-radius-sm);text-decoration:none;cursor:pointer;transition:background-color var(--ds-motion-fast);background:none;border:none;font-family:inherit;text-align:left;width:100%}.ds-sidebar__link:hover{background-color:var(--ds-color-bg-hover)}.ds-sidebar__link.is-active{background-color:var(--ds-color-brand-soft);color:var(--ds-color-brand);font-weight:var(--ds-fw-semibold)}.ds-sidebar__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.ds-sidebar__badge{margin-left:auto;background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted);font-size:var(--ds-fs-2xs);padding:1px 6px;border-radius:var(--ds-radius-pill)}.ds-searchbar{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);background-color:var(--ds-color-input-bg);border:1px solid var(--ds-color-input-border);border-radius:var(--ds-input-radius, var(--ds-radius-md));transition:border-color var(--ds-motion-fast)}.ds-searchbar:focus-within{border-color:var(--ds-color-border-focus);box-shadow:0 0 0 3px var(--ds-color-brand-soft)}.ds-searchbar__icon{color:var(--ds-color-fg-subtle)}.ds-searchbar__input{flex:1;border:none;outline:none;background:none;color:var(--ds-color-input-fg);font:inherit;min-width:0}.ds-searchbar__clear{background:none;border:none;color:var(--ds-color-fg-subtle);cursor:pointer;padding:2px}.ds-searchbar__clear:hover{color:var(--ds-color-fg-default)}.ds-empty{text-align:center;padding:var(--ds-space-7);color:var(--ds-color-fg-muted)}.ds-empty__icon{font-size:var(--ds-fs-4xl);margin-bottom:var(--ds-space-3)}.ds-empty__title{font-size:var(--ds-fs-lg);color:var(--ds-color-fg-default);margin:0 0 var(--ds-space-2)}.ds-empty__desc{font-size:var(--ds-fs-md);margin:0 0 var(--ds-space-4);max-width:360px;margin-left:auto;margin-right:auto}.ds-empty__action{display:inline-flex;gap:var(--ds-space-2)}.ds-file-upload__zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-6);border:2px dashed var(--ds-color-border-strong);border-radius:var(--ds-card-radius, var(--ds-radius-md));background-color:var(--ds-color-bg-muted);cursor:pointer;text-align:center;transition:all var(--ds-motion-fast)}.ds-file-upload__zone:hover,.ds-file-upload.is-drag-over .ds-file-upload__zone{border-color:var(--ds-color-brand);background-color:var(--ds-color-brand-soft)}.ds-file-upload.is-disabled .ds-file-upload__zone{opacity:.6;cursor:not-allowed}.ds-file-upload.has-error .ds-file-upload__zone{border-color:var(--ds-color-danger)}.ds-file-upload__input{display:none}.ds-file-upload__icon{font-size:var(--ds-fs-3xl)}.ds-file-upload__label{margin-top:var(--ds-space-2);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default)}.ds-file-upload__hint{font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted);margin-top:var(--ds-space-1)}.ds-file-upload__error{font-size:var(--ds-fs-sm);color:var(--ds-color-danger);margin-top:var(--ds-space-2)}.ds-tooltip{position:relative;display:inline-block}.ds-tooltip__bubble{position:absolute;background:var(--ds-color-fg-default);color:var(--ds-color-fg-inverted);padding:4px 8px;border-radius:var(--ds-radius-sm);font-size:var(--ds-fs-xs);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity var(--ds-motion-fast),transform var(--ds-motion-fast);z-index:var(--ds-z-tooltip)}.ds-tooltip:hover .ds-tooltip__bubble,.ds-tooltip:focus-within .ds-tooltip__bubble{opacity:1;transform:translateY(0)}.ds-tooltip--top .ds-tooltip__bubble{bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px)}.ds-tooltip--top:hover .ds-tooltip__bubble{transform:translate(-50%)}.ds-tooltip--bottom .ds-tooltip__bubble{top:calc(100% + 6px);left:50%;transform:translate(-50%,-4px)}.ds-tooltip--bottom:hover .ds-tooltip__bubble{transform:translate(-50%)}.ds-tooltip--left .ds-tooltip__bubble{right:calc(100% + 6px);top:50%;transform:translate(4px,-50%)}.ds-tooltip--left:hover .ds-tooltip__bubble{transform:translateY(-50%)}.ds-tooltip--right .ds-tooltip__bubble{left:calc(100% + 6px);top:50%;transform:translate(-4px,-50%)}.ds-tooltip--right:hover .ds-tooltip__bubble{transform:translateY(-50%)}.ds-kv{display:flex;flex-direction:column;gap:var(--ds-space-2)}.ds-kv__header{display:grid;grid-template-columns:1fr 1fr 32px;gap:var(--ds-space-2);font-size:var(--ds-fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ds-color-fg-muted);padding:0 var(--ds-space-2)}.ds-kv__row{display:grid;grid-template-columns:1fr 1fr 32px;gap:var(--ds-space-2);align-items:center}.ds-kv__row--add{grid-template-columns:1fr 1fr auto}.ds-breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-1);font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted)}.ds-breadcrumb li{display:inline-flex;align-items:center;gap:var(--ds-space-1)}.ds-breadcrumb a{color:var(--ds-color-fg-muted);text-decoration:none}.ds-breadcrumb a:hover{color:var(--ds-color-fg-default)}.ds-breadcrumb li.is-current{color:var(--ds-color-fg-default);font-weight:var(--ds-fw-semibold)}.ds-breadcrumb__sep{color:var(--ds-color-fg-faint);margin:0 4px}.ds-topbar{display:flex;align-items:center;gap:var(--ds-space-3);padding:0 var(--ds-space-4);height:var(--ds-topbar-height);background-color:var(--ds-color-bg-surface);border-bottom:1px solid var(--ds-color-border)}.ds-topbar--sticky{position:sticky;top:0;z-index:var(--ds-z-fixed)}.ds-topbar__brand{font-weight:var(--ds-fw-semibold)}.ds-topbar__section{display:flex;align-items:center;gap:var(--ds-space-2)}.ds-topbar__center{flex:1;justify-content:center}.ds-topbar__right{margin-left:auto}.ds-checkbox-row,.ds-radio-row{display:inline-flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-fs-md);cursor:pointer}.ds-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--ds-fs-xs, .7rem);font-weight:var(--ds-fw-semibold, 600);line-height:1.4;border-radius:var(--ds-radius-pill, 999px);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.ds-pill--success{background:var(--ds-color-success-soft);color:var(--ds-color-success)}.ds-pill--warning{background:var(--ds-color-warning-soft);color:var(--ds-color-warning)}.ds-pill--danger,.ds-pill--error{background:var(--ds-color-danger-soft);color:var(--ds-color-danger)}.ds-pill--info{background:var(--ds-color-info-soft);color:var(--ds-color-info)}.ds-pill--brand{background:var(--ds-color-brand-soft);color:var(--ds-color-brand)}.ds-pill--neutral{background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted)}.ds-pill--sm{font-size:.65rem;padding:1px 6px}.ds-pill--lg{font-size:var(--ds-fs-sm, .85rem);padding:4px 12px}.ds-dot{display:inline-block;width:8px;height:8px;border-radius:var(--ds-radius-pill, 999px)}.ds-dot--success{background:var(--ds-color-success)}.ds-dot--warning{background:var(--ds-color-warning)}.ds-dot--danger{background:var(--ds-color-danger)}.ds-dot--info{background:var(--ds-color-info)}.ds-dot--brand{background:var(--ds-color-brand)}.ds-dot--neutral{background:var(--ds-color-fg-faint)}.ds-status-group{display:inline-flex;align-items:center;gap:var(--ds-space-1);flex-wrap:wrap}.ds-status-toggle{background:transparent;color:var(--ds-color-fg-muted);border:1px solid var(--ds-color-border);text-transform:none;letter-spacing:0;font-weight:var(--ds-fw-medium);cursor:pointer;transition:background var(--ds-motion-fast),color var(--ds-motion-fast),border-color var(--ds-motion-fast)}.ds-status-toggle:hover:not(:disabled):not(.is-active){background:var(--ds-color-bg-hover);color:var(--ds-color-fg-default);border-color:var(--ds-color-border-strong)}.ds-status-toggle:disabled{opacity:.7;cursor:default}.ds-status-toggle.is-active{border-color:transparent}.ds-status-toggle--warn.is-active{background:var(--ds-color-warning-soft);color:var(--ds-color-warning)}.ds-status-toggle--info.is-active{background:var(--ds-color-info-soft);color:var(--ds-color-info)}.ds-status-toggle--success.is-active{background:var(--ds-color-success-soft);color:var(--ds-color-success)}.ds-status-toggle--brand.is-active{background:var(--ds-color-brand-soft);color:var(--ds-color-brand)}.ds-status-toggle--danger.is-active{background:var(--ds-color-danger-soft);color:var(--ds-color-danger)}.ds-status-toggle--neutral.is-active{background:var(--ds-color-bg-muted);color:var(--ds-color-fg-default)}.ds-chat-thread{display:flex;flex-direction:column;gap:var(--ds-space-3);padding:var(--ds-space-2) 0;list-style:none;margin:0}.ds-chat-bubble{display:flex;flex-direction:column;max-width:72%;min-width:0}.ds-chat-bubble--in{align-self:flex-start}.ds-chat-bubble--out{align-self:flex-end}.ds-chat-bubble--note{align-self:center;max-width:60%}.ds-chat-bubble__row{display:flex;align-items:flex-end;gap:var(--ds-space-2);min-width:0}.ds-chat-bubble--out .ds-chat-bubble__row{flex-direction:row-reverse}.ds-chat-bubble__avatar{width:32px;height:32px;flex:0 0 32px;border-radius:var(--ds-radius-circle);display:inline-flex;align-items:center;justify-content:center;font-size:var(--ds-fs-xs);font-weight:var(--ds-fw-semibold);background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted);text-transform:uppercase;letter-spacing:.02em;user-select:none}.ds-chat-bubble--in .ds-chat-bubble__avatar{background:var(--ds-color-info-soft);color:var(--ds-color-info)}.ds-chat-bubble--out .ds-chat-bubble__avatar{background:var(--ds-color-brand-soft);color:var(--ds-color-brand)}.ds-chat-bubble--note .ds-chat-bubble__avatar{background:var(--ds-color-warning-soft);color:var(--ds-color-warning)}.ds-chat-bubble__body{padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-lg);background:var(--ds-color-bg-elevated);color:var(--ds-color-fg-default);border:1px solid var(--ds-color-border);min-width:0;word-wrap:break-word;overflow-wrap:anywhere;transition:box-shadow var(--ds-motion-fast),transform var(--ds-motion-fast)}.ds-chat-bubble--in .ds-chat-bubble__body{background:var(--ds-color-bg-elevated);border-color:var(--ds-color-border);border-bottom-left-radius:var(--ds-radius-xs)}.ds-chat-bubble--out .ds-chat-bubble__body{background:var(--ds-color-brand-soft);border-color:transparent;border-bottom-right-radius:var(--ds-radius-xs)}.ds-chat-bubble--note .ds-chat-bubble__body{background:var(--ds-color-warning-soft);border-color:transparent;border-radius:var(--ds-radius-md)}.ds-chat-bubble--clickable .ds-chat-bubble__body{cursor:pointer}.ds-chat-bubble--clickable .ds-chat-bubble__body:hover{box-shadow:var(--ds-shadow-md);transform:translateY(-1px)}.ds-chat-bubble--compact .ds-chat-bubble__body{padding:var(--ds-space-2) var(--ds-space-3)}.ds-chat-bubble__meta{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-fs-xs);color:var(--ds-color-fg-subtle);margin:0 0 2px}.ds-chat-bubble--in .ds-chat-bubble__meta{padding-left:calc(32px + var(--ds-space-2))}.ds-chat-bubble--out .ds-chat-bubble__meta{padding-right:calc(32px + var(--ds-space-2));justify-content:flex-end}.ds-chat-bubble--note .ds-chat-bubble__meta{justify-content:center}.ds-chat-bubble__sender{font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-muted)}.ds-chat-bubble__greeting,.ds-chat-bubble__closing,.ds-chat-bubble__subject-echo{display:block;font-size:var(--ds-fs-sm);font-weight:var(--ds-fw-regular);line-height:var(--ds-lh-normal);color:var(--ds-color-fg-muted);opacity:.55;white-space:pre-wrap;word-break:break-word;margin-bottom:var(--ds-space-1)}.ds-chat-bubble__closing{margin-top:var(--ds-space-1);margin-bottom:0}.ds-chat-bubble__subject-echo{font-style:italic}.ds-chat-bubble__footnote-row{display:flex;flex-wrap:wrap;gap:var(--ds-space-3);margin-top:var(--ds-space-2);padding-top:var(--ds-space-1);border-top:1px dashed var(--ds-color-border)}.ds-chat-bubble__toggle{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;padding:2px 0;font:inherit;font-size:var(--ds-fs-2xs);color:var(--ds-color-fg-subtle);cursor:pointer;opacity:.7;transition:opacity var(--ds-motion-fast),color var(--ds-motion-fast)}.ds-chat-bubble__toggle:hover,.ds-chat-bubble__toggle.is-open{opacity:1;color:var(--ds-color-fg-muted)}.ds-chat-bubble__toggle-chev{font-size:var(--ds-fs-xs);line-height:1;display:inline-block;width:10px;text-align:center}.ds-chat-bubble__signature{display:block;margin:var(--ds-space-1) 0 0;padding:0;font-family:inherit;font-size:var(--ds-fs-2xs);font-weight:var(--ds-fw-regular);line-height:var(--ds-lh-normal);color:var(--ds-color-fg-muted);opacity:.5;white-space:pre-wrap;word-break:break-word;background:transparent;border:0}.ds-chat-bubble__quoted-reply{display:block;margin:var(--ds-space-1) 0 0;padding:4px 0 4px var(--ds-space-2);border-left:2px solid var(--ds-color-border);font-family:var(--ds-ff-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace);font-size:var(--ds-fs-2xs);line-height:var(--ds-lh-normal);color:var(--ds-color-fg-muted);opacity:.65;white-space:pre-wrap;word-break:break-word;background:transparent}.ds-chat-bubble__att-pill{display:inline-flex;align-items:center;gap:4px;margin-top:var(--ds-space-2);font-size:var(--ds-fs-2xs);color:var(--ds-color-fg-subtle)}.ds-chat-bubble__attachments{display:flex;flex-direction:column;gap:var(--ds-space-2);margin-top:var(--ds-space-2)}.ds-chat-bubble__att-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--ds-space-2);max-width:420px}.ds-chat-bubble__att-files{display:flex;flex-direction:column;gap:var(--ds-space-1)}.ds-chat-attachment{position:relative;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-bg-elevated);text-decoration:none;color:inherit;cursor:pointer;padding:0;transition:box-shadow var(--ds-motion-fast),border-color var(--ds-motion-fast),transform var(--ds-motion-fast)}.ds-chat-attachment:hover{border-color:var(--ds-color-brand);box-shadow:var(--ds-shadow-sm)}.ds-chat-attachment--image{width:100%;aspect-ratio:1 / 1;max-width:200px;max-height:200px;overflow:hidden;display:block}.ds-chat-attachment--image img{width:100%;height:100%;object-fit:cover;display:block}.ds-chat-attachment--image:hover img{transform:scale(1.02)}.ds-chat-attachment__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--ds-fs-lg);color:var(--ds-color-fg-subtle)}.ds-chat-attachment--file{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:6px var(--ds-space-2);font-size:var(--ds-fs-xs)}.ds-chat-attachment__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-color-fg-default)}.ds-chat-attachment__size{color:var(--ds-color-fg-subtle);font-size:var(--ds-fs-2xs);white-space:nowrap}.ds-chat-bubble__text strong{font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default)}.ds-chat-bubble__head{font-weight:var(--ds-fw-semibold);font-size:var(--ds-fs-sm);color:var(--ds-color-fg-default);margin-bottom:var(--ds-space-1);display:flex;align-items:center;gap:var(--ds-space-1);flex-wrap:wrap}.ds-chat-bubble__text{font-size:var(--ds-fs-sm);line-height:var(--ds-lh-normal);color:var(--ds-color-fg-default);white-space:pre-wrap;word-break:break-word;max-height:320px;overflow-y:auto;padding-right:var(--ds-space-1)}.ds-chat-bubble__foot{display:flex;align-items:center;gap:var(--ds-space-2);margin-top:var(--ds-space-2);font-size:var(--ds-fs-2xs);color:var(--ds-color-fg-subtle);flex-wrap:wrap}.ds-chat-bubble--out .ds-chat-bubble__foot{justify-content:flex-end}@media (max-width: 640px){.ds-chat-bubble,.ds-chat-bubble--note{max-width:88%}.ds-chat-bubble__avatar{width:28px;height:28px;flex-basis:28px}.ds-chat-bubble--in .ds-chat-bubble__meta{padding-left:calc(28px + var(--ds-space-2))}.ds-chat-bubble--out .ds-chat-bubble__meta{padding-right:calc(28px + var(--ds-space-2))}}.ds-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:var(--ds-radius-circle, 999px);font-size:var(--ds-fs-xs);font-weight:var(--ds-fw-semibold);background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted);text-transform:uppercase;letter-spacing:.02em;user-select:none;overflow:hidden;position:relative}.ds-avatar--xs{width:20px;height:20px;flex-basis:20px;font-size:.625rem}.ds-avatar--sm{width:24px;height:24px;flex-basis:24px;font-size:.7rem}.ds-avatar--md{width:32px;height:32px;flex-basis:32px}.ds-avatar--lg{width:40px;height:40px;flex-basis:40px;font-size:var(--ds-fs-sm)}.ds-avatar--xl{width:56px;height:56px;flex-basis:56px;font-size:var(--ds-fs-md)}.ds-avatar--brand{background:var(--ds-color-brand-soft);color:var(--ds-color-brand)}.ds-avatar--info{background:var(--ds-color-info-soft);color:var(--ds-color-info)}.ds-avatar--success{background:var(--ds-color-success-soft);color:var(--ds-color-success)}.ds-avatar--warning{background:var(--ds-color-warning-soft);color:var(--ds-color-warning)}.ds-avatar--danger{background:var(--ds-color-danger-soft);color:var(--ds-color-danger)}.ds-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.ds-avatar-stack{display:inline-flex;align-items:center}.ds-avatar-stack>.ds-avatar,.ds-avatar-stack>.ds-avatar-stack__more{border:2px solid var(--ds-color-bg-elevated);margin-left:-8px}.ds-avatar-stack>.ds-avatar:first-child,.ds-avatar-stack>.ds-avatar-stack__more:first-child{margin-left:0}.ds-avatar-stack--sm>.ds-avatar,.ds-avatar-stack--sm>.ds-avatar-stack__more{margin-left:-6px}.ds-avatar-stack__more{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--ds-radius-circle, 999px);background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted);font-size:var(--ds-fs-xs);font-weight:var(--ds-fw-semibold)}.ds-avatar-stack--sm .ds-avatar-stack__more{width:24px;height:24px;font-size:.7rem}.ds-kanban{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--ds-space-3);height:calc(100vh - var(--ds-topbar-height, 56px));min-height:0;overflow:hidden}@media (max-width: 800px){.ds-kanban{grid-template-columns:1fr;height:auto}}.ds-kanban__sidebar{background:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);display:flex;flex-direction:column;overflow:hidden;min-height:0}.ds-kanban__sidebar-head{padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2)}.ds-kanban__sidebar-head h2{margin:0;font-size:var(--ds-fs-md);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default)}.ds-kanban-board-list{list-style:none;margin:0;padding:var(--ds-space-1);display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;min-height:0}.ds-kanban-board-list__item{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-md);cursor:pointer;color:var(--ds-color-fg-default);font-size:var(--ds-fs-sm);transition:background-color var(--ds-motion-fast);border:none;background:transparent;width:100%;text-align:left;min-width:0}.ds-kanban-board-list__item:hover{background:var(--ds-color-bg-hover)}.ds-kanban-board-list__item.is-active{background:var(--ds-color-brand-soft);color:var(--ds-color-brand);font-weight:var(--ds-fw-semibold)}.ds-kanban-board-list__dot{width:8px;height:8px;flex:0 0 8px;border-radius:var(--ds-radius-circle, 999px);background:var(--ds-color-fg-faint)}.ds-kanban-board-list__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-kanban-board-list__count{font-size:var(--ds-fs-2xs);color:var(--ds-color-fg-subtle);font-variant-numeric:tabular-nums}.ds-kanban__main{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);overflow:hidden}.ds-kanban__header{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-color-border);background:var(--ds-color-bg-elevated)}.ds-kanban__title{margin:0;font-size:var(--ds-fs-lg);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:var(--ds-space-2)}.ds-kanban__title-dot{width:12px;height:12px;border-radius:var(--ds-radius-circle, 999px);flex:0 0 12px}.ds-kanban-cols{display:flex;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);overflow-x:auto;overflow-y:hidden;flex:1;min-height:0;align-items:flex-start}.ds-kanban-col{flex:0 0 280px;display:flex;flex-direction:column;background:var(--ds-color-bg-muted);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);max-height:100%;min-height:0}.ds-kanban-col__head{padding:var(--ds-space-2) var(--ds-space-3);display:flex;align-items:center;gap:var(--ds-space-2);border-bottom:1px solid var(--ds-color-border)}.ds-kanban-col__name{flex:1;font-weight:var(--ds-fw-semibold);font-size:var(--ds-fs-sm);color:var(--ds-color-fg-default);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-kanban-col__count{font-size:var(--ds-fs-2xs);color:var(--ds-color-fg-subtle);font-variant-numeric:tabular-nums}.ds-kanban-col__count.is-over{color:var(--ds-color-danger);font-weight:var(--ds-fw-semibold)}.ds-kanban-col__body{flex:1;overflow-y:auto;padding:var(--ds-space-2);display:flex;flex-direction:column;gap:var(--ds-space-2);min-height:80px}.ds-kanban-card{background:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-2) var(--ds-space-3);display:flex;flex-direction:column;gap:var(--ds-space-1);cursor:pointer;transition:transform var(--ds-motion-fast),box-shadow var(--ds-motion-fast),border-color var(--ds-motion-fast);position:relative}.ds-kanban-card:hover{transform:translateY(-1px);box-shadow:var(--ds-shadow-sm);border-color:var(--ds-color-border-strong)}.ds-kanban-card:hover .ds-kanban-card__moves{opacity:1}.ds-kanban-card__head{font-size:var(--ds-fs-sm);font-weight:var(--ds-fw-medium);color:var(--ds-color-fg-default);line-height:var(--ds-lh-normal);word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ds-kanban-card__tags{display:flex;gap:4px;flex-wrap:wrap}.ds-kanban-tag{display:inline-flex;align-items:center;padding:1px 6px;font-size:.65rem;font-weight:var(--ds-fw-semibold);border-radius:var(--ds-radius-pill, 999px);white-space:nowrap;letter-spacing:.02em;background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted)}.ds-kanban-card__foot{display:flex;align-items:center;gap:var(--ds-space-2);margin-top:4px;font-size:var(--ds-fs-2xs);color:var(--ds-color-fg-subtle)}.ds-kanban-card__progress{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.ds-kanban-card__progress.is-done{color:var(--ds-color-success)}.ds-kanban-card__due{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:var(--ds-radius-pill, 999px);background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted);font-variant-numeric:tabular-nums}.ds-kanban-card__due.is-overdue{background:var(--ds-color-danger-soft);color:var(--ds-color-danger)}.ds-kanban-card__due.is-soon{background:var(--ds-color-warning-soft);color:var(--ds-color-warning)}.ds-kanban-card__spacer{flex:1}.ds-kanban-card__moves{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity var(--ds-motion-fast)}.ds-kanban-card__move-btn{width:20px;height:20px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-color-border);background:var(--ds-color-bg-elevated);color:var(--ds-color-fg-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:.7rem;line-height:1}.ds-kanban-card__move-btn:hover:not(:disabled){background:var(--ds-color-bg-hover);color:var(--ds-color-fg-default)}.ds-kanban-card__move-btn:disabled{opacity:.35;cursor:not-allowed}.ds-kanban__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-space-3);padding:var(--ds-space-7) var(--ds-space-5);text-align:center;color:var(--ds-color-fg-muted);flex:1}.ds-kanban__empty h3{margin:0;font-size:var(--ds-fs-lg);color:var(--ds-color-fg-default)}.ds-kanban-col--add{background:transparent;border:1px dashed var(--ds-color-border);align-items:center;justify-content:center;padding:var(--ds-space-3);color:var(--ds-color-fg-muted);cursor:pointer;font-size:var(--ds-fs-sm);min-height:80px;flex:0 0 200px}.ds-kanban-col--add:hover{background:var(--ds-color-bg-hover);color:var(--ds-color-fg-default);border-color:var(--ds-color-border-strong)}.ds-kanban-col__add{background:transparent;border:1px dashed var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-fg-muted);padding:var(--ds-space-2);font-size:var(--ds-fs-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--ds-space-1)}.ds-kanban-col__add:hover{background:var(--ds-color-bg-elevated);color:var(--ds-color-fg-default)}.ds-kanban-quick-add{background:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-brand);border-radius:var(--ds-radius-md);padding:var(--ds-space-2);display:flex;flex-direction:column;gap:var(--ds-space-2)}.ds-kanban-quick-add textarea{width:100%;min-height:60px;resize:vertical;border:none;background:transparent;color:var(--ds-color-fg-default);font-size:var(--ds-fs-sm);font-family:inherit;outline:none;padding:0}.ds-kanban-quick-add__actions{display:flex;gap:var(--ds-space-1);justify-content:flex-end}.ds-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;min-height:100vh;padding:var(--ds-space-5);padding-top:max(var(--ds-space-5),calc(env(safe-area-inset-top,0px) + var(--ds-space-4)));background:var(--ds-color-bg-app);position:relative;overflow:hidden}.ds-login:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 110%,var(--ds-color-brand-soft) 0%,transparent 70%);pointer-events:none}.ds-login__card{position:relative;width:100%;max-width:420px;background:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-border);border-radius:var(--ds-card-radius, var(--ds-radius-xl));box-shadow:var(--ds-shadow-xl),inset 0 1px #ffffff0d;padding:clamp(var(--ds-space-6),5vw,var(--ds-space-7));display:flex;flex-direction:column;gap:var(--ds-space-5)}@supports (backdrop-filter: blur(20px)){.ds-login__card{background:color-mix(in srgb,var(--ds-color-bg-elevated) 70%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}.ds-login__logo{display:flex;justify-content:center}.ds-login__logo img{max-width:140px;max-height:80px;height:auto;width:auto}.ds-login__logo>*:not(img){width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--ds-color-brand);color:var(--ds-color-fg-inverted);border-radius:var(--ds-radius-lg);font-size:var(--ds-fs-2xl);font-weight:var(--ds-fw-bold)}.ds-login__header{text-align:center}.ds-login__header h1{margin:0 0 var(--ds-space-2);font-size:var(--ds-fs-2xl);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default)}.ds-login__header p{margin:0;font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted)}.ds-login__form{display:flex;flex-direction:column;gap:var(--ds-space-4)}.ds-login__error{padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-color-danger-soft);color:var(--ds-color-danger);border-radius:var(--ds-radius-md);font-size:var(--ds-fs-sm);border:1px solid var(--ds-color-danger);border-color:color-mix(in srgb,var(--ds-color-danger) 40%,transparent)}.ds-login__extra{margin-top:var(--ds-space-3);padding-top:var(--ds-space-4);border-top:1px solid var(--ds-color-border);display:flex;flex-direction:column;gap:var(--ds-space-2);position:relative}.ds-login__extra:before{content:"oder";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--ds-color-bg-elevated);color:var(--ds-color-fg-subtle);font-size:var(--ds-fs-xs);padding:0 var(--ds-space-2);text-transform:uppercase;letter-spacing:.08em}.ds-login__sso-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-color-bg-surface);color:var(--ds-color-fg-default);font-weight:var(--ds-fw-medium);font-size:var(--ds-fs-sm);cursor:pointer;text-decoration:none;transition:background .12s ease,border-color .12s ease}.ds-login__sso-btn:hover{background:var(--ds-color-bg-hover);border-color:var(--ds-color-border-focus)}.ds-login__sso-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.ds-login__sso-icon{width:18px;height:18px}.ds-brand{display:inline-flex;align-items:center;gap:var(--ds-space-2);text-decoration:none;color:var(--ds-color-fg-default);background:none;border:none;padding:0;cursor:default;font-family:var(--ds-font-sans);user-select:none}a.ds-brand,button.ds-brand{cursor:pointer;transition:opacity var(--ds-motion-fast)}a.ds-brand:hover,button.ds-brand:hover{opacity:.85}.ds-brand__logo{display:block;height:var(--ds-brand-logo-size, 28px);width:auto;flex-shrink:0}.ds-brand__name{font-weight:var(--ds-fw-semibold);font-size:var(--ds-fs-lg);line-height:var(--ds-lh-tight);letter-spacing:-.01em;white-space:nowrap}.ds-brand__primary{color:var(--ds-color-fg-default)}.ds-brand__suffix{color:var(--ds-color-brand);font-weight:var(--ds-fw-bold)}.ds-brand--sm{--ds-brand-logo-size: 22px;gap:var(--ds-space-1)}.ds-brand--sm .ds-brand__name{font-size:var(--ds-fs-md)}.ds-brand--md{--ds-brand-logo-size: 28px}.ds-brand--lg{--ds-brand-logo-size: 40px}.ds-brand--lg .ds-brand__name{font-size:var(--ds-fs-2xl)}.ds-brand--xl{--ds-brand-logo-size: 64px;gap:var(--ds-space-3)}.ds-brand--xl .ds-brand__name{font-size:var(--ds-fs-3xl)}.aurora-background{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--ds-aurora-base, #060c2e);pointer-events:none}html[data-bg-animation=aurora]:not([data-theme=moby-aurora]){--ds-aurora-base: #060c2e}html[data-bg-animation=aurora][data-color-mode=light]:not([data-theme=moby-aurora]){--ds-aurora-base: #b2e0d4}html.aurora-active,html[data-theme=moby-aurora]{background:var(--ds-aurora-base, var(--ds-color-bg-app, #060c2e))}html.aurora-active body,html.aurora-active .app-shell,html.aurora-active #root,html[data-theme=moby-aurora] body,html[data-theme=moby-aurora] .app-shell,html[data-theme=moby-aurora] #root{background:transparent!important}.aurora-background:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 100% 70% at 0% 50%,rgba(18,30,120,.95) 0%,transparent 60%),radial-gradient(ellipse 80% 80% at 100% 60%,rgba(8,20,100,.85) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 50% 100%,rgba(5,15,90,.8) 0%,transparent 55%)}.aurora-layer-1{position:absolute;width:130%;height:80%;top:15%;left:-15%;background:radial-gradient(ellipse 65% 55% at 40% 55%,rgba(var(--ds-aurora-c1, 0, 225, 210),.82) 0%,rgba(var(--ds-aurora-c1, 0, 190, 200),.55) 40%,transparent 70%),radial-gradient(ellipse 45% 50% at 70% 45%,rgba(var(--ds-aurora-c1, 20, 210, 220),.65) 0%,transparent 65%);border-radius:40% 60% 55% 45%/55% 45% 65% 35%;filter:blur(22px);animation:aurora-drift-1 16s ease-in-out infinite alternate;will-change:transform,opacity;mix-blend-mode:screen}.aurora-layer-2{position:absolute;width:150%;height:90%;top:-10%;left:-25%;background:radial-gradient(ellipse 60% 55% at 35% 40%,rgba(var(--ds-aurora-c2, 30, 80, 220),.75) 0%,rgba(var(--ds-aurora-c2, 15, 55, 200),.5) 45%,transparent 70%),radial-gradient(ellipse 50% 60% at 75% 65%,rgba(var(--ds-aurora-c2, 10, 45, 190),.65) 0%,transparent 65%);border-radius:55% 45% 40% 60%/45% 60% 40% 55%;filter:blur(28px);animation:aurora-drift-2 20s ease-in-out infinite alternate;will-change:transform,opacity;mix-blend-mode:screen}.aurora-layer-3{position:absolute;width:110%;height:70%;top:5%;left:-10%;background:radial-gradient(ellipse 50% 60% at 20% 45%,rgba(var(--ds-aurora-c3, 255, 90, 120),.6) 0%,rgba(var(--ds-aurora-c3, 230, 70, 100),.38) 45%,transparent 68%),radial-gradient(ellipse 35% 45% at 55% 25%,rgba(var(--ds-aurora-c3, 255, 110, 130),.45) 0%,transparent 62%);border-radius:45% 55% 60% 40%/60% 40% 50% 50%;filter:blur(25px);animation:aurora-drift-3 24s ease-in-out infinite alternate;will-change:transform,opacity;mix-blend-mode:screen}.aurora-layer-4{position:absolute;width:80%;height:55%;top:-5%;right:-10%;background:radial-gradient(ellipse 55% 60% at 65% 40%,rgba(var(--ds-aurora-c4, 255, 190, 60),.55) 0%,rgba(var(--ds-aurora-c4, 255, 140, 40),.35) 45%,transparent 68%),radial-gradient(ellipse 35% 40% at 85% 20%,rgba(var(--ds-aurora-c4, 255, 210, 80),.42) 0%,transparent 60%);border-radius:50% 50% 40% 60%/40% 55% 55% 45%;filter:blur(30px);animation:aurora-drift-4 28s ease-in-out infinite alternate;will-change:transform,opacity;mix-blend-mode:screen}.aurora-stars{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 12% 18%,rgba(255,255,255,.75) 0%,transparent 100%),radial-gradient(1px 1px at 28% 38%,rgba(255,255,255,.55) 0%,transparent 100%),radial-gradient(1px 1px at 42% 9%,rgba(255,255,255,.65) 0%,transparent 100%),radial-gradient(1px 1px at 57% 58%,rgba(255,255,255,.45) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 72% 22%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 88% 42%,rgba(255,255,255,.55) 0%,transparent 100%),radial-gradient(1px 1px at 17% 72%,rgba(255,255,255,.45) 0%,transparent 100%),radial-gradient(1px 1px at 62% 82%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(2px 2px at 50% 28%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 93% 14%,rgba(255,255,255,.55) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 35% 92%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(2px 2px at 78% 90%,rgba(255,255,255,.75) 0%,transparent 100%);opacity:.8;animation:stars-twinkle 7s ease-in-out infinite alternate}@keyframes aurora-drift-1{0%{transform:translate(0) scale(1) rotate(0);opacity:.85}30%{transform:translate(6%,-4%) scale(1.06) rotate(2deg);opacity:.95}65%{transform:translate(-4%,6%) scale(.96) rotate(-2deg);opacity:.8}to{transform:translate(3%,2%) scale(1.04) rotate(1deg);opacity:.9}}@keyframes aurora-drift-2{0%{transform:translate(0) scale(1.02);opacity:.78}40%{transform:translate(-6%,5%) scale(.95);opacity:.88}70%{transform:translate(8%,-3%) scale(1.07);opacity:.8}to{transform:translate(2%,6%) scale(1);opacity:.82}}@keyframes aurora-drift-3{0%{transform:translate(0) scale(1) rotate(0);opacity:.72}35%{transform:translate(5%,-6%) scale(1.07) rotate(-3deg);opacity:.85}70%{transform:translate(-5%,4%) scale(.94) rotate(2deg);opacity:.75}to{transform:translate(3%,3%) scale(1.03) rotate(-1deg);opacity:.78}}@keyframes aurora-drift-4{0%{transform:translate(0) scale(1);opacity:.68}45%{transform:translate(-5%,5%) scale(1.08);opacity:.8}to{transform:translate(4%,-4%) scale(.95);opacity:.7}}@keyframes stars-twinkle{0%{opacity:.55}50%{opacity:.9}to{opacity:.65}}@media (prefers-reduced-motion: reduce){.aurora-layer-1,.aurora-layer-2,.aurora-layer-3,.aurora-layer-4,.aurora-stars{animation:none}}html[data-color-mode=light] .aurora-layer-1,html[data-color-mode=light] .aurora-layer-2,html[data-color-mode=light] .aurora-layer-3,html[data-color-mode=light] .aurora-layer-4{mix-blend-mode:multiply;opacity:.55}html[data-color-mode=light] .aurora-background:before{background:radial-gradient(ellipse 100% 70% at 0% 50%,rgba(13,148,136,.18) 0%,transparent 60%),radial-gradient(ellipse 80% 80% at 100% 60%,rgba(20,184,166,.14) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 50% 100%,rgba(52,211,153,.12) 0%,transparent 55%)}html[data-color-mode=light] .aurora-stars{opacity:0}html[data-surface-style=liquid-glass]{--ds-glass-bg: rgba(255, 255, 255, .06);--ds-glass-bg-strong: rgba(255, 255, 255, .1);--ds-glass-border: rgba(255, 255, 255, .18);--ds-glass-highlight: rgba(255, 255, 255, .1);--ds-glass-shadow: 0 8px 32px rgba(0, 0, 0, .25);--ds-glass-blur: blur(40px) saturate(160%)}html[data-surface-style=liquid-glass][data-color-mode=light]{--ds-glass-bg: rgba(255, 255, 255, .55);--ds-glass-bg-strong: rgba(255, 255, 255, .7);--ds-glass-border: rgba(0, 0, 0, .06);--ds-glass-highlight: rgba(255, 255, 255, .5);--ds-glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--ds-glass-blur: blur(30px) saturate(160%)}html[data-surface-style=liquid-glass] .ds-card,html[data-surface-style=liquid-glass] .card,html[data-surface-style=liquid-glass] .dash-card,html[data-surface-style=liquid-glass] .event-bubble,html[data-surface-style=liquid-glass] .customer-pane__section,html[data-surface-style=liquid-glass] .ofc__row,html[data-surface-style=liquid-glass] .ofc__others,html[data-surface-style=liquid-glass] .ds-modal__panel,html[data-surface-style=liquid-glass] .modal-panel,html[data-surface-style=liquid-glass] .mail-modal,html[data-surface-style=liquid-glass] [data-glass=surface],html[data-surface-style=liquid-glass] [data-surface=card]{background:var(--ds-glass-bg);-webkit-backdrop-filter:var(--ds-glass-blur);backdrop-filter:var(--ds-glass-blur);border:1px solid var(--ds-glass-border);box-shadow:inset 0 1px 0 var(--ds-glass-highlight),var(--ds-glass-shadow)}html[data-surface-style=liquid-glass] .ds-modal__panel,html[data-surface-style=liquid-glass] .modal-panel,html[data-surface-style=liquid-glass] .mail-modal,html[data-surface-style=liquid-glass] [data-glass=modal]{background:var(--ds-glass-bg-strong)}html[data-surface-style=liquid-glass] [data-glass=surface] input,html[data-surface-style=liquid-glass] [data-glass=surface] textarea,html[data-surface-style=liquid-glass] [data-glass=surface] select,html[data-surface-style=liquid-glass] .ds-card input,html[data-surface-style=liquid-glass] .ds-card textarea,html[data-surface-style=liquid-glass] .ds-card select{background:#ffffff0a;border:1px solid var(--ds-glass-border)}html[data-surface-style=liquid-glass][data-color-mode=light] [data-glass=surface] input,html[data-surface-style=liquid-glass][data-color-mode=light] [data-glass=surface] textarea,html[data-surface-style=liquid-glass][data-color-mode=light] [data-glass=surface] select,html[data-surface-style=liquid-glass][data-color-mode=light] .ds-card input,html[data-surface-style=liquid-glass][data-color-mode=light] .ds-card textarea,html[data-surface-style=liquid-glass][data-color-mode=light] .ds-card select{background:#ffffffd9}@media (prefers-reduced-motion: reduce){html[data-surface-style=liquid-glass] .ds-card,html[data-surface-style=liquid-glass] .card,html[data-surface-style=liquid-glass] .dash-card,html[data-surface-style=liquid-glass] .event-bubble{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.ds-info-hint{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.ds-info-hint--inline{margin-left:var(--ds-space-1, 4px)}.ds-info-hint__btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;background:transparent;color:var(--ds-color-fg-muted);border-radius:999px;cursor:pointer;transition:background var(--ds-motion-fast, .15s),color var(--ds-motion-fast, .15s)}.ds-info-hint__btn:hover,.ds-info-hint__btn:focus-visible,.ds-info-hint[aria-expanded=true] .ds-info-hint__btn{background:var(--ds-color-bg-subtle, rgba(127, 127, 127, .12));color:var(--ds-color-fg-default);outline:none}.ds-info-hint__btn:focus-visible{box-shadow:0 0 0 2px var(--ds-color-border-focus, rgba(99, 102, 241, .5))}.ds-info-hint__bubble{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--ds-z-popover, 900);display:block;width:max-content;max-width:min(360px,80vw);padding:var(--ds-space-3, 12px) var(--ds-space-4, 16px);background:var(--ds-color-bg-elevated, var(--ds-color-bg-surface, #fff));color:var(--ds-color-fg-default, #1a1a1a);border:1px solid var(--ds-color-border-default, rgba(127, 127, 127, .2));border-radius:var(--ds-radius-md, 8px);box-shadow:var(--ds-shadow-lg, 0 8px 24px rgba(0, 0, 0, .18));font-size:var(--ds-fs-sm, 13px);line-height:1.5;white-space:normal;animation:ds-info-hint-fade-in var(--ds-motion-fast, .15s)}.ds-info-hint__bubble:before{content:"";position:absolute;top:-5px;left:8px;width:10px;height:10px;background:inherit;border-left:1px solid var(--ds-color-border-default, rgba(127, 127, 127, .2));border-top:1px solid var(--ds-color-border-default, rgba(127, 127, 127, .2));transform:rotate(45deg)}.ds-info-hint__title{display:block;margin-bottom:var(--ds-space-1, 4px);font-weight:600;font-size:var(--ds-fs-sm, 13px);color:var(--ds-color-fg-default)}.ds-info-hint__body{display:block;color:var(--ds-color-fg-muted, var(--ds-color-fg-default))}.ds-info-hint__bubble--tooltip{opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity var(--ds-motion-fast, .15s),transform var(--ds-motion-fast, .15s)}.ds-info-hint--tooltip:hover .ds-info-hint__bubble--tooltip,.ds-info-hint--tooltip:focus-within .ds-info-hint__bubble--tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.ds-info-hint__backdrop{position:fixed;inset:0;z-index:var(--ds-z-modal, 1000);background:#00000073;display:flex;align-items:center;justify-content:center;padding:var(--ds-space-4, 16px);animation:ds-info-hint-fade-in var(--ds-motion-fast, .18s)}.ds-info-hint__modal{width:100%;max-width:520px;max-height:calc(100vh - 64px);display:flex;flex-direction:column;background:var(--ds-color-bg-surface, #fff);color:var(--ds-color-fg-default);border-radius:var(--ds-radius-lg, 12px);box-shadow:var(--ds-shadow-xl, 0 16px 48px rgba(0, 0, 0, .28));overflow:hidden;animation:ds-info-hint-scale-in var(--ds-motion-base, .18s)}.ds-info-hint__modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3, 12px);padding:var(--ds-space-4, 16px) var(--ds-space-5, 20px);border-bottom:1px solid var(--ds-color-border-default, rgba(127, 127, 127, .15))}.ds-info-hint__modal-header h3{margin:0;font-size:var(--ds-fs-md, 15px);font-weight:600}.ds-info-hint__modal-close{width:28px;height:28px;border:0;background:transparent;color:var(--ds-color-fg-muted);border-radius:999px;cursor:pointer;font-size:16px;line-height:1}.ds-info-hint__modal-close:hover,.ds-info-hint__modal-close:focus-visible{background:var(--ds-color-bg-subtle, rgba(127, 127, 127, .12));color:var(--ds-color-fg-default);outline:none}.ds-info-hint__modal-body{padding:var(--ds-space-4, 16px) var(--ds-space-5, 20px);font-size:var(--ds-fs-sm, 13px);line-height:1.6;color:var(--ds-color-fg-default);overflow-y:auto}@keyframes ds-info-hint-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ds-info-hint-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ds-theme-picker{display:flex;flex-direction:column;gap:var(--ds-space-6)}.ds-theme-picker__section{display:flex;flex-direction:column;gap:var(--ds-space-3)}.ds-theme-picker__heading{font-size:var(--ds-fs-md);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default);margin:0}.ds-theme-picker__hint{font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted);margin:0}.ds-theme-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ds-space-3)}.ds-theme-picker__option{display:block;padding:var(--ds-space-3);border:1px solid var(--ds-color-border);border-radius:var(--ds-card-radius, var(--ds-radius-md));background-color:var(--ds-color-bg-elevated);cursor:pointer;transition:border-color var(--ds-motion-fast),box-shadow var(--ds-motion-fast)}.ds-theme-picker__option:hover{border-color:var(--ds-color-border-strong)}.ds-theme-picker__option.is-selected{border-color:var(--ds-color-brand);box-shadow:0 0 0 3px var(--ds-color-brand-soft)}.ds-theme-picker__option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.ds-theme-picker__option-body{display:flex;flex-direction:column;gap:var(--ds-space-1)}.ds-theme-picker__option-title{font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default)}.ds-theme-picker__option-desc{font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted)}.ds-theme-picker__swatch{margin-top:var(--ds-space-2);height:32px;border-radius:var(--ds-radius-sm);background:linear-gradient(90deg,var(--ds-color-bg-app) 0% 25%,var(--ds-color-bg-surface) 25% 50%,var(--ds-color-brand) 50% 75%,var(--ds-color-accent) 75% 100%);border:1px solid var(--ds-color-border)}.ds-theme-picker__radios{display:flex;flex-wrap:wrap;gap:var(--ds-space-3)}.ds-theme-picker__radio{display:inline-flex;align-items:center;gap:var(--ds-space-2);cursor:pointer;font-size:var(--ds-fs-md);color:var(--ds-color-fg-default)}.ds-theme-picker__custom{display:flex;flex-direction:column;gap:var(--ds-space-2)}.ds-theme-picker__custom-row{display:grid;grid-template-columns:1fr 40px 120px;gap:var(--ds-space-3);align-items:center}.ds-theme-picker__custom-label{font-size:var(--ds-fs-sm);color:var(--ds-color-fg-default)}.ds-theme-picker__color-input{width:40px;height:36px;padding:0;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);cursor:pointer;background:none}.ds-theme-picker__hex-input{font-family:var(--ds-font-mono);font-size:var(--ds-fs-sm)}.ds-theme-picker__lock{margin-left:6px;font-size:.85em;opacity:.6}.ds-theme-picker__lock-box{border:1px dashed var(--ds-color-border-strong);background:var(--ds-color-bg-muted);border-radius:var(--ds-radius-md);padding:var(--ds-space-4);display:flex;flex-direction:column;gap:var(--ds-space-3);align-items:flex-start}.ds-theme-picker__custom-name{font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted);background:var(--ds-color-bg-muted);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-sm);display:inline-block}.ds-theme-picker__radio.is-selected{border-color:var(--ds-color-brand);background:var(--ds-color-brand-soft)}.ds-theme-picker__sub-heading{font-size:var(--ds-fs-xs);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-muted);text-transform:uppercase;letter-spacing:.08em;margin:var(--ds-space-3) 0 var(--ds-space-2)}.ds-theme-picker__dup-btn{margin-top:var(--ds-space-2);align-self:flex-start}.ds-theme-picker__custom-actions{display:flex;gap:var(--ds-space-2);margin-top:var(--ds-space-2);flex-wrap:wrap}.ds-theme-picker__danger-btn:hover{color:var(--ds-color-danger)}html[data-theme]{--color-primary: var(--ds-color-brand) !important;--color-primary-dark: var(--ds-color-brand-strong) !important;--color-primary-hover: var(--ds-color-brand-hover) !important;--color-primary-light: var(--ds-color-brand-soft) !important;--color-secondary: var(--ds-color-accent) !important;--color-secondary-dark: var(--ds-color-accent-hover) !important;--color-info: var(--ds-color-info) !important;--color-info-light: var(--ds-color-info-soft) !important;--color-accent-blue: var(--ds-color-accent) !important;--color-accent-blue-light: var(--ds-color-accent-soft) !important;--color-success: var(--ds-color-success) !important;--color-success-light: var(--ds-color-success-soft) !important;--color-warning: var(--ds-color-warning) !important;--color-warning-light: var(--ds-color-warning-soft) !important;--color-danger: var(--ds-color-danger) !important;--color-danger-light: var(--ds-color-danger-soft) !important;--color-moby-bg-alt: var(--ds-color-bg-muted) !important;--color-moby-card-dark: var(--ds-color-bg-elevated) !important;--color-moby-bar-gray: var(--ds-color-bg-surface) !important;--color-moby-text: var(--ds-color-fg-default) !important;--color-moby-text-muted: var(--ds-color-fg-muted) !important;--color-moby-footer: var(--ds-color-brand-strong) !important;--color-moby-footer-dark: var(--ds-color-brand-strong) !important;--color-moby-accent: var(--ds-color-brand) !important;--color-moby-accent-hover: var(--ds-color-brand-hover) !important;--config-accent-step: var(--ds-color-brand) !important;--config-bg-main: var(--ds-color-bg-surface) !important;--config-bg-main-alt: var(--ds-color-bg-muted) !important;--config-bg-footer: var(--ds-color-brand-strong) !important;--config-text: var(--ds-color-fg-default) !important;--config-text-muted: var(--ds-color-fg-muted) !important;--color-white: var(--ds-color-bg-surface) !important;--shadow-sm: var(--ds-shadow-sm);--shadow-md: var(--ds-shadow-md);--shadow-lg: var(--ds-shadow-lg);--shadow-card: var(--ds-shadow-md);--whale-water-dark: var(--ds-color-bg-app) !important;--whale-water-light: var(--ds-color-bg-surface) !important;--whale-loading-bg-start: var(--ds-color-bg-surface) !important;--whale-loading-bg-mid: var(--ds-color-brand) !important;--whale-loading-bg-end: var(--ds-color-bg-app) !important}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Inter-Medium.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-SemiBold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Inter-Bold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/Inter-Black.woff2) format("woff2")}:root{--color-primary: #3b82f6;--color-primary-dark: #5568d3;--color-primary-light: #e8eaf6;--color-primary-hover: #5568d3;--color-secondary: #764ba2;--color-secondary-dark: #2d5a8f;--color-secondary-light: #f3e5f5;--color-success: #28a745;--color-success-light: #d4edda;--color-success-dark: #1e7e34;--color-warning: #ffc107;--color-warning-light: #fff3e0;--color-warning-dark: #e0a800;--color-danger: var(--color-moby-heart-red, #fe3101);--color-danger-light: #f8d7da;--color-info: #3b82f6;--color-info-light: #e8eaf6;--color-accent-blue-light: #e3f2fd;--color-accent-blue: #007bff;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-300: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-2xs: .7rem;--font-size-sm: .85rem;--font-size-md: .9rem;--font-size-base: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-2-5xl: 2.5rem;--font-size-3xl: 2rem;--font-size-3-25xl: 3.25rem;--font-size-4xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-style-normal: normal;--font-style-italic: italic;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-base: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50%;--shadow-sm: 0 2px 4px rgba(59, 130, 246, .1);--shadow-md: 0 4px 12px rgba(59, 130, 246, .15);--shadow-lg: 0 8px 24px rgba(59, 130, 246, .2);--shadow-xl: 0 12px 40px rgba(59, 130, 246, .25);--shadow-card: 0 10px 40px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-behind: -1;--z-base: 1;--z-panel-bg-overlay: 9;--z-panel: 10;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 1000;--z-fixed-above: 1010;--z-overlay: 1500;--z-modal: 2000;--z-toast: 2500;--z-tooltip: 3000;--z-fullscreen: 9999;--z-fullscreen-controls: 10000;--z-system-max: 10001;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--container-max-width: 1400px;--container-padding: 2rem;--header-height: calc(72px + env(safe-area-inset-top, 0px)) ;--bottom-nav-height: 64px;--color-moby-footer: #164D76;--color-moby-footer-dark: #0d3a52;--color-moby-accent: #134D75;--color-moby-accent-hover: #1a6ba8;--color-moby-teal: #659BA3;--color-moby-teal-50: rgba(101, 155, 163, .5);--color-moby-gradient-start: #f5f9fa;--color-moby-gradient-mid: #e8f2f5;--color-moby-card-dark: #1E2833;--color-moby-bar-gray: #1f2229;--color-moby-bar-gray-10: rgba(31, 34, 41, .1);--color-moby-heart-red: #fe3101;--color-moby-text: #1f2937;--color-moby-text-muted: #6b7280;--color-moby-bg-alt: #f8f9fa;--whale-water-dark: #0d3d4d;--whale-water-light: #1a5f7a;--whale-loading-bg-start: var(--whale-water-light);--whale-loading-bg-mid: var(--color-primary);--whale-loading-bg-end: var(--whale-water-dark)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}a,button,[role=button],input,select,textarea,label{touch-action:manipulation}html,body{margin:0;padding:0;min-height:100%;overflow-x:hidden}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--ds-color-fg-default, var(--color-gray-800));background:var(--ds-bg-gradient, var(--ds-color-bg-app));background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}code{font-family:var(--font-family-mono)}.ds-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.ds-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-xl);border:1px solid var(--color-gray-200)}.ds-card-compact{padding:var(--spacing-lg)}.ds-card-flat{box-shadow:none;border:1px solid var(--color-gray-200)}.ds-page-container{min-height:100vh;min-height:100dvh;padding:var(--spacing-xl) 0}.ds-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-decoration:none}.ds-button-primary{background-color:var(--color-primary);color:var(--color-white);border:none}.ds-button-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ds-button-secondary{background-color:var(--color-secondary);color:var(--color-white)}.ds-button-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark)}.ds-button-success{background-color:var(--color-success);color:var(--color-white)}.ds-button-success:hover:not(:disabled){background-color:var(--color-success-dark)}.ds-button-warning{background-color:var(--color-warning);color:var(--color-gray-900)}.ds-button-warning:hover:not(:disabled){background-color:var(--color-warning-dark)}.ds-button-danger{background-color:var(--color-danger);color:var(--color-white)}.ds-button-danger:hover:not(:disabled){background-color:#c82333}.ds-button:disabled{background-color:var(--color-gray-400);color:var(--color-gray-600);cursor:not-allowed;opacity:.6}.ds-button.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 4px 12px #3b82f666}.ds-button-secondary.active{background-color:var(--color-primary);color:var(--color-white)}.ds-button-secondary.active:hover:not(:disabled){background-color:var(--color-primary-hover)}.ds-button-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.ds-button-lg{padding:var(--spacing-base) var(--spacing-xl);font-size:var(--font-size-lg)}.ds-form-group{margin-bottom:var(--spacing-lg)}.ds-form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-gray-800);font-weight:var(--font-weight-medium);font-size:var(--font-size-base)}.ds-form-input,.ds-form-select,.ds-form-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:var(--font-family-base);transition:border-color var(--transition-base)}.ds-form-input:focus,.ds-form-select:focus,.ds-form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.ds-form-error{color:var(--color-danger);margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}.ds-form-success{color:var(--color-success);margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}.ds-header{position:fixed;top:0;left:0;right:0;background-color:var(--color-white);border-bottom:5px solid var(--color-accent-blue);padding:0 4px;padding-top:env(safe-area-inset-top,0px);box-shadow:var(--shadow-sm);z-index:var(--z-fixed);height:var(--header-height);display:flex;align-items:flex-end}.ds-header-content{max-width:var(--container-max-width);margin:0 auto;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.ds-bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-white);border-top:2px solid var(--color-gray-200);box-shadow:0 -2px 8px #0000001a;z-index:var(--z-fixed)}.ds-bottom-nav-content{max-width:var(--container-max-width);margin:0 auto;display:flex;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-base) var(--spacing-xl);flex-wrap:wrap}.ds-bottom-nav-step{flex:1;min-width:120px;max-width:200px;padding:var(--spacing-md) var(--spacing-sm);border:2px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-600);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base);white-space:nowrap;text-align:center}.ds-bottom-nav-step:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ds-bottom-nav-step.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 4px 12px #3b82f666}.ds-bottom-nav-step.completed{border-color:var(--color-success);color:var(--color-success);background-color:var(--color-success-light)}.ds-bottom-nav-step:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-gray-100)}.ds-step-card{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-slow);background:var(--color-white);margin-top:var(--spacing-xl);position:relative;box-shadow:var(--shadow-sm)}.ds-step-card:hover:not(.disabled){border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.ds-step-card.completed{border-color:var(--color-gray-300);background:var(--color-gray-100)}.ds-step-card.completed:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-success);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.ds-step-card.disabled{opacity:.6;cursor:not-allowed}.ds-step-number{min-width:50px;height:50px;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);flex-shrink:0;box-shadow:var(--shadow-md)}.ds-step-card.completed .ds-step-number{background-color:var(--color-success)}.ds-step-card.disabled .ds-step-number{background-color:var(--color-gray-400)}.ds-step-content{flex:1}.ds-step-content h2{margin-bottom:var(--spacing-lg);color:var(--color-gray-800)}.ds-step-content p{color:var(--color-gray-600);margin-bottom:var(--spacing-base)}.ds-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.ds-selection-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);cursor:pointer;box-shadow:var(--shadow-sm)}.ds-selection-card:hover:not(.disabled){border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:translateY(-4px)}.ds-selection-card.selected{border-color:var(--color-primary);background-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.ds-selection-card.disabled{opacity:.6;cursor:not-allowed}.ds-selection-card-image{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-base)}.ds-selection-card-image img{width:100%;height:100%;object-fit:contain}.ds-selection-card-header h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);color:var(--color-gray-800)}.ds-selection-card-body{margin:var(--spacing-sm) 0}.ds-selection-card-description{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}.ds-selection-card-footer{margin-top:var(--spacing-base)}.ds-option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.ds-option-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-base);transition:all var(--transition-base);cursor:pointer;text-align:center;box-shadow:var(--shadow-sm)}.ds-option-card:hover:not(.disabled){border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ds-option-card.selected{border-color:var(--color-primary);background-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.ds-option-card.default-selected{border-color:var(--color-success);background:var(--color-success-light)}.ds-option-card.disabled{opacity:.5;cursor:not-allowed}.ds-option-image-container{width:100%;height:150px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-base);position:relative}.ds-option-image-container img{width:100%;height:100%;object-fit:contain}.ds-option-selected-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--color-success);color:var(--color-white);width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.ds-option-selected-badge.default-badge{background:var(--color-primary)}.ds-option-content h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base);color:var(--color-gray-800)}.ds-option-price{margin-top:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.ds-info-box{padding:var(--spacing-base) var(--spacing-lg);border-radius:var(--radius-sm);border-left:4px solid;margin:var(--spacing-lg) 0}.ds-info-box-info{background:var(--color-info-light);border-color:var(--color-info);color:#0c5460}.ds-info-box-warning{background:var(--color-warning-light);border-color:var(--color-warning);color:#856404}.ds-info-box-success{background:var(--color-success-light);border-color:var(--color-success);color:#155724}.ds-info-box-error{background:var(--color-danger-light);border-color:var(--color-danger);color:#721c24}.ds-info-box-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.ds-info-box-content{font-size:var(--font-size-sm)}.ds-text-xs{font-size:var(--font-size-xs)}.ds-text-2xs{font-size:var(--font-size-2xs)}.ds-text-sm{font-size:var(--font-size-sm)}.ds-text-md{font-size:var(--font-size-md)}.ds-text-base{font-size:var(--font-size-base)}.ds-text-lg{font-size:var(--font-size-lg)}.ds-text-xl{font-size:var(--font-size-xl)}.ds-text-2xl{font-size:var(--font-size-2xl)}.ds-text-3xl{font-size:var(--font-size-3xl)}.ds-text-4xl{font-size:var(--font-size-4xl)}.ds-text-muted{color:var(--color-gray-600)}.ds-text-muted-light{color:var(--color-gray-500)}.ds-text-italic{font-style:var(--font-style-italic)}.ds-mt-xs{margin-top:var(--spacing-xs)}.ds-mt-base{margin-top:var(--spacing-base)}.ds-p-base{padding:var(--spacing-base)}.ds-text-center{text-align:center}.ds-text-left{text-align:left}.ds-text-right{text-align:right}.ds-mt-sm{margin-top:var(--spacing-sm)}.ds-mt-md{margin-top:var(--spacing-md)}.ds-mt-lg{margin-top:var(--spacing-lg)}.ds-mt-xl{margin-top:var(--spacing-xl)}.ds-mb-sm{margin-bottom:var(--spacing-sm)}.ds-mb-md{margin-bottom:var(--spacing-md)}.ds-mb-lg{margin-bottom:var(--spacing-lg)}.ds-mb-xl{margin-bottom:var(--spacing-xl)}.ds-p-sm{padding:var(--spacing-sm)}.ds-p-md{padding:var(--spacing-md)}.ds-p-lg{padding:var(--spacing-lg)}.ds-p-xl{padding:var(--spacing-xl)}.ds-flex{display:flex}.ds-flex-column{flex-direction:column}.ds-flex-center{align-items:center;justify-content:center}.ds-gap-sm{gap:var(--spacing-sm)}.ds-gap-md{gap:var(--spacing-md)}.ds-gap-lg{gap:var(--spacing-lg)}.ds-gap-xl{gap:var(--spacing-xl)}@media (max-width: 1023px){:root{--container-padding: 1rem}.ds-selection-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ds-option-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 1023px){body{background-attachment:scroll}}.ds-scrollbar,.ds-scrollbar-auto{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.ds-scrollbar::-webkit-scrollbar,.ds-scrollbar-auto::-webkit-scrollbar{width:6px}.ds-scrollbar::-webkit-scrollbar-track,.ds-scrollbar-auto::-webkit-scrollbar-track{background:transparent;border-radius:3px}.ds-scrollbar::-webkit-scrollbar-thumb,.ds-scrollbar-auto::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px;transition:background .2s ease}.ds-scrollbar::-webkit-scrollbar-thumb:hover,.ds-scrollbar-auto::-webkit-scrollbar-thumb:hover{background:#00000040}.ds-scrollbar-light,.ds-scrollbar-light-auto{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.ds-scrollbar-light::-webkit-scrollbar,.ds-scrollbar-light-auto::-webkit-scrollbar{width:6px}.ds-scrollbar-light::-webkit-scrollbar-track,.ds-scrollbar-light-auto::-webkit-scrollbar-track{background:transparent;border-radius:3px}.ds-scrollbar-light::-webkit-scrollbar-thumb,.ds-scrollbar-light-auto::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.ds-scrollbar-light::-webkit-scrollbar-thumb:hover,.ds-scrollbar-light-auto::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width: 639px){:root{--container-padding: 1rem;--header-height: calc(72px + env(safe-area-inset-top, 0px)) }.ds-step-card{flex-direction:column;align-items:flex-start}.ds-selection-grid{grid-template-columns:1fr}.ds-option-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.ds-bottom-nav-content{flex-direction:column}.ds-bottom-nav-step{max-width:100%;width:100%}.ds-card{padding:var(--spacing-lg)}.ds-button{width:100%}}.moby-konfigurator-theme{--config-bg-main: var(--color-white);--config-bg-sidebar: var(--color-white);--config-bg-main-alt: var(--color-moby-bg-alt);--config-bg-footer: var(--color-moby-footer);--config-accent-step: var(--color-moby-accent);--config-action-primary: var(--color-danger);--config-action-secondary: var(--color-gray-700);--config-text: var(--color-moby-text);--config-text-muted: var(--color-moby-text-muted);--config-button-secondary-bg: transparent;--config-button-secondary-fg: var(--config-accent-step);--config-button-secondary-border: var(--config-accent-step);--config-font-family: var(--font-family-base);--config-radius: var(--radius-md);--config-radius-sm: var(--radius-sm);--header-height: calc(clamp(56px, 8.5vw, 102px) + env(safe-area-inset-top, 0px)) ;--whale-water-dark: #0f3d52;--whale-water-light: #1a5f7a;--whale-loading-bg-start: var(--config-bg-footer);--whale-loading-bg-mid: var(--config-accent-step);--whale-loading-bg-end: var(--color-moby-footer-dark);--oc-bg: var(--config-bg-main-alt);--oc-border: rgba(0, 0, 0, .1);--oc-shadow: 0 1px 4px rgba(0, 0, 0, .07);--oc-backdrop: none;--oc-radius: var(--config-radius-sm);--oc-inset: none;--oc-hover-bg: rgba(19, 77, 117, .04);--oc-hover-border: var(--config-accent-step);--oc-hover-shadow: 0 4px 12px rgba(19, 77, 117, .15);--oc-selected-bg: rgba(19, 77, 117, .12);--oc-selected-border: var(--config-accent-step);--oc-selected-shadow: 0 0 0 2px rgba(19, 77, 117, .25);--oc-default-bg: rgba(40, 167, 69, .08);--oc-default-border: rgba(40, 167, 69, .35);--oc-default-shadow: 0 0 0 2px rgba(40, 167, 69, .2);--oc-text: var(--config-text);--oc-price-color: var(--color-success);--oc-image-bg: var(--config-bg-main-alt);--sb-bg: var(--config-bg-main-alt);--sb-border: rgba(0, 0, 0, .08);--sb-shadow: 0 1px 3px rgba(0, 0, 0, .05);--sb-backdrop: none;--sb-radius: var(--config-radius);--sb-title-color: var(--config-text);--sb-divider: rgba(0, 0, 0, .12)}.app.moby-konfigurator-theme,.moby-konfigurator-theme .vehicle-configuration,.moby-konfigurator-theme .vehicle-configuration-split{background:transparent}.moby-konfigurator-theme .vehicle-configuration:has(.vehicle-configuration-split){padding:0!important;overflow:visible}.moby-konfigurator-theme .vehicle-configuration-split{min-height:calc(100dvh - var(--header-height) - var(--bottom-nav-height))}.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack{padding-bottom:calc(1.5rem + var(--bottom-nav-height, 80px))}.moby-konfigurator-theme .main-content.with-imagepack,.moby-konfigurator-theme .container.main-content{background:transparent;color:var(--config-text)}.moby-konfigurator-theme .vehicle-configuration:has(.main-content.with-imagepack),.moby-konfigurator-theme .vehicle-configuration-split{--oc-bg: rgba(255, 255, 255, .055);--oc-border: rgba(255, 255, 255, .1);--oc-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 2px 12px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08);--oc-backdrop: blur(10px);--oc-inset: inset 0 1px 0 rgba(255,255,255,.08);--oc-hover-bg: rgba(255, 255, 255, .09);--oc-hover-border: rgba(101, 155, 163, .5);--oc-hover-shadow: 0 0 0 1px rgba(101,155,163,.3), 0 0 20px 4px rgba(101,155,163,.25), 0 0 40px 8px rgba(59,130,246,.15), inset 0 1px 0 rgba(255,255,255,.12);--oc-selected-bg: rgba(0, 123, 255, .18);--oc-selected-border: rgba(0, 123, 255, .9);--oc-selected-shadow: 0 0 0 2px rgba(0, 123, 255, .7), 0 0 14px 4px rgba(255, 255, 255, .25), 0 0 28px 8px rgba(0, 123, 255, .3), inset 0 1px 0 rgba(255,255,255,.18);--oc-default-bg: rgba(40, 167, 69, .18);--oc-default-border: rgba(60, 200, 100, .45);--oc-default-shadow: 0 0 0 1px rgba(60,200,100,.3), 0 0 16px 4px rgba(60,200,100,.3), 0 0 30px 8px rgba(40,167,69,.4), inset 0 1px 0 rgba(255,255,255,.1);--oc-text: rgba(255, 255, 255, .88);--oc-price-color: rgba(120, 220, 160, .95);--oc-image-bg: rgba(0, 0, 0, .15);--sb-bg: rgba(255, 255, 255, .04);--sb-border: rgba(255, 255, 255, .1);--sb-shadow: 0 0 0 1px rgba(255,255,255,.05), 0 4px 24px rgba(0,0,0,.25), 0 0 40px 2px rgba(101,155,163,.08);--sb-backdrop: blur(14px);--sb-title-color: rgba(255, 255, 255, .95);--sb-divider: rgba(255, 255, 255, .12);--config-text: rgba(255, 255, 255, .92);--config-text-muted: rgba(255, 255, 255, .55);--config-button-secondary-fg: rgba(255, 255, 255, .92);--config-button-secondary-border: rgba(255, 255, 255, .55)}.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack,.moby-konfigurator-theme .vehicle-configuration-split .container.main-content,.moby-konfigurator-theme .vehicle-configuration>.main-content.with-imagepack{position:relative;background:radial-gradient(ellipse 85% 30% at 45% 0%,rgba(255,240,160,.1) 0%,transparent 65%),radial-gradient(ellipse 55% 25% at 90% 70%,rgba(0,210,200,.07) 0%,transparent 60%),transparent}.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack>form,.moby-konfigurator-theme .vehicle-configuration-split .container.main-content>form,.moby-konfigurator-theme .vehicle-configuration>.main-content.with-imagepack>form{position:relative;z-index:1}@media (min-aspect-ratio: 1/1) and (min-width: 1024px){.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack{padding-top:0;padding-left:0;padding-right:0;min-height:calc(100dvh - var(--header-height) - var(--bottom-nav-height))}.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack>form{padding-top:1.5rem;padding-left:var(--container-padding, 2rem);padding-right:var(--container-padding, 2rem)}}@media not ((min-aspect-ratio: 1/1) and (min-width: 1024px)){.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack,.moby-konfigurator-theme .vehicle-configuration>.main-content.with-imagepack{padding-left:0;padding-right:0}.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack>form,.moby-konfigurator-theme .vehicle-configuration>.main-content.with-imagepack>form{padding-left:var(--container-padding, 1rem);padding-right:var(--container-padding, 1rem);padding-top:1rem}}.moby-konfigurator-theme .vehicle-configuration>.main-content.with-imagepack{width:100%;min-height:calc(100dvh - var(--header-height) - var(--bottom-nav-height));overflow-y:visible;overflow-x:hidden;padding-bottom:calc(1.5rem + var(--bottom-nav-height, 80px))}.moby-konfigurator-theme .app-main:has(.vehicle-configuration-split){overflow:visible;flex:1 1 auto}.moby-konfigurator-theme .app-main:has(.vehicle-configuration>.main-content.with-imagepack){overflow:visible}.moby-konfigurator-theme .form-section-block{color:var(--config-text)}.moby-konfigurator-theme .config-info-banner{display:flex;align-items:flex-start;gap:.65rem;margin:0 0 1.25rem;padding:.85rem 1.1rem;background:#0096c824;border:1px solid rgba(100,200,255,.35);border-radius:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffe0;font-size:var(--font-size-sm);line-height:1.5}.moby-konfigurator-theme .config-info-banner svg{width:1.15em;height:1.15em;flex-shrink:0;margin-top:.1em;color:#64d2ffe6}.moby-konfigurator-theme .config-locked-banner{margin:0 0 1.5rem;padding:1rem 1.25rem;background:#fe310126;border:1px solid rgba(254,49,1,.45);border-radius:var(--radius-md, 12px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffeb;font-size:var(--font-size-sm);line-height:1.5}.moby-konfigurator-theme .config-locked-banner--compact{padding:.7rem 1rem;margin:.5rem 0 0}.moby-konfigurator-theme .config-locked-banner p{margin:0 0 .75rem}.moby-konfigurator-theme .config-locked-actions{display:flex;gap:.5rem;flex-wrap:wrap}.moby-konfigurator-theme .config-locked-actions .button{font-size:var(--font-size-sm);padding:.45rem 1rem;border-radius:var(--radius-sm, 6px);border:none;cursor:pointer;font-weight:500;transition:background .15s;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.3)}.moby-konfigurator-theme .config-locked-actions .button:hover{background:#ffffff40}.moby-konfigurator-theme .config-locked-actions .button-danger{background:#fe3101b3;border-color:#fe3101e6}.moby-konfigurator-theme .config-locked-actions .button-danger:hover{background:#fe3101e6}.moby-konfigurator-theme .config-locked-actions .button-sm{font-size:var(--font-size-xs);padding:.35rem .75rem}.moby-konfigurator-theme .subcategory-section .subcategory-title,.moby-konfigurator-theme .form-section-title{color:var(--sb-title-color, var(--config-text));font-weight:400}.moby-konfigurator-theme .form-section-title{position:relative;padding-bottom:.75rem;margin-bottom:1.25rem}.moby-konfigurator-theme .form-section-title:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#0000001f;box-shadow:none}.moby-konfigurator-theme .form-section-block{border-radius:var(--sb-radius)}.moby-konfigurator-theme .form-section-title:after{background:var(--sb-divider)}.moby-konfigurator-theme .subcategory-section .subcategory-title{border-bottom-color:#00000026}.moby-konfigurator-theme .left-panel-tabs button{background:#00000073;border-color:#ffffff4d;color:#ffffffd9}.moby-konfigurator-theme .left-panel-tabs button.active{background:#ffffff38;border-color:#ffffff8c;color:#fff}.moby-konfigurator-theme .subcategory-description,.moby-konfigurator-theme .form-section-block label:not(.form-section-title),.moby-konfigurator-theme .form-section-block .form-group label:not(.form-section-title){color:var(--config-text-muted)}.suboption-group-box{background:var(--oc-bg, rgba(255,255,255,.04));border:1px solid var(--oc-border, rgba(255,255,255,.1));border-radius:12px;padding:.5rem .75rem}.suboption-block{padding:.35rem 0}.suboption-label{margin:0 0 .3rem;font-size:var(--font-size-xs);font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.suboption-divider{height:1px;background:#ffffff14;margin:.2rem 0}.suboption-options{display:flex;flex-direction:column;gap:.2rem}.suboption-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .65rem;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;user-select:none}.suboption-item:hover{background:var(--oc-hover-bg, rgba(255,255,255,.06));border-color:var(--oc-hover-border, rgba(255,255,255,.12))}.suboption-item--selected{background:var(--oc-selected-bg, rgba(255,255,255,.08));border-color:var(--oc-selected-border, rgba(0, 123, 255, .5));box-shadow:var(--oc-selected-shadow, none)}.suboption-item--serie{background:var(--oc-serie-bg, rgba(34, 197, 94, .12));border-color:var(--oc-serie-border, rgba(34, 197, 94, .55));box-shadow:none;cursor:default}.suboption-item-check.serie.checked{background:#22c55e;border-color:#22c55e}.suboption-item-name{font-size:var(--font-size-sm);color:var(--oc-text, rgba(255,255,255,.85));font-weight:500;flex:1;min-width:0}.suboption-item-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.suboption-item-price{font-size:var(--font-size-xs);font-weight:600;color:var(--oc-price-color, rgba(120, 220, 160, .95));white-space:nowrap}.suboption-item-price--serie{color:var(--oc-text, rgba(255,255,255,.45));font-weight:400}.suboption-item-check{width:18px;height:18px;border-radius:4px;border:2px solid rgba(255,255,255,.25);flex-shrink:0;transition:all .15s}.suboption-item-check.checked{background:var(--config-accent-step, #0d9488);border-color:var(--config-accent-step, #0d9488);position:relative}.suboption-item-check.checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}:root[data-color-mode=light] .suboption-group-box{background:#ffffff80;border-color:#0d94881f}:root[data-color-mode=light] .suboption-label{color:#6b7280}:root[data-color-mode=light] .suboption-divider{background:#0d94881a}:root[data-color-mode=light] .suboption-item-name{color:#1f2937}:root[data-color-mode=light] .suboption-item-price{color:#047857}:root[data-color-mode=light] .suboption-item-price--serie{color:#9ca3af}:root[data-color-mode=light] .suboption-item-check{border-color:#0d94884d}:root[data-color-mode=light] .suboption-item--serie{background:#22c55e1a;border-color:#16a34a80}.moby-konfigurator-theme .form-section-divider{background-color:#00000014}.moby-konfigurator-theme .navigation-buttons .button,.moby-konfigurator-theme .button{border-radius:var(--config-radius)}.moby-konfigurator-theme .app-main{font-family:var(--config-font-family)}.moby-konfigurator-theme .config-sidebar-title{color:var(--config-text)}.moby-konfigurator-theme .config-step-bar-btn{background:var(--config-bg-main-alt);border-color:#0000001f;color:var(--config-text-muted)}.moby-konfigurator-theme .config-step-bar-btn:hover{background:#0000000a;border-color:#0003;color:var(--config-text)}.moby-konfigurator-theme .config-step-bar-btn.active{background:var(--config-accent-step);border-color:var(--config-accent-step);color:var(--color-white)}.moby-konfigurator-theme .ds-header{background-color:transparent;background-image:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:none;border-top:none;box-shadow:0 2px 12px #fe310159,0 4px 20px #0003;overflow:visible;transition:transform .25s ease,opacity .25s ease}.moby-konfigurator-theme{user-select:none;-webkit-user-select:none}.moby-konfigurator-theme .app-main{padding-top:var(--header-height);overflow-y:auto;overflow-x:hidden;min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height))}.moby-konfigurator-theme:has(.ds-header.scrolled) .app-main{padding-top:0}.moby-konfigurator-theme .ds-header .ds-header-content,.moby-konfigurator-theme .ds-header .header-left,.moby-konfigurator-theme .ds-header .header-center,.moby-konfigurator-theme .ds-header .header-right{align-items:center}.moby-konfigurator-theme .header-logo,.moby-konfigurator-theme .header-logo img{height:clamp(36px,5.5vw,72px);max-height:100%}.moby-konfigurator-theme .header-dealer-logo{height:clamp(32px,5.5vw,72px);max-height:100%}.moby-konfigurator-theme .header-dealer-logo img{height:clamp(32px,5vw,64px);max-height:100%}.moby-konfigurator-theme .header-title{color:var(--color-white);font-size:calc(2 * var(--font-size-xl))}.moby-konfigurator-theme .header-title--fahrzeugkonzept{font-weight:200;font-size:3.2rem;letter-spacing:.1em}.moby-konfigurator-theme .header-subtitle{color:#fffc}.moby-konfigurator-theme .header-logo-separator{color:#fff6}.moby-konfigurator-theme .header-config-code{display:inline-flex;align-items:center;gap:.25rem;height:clamp(28px,2.8vw,36px);padding:0 clamp(.35rem,.8vw,.5rem);border:1px solid rgba(255,255,255,.45);background:#ffffff2e;border-radius:clamp(6px,.6vw,8px);color:#fff;cursor:pointer;transition:background .15s}.moby-konfigurator-theme .header-config-code:hover{background:#ffffff4d}.moby-konfigurator-theme .header-config-code.copied{border-color:var(--color-success, #28a745);color:var(--color-success, #28a745)}.moby-konfigurator-theme .header-config-code svg{width:clamp(12px,1.3vw,15px);height:clamp(12px,1.3vw,15px);flex-shrink:0}.moby-konfigurator-theme .header-config-code-label{font-size:clamp(.55rem,.9vw,.7rem);font-weight:600;letter-spacing:.06em;font-family:var(--font-family-mono, monospace);line-height:1}.moby-konfigurator-theme .header-icon-btn{background:#ffffff2e;border-color:#ffffff73;color:#fff;height:clamp(28px,2.8vw,36px);width:clamp(28px,2.8vw,36px)}.moby-konfigurator-theme .header-icon-btn:hover{background:#ffffff4d;color:#fff}.moby-konfigurator-theme .image-gallery-spitzname-label{color:var(--color-black)}.moby-konfigurator-theme .image-gallery-spitzname-value{color:var(--color-black)!important;text-shadow:0 1px 2px rgba(255,255,255,.5)}.moby-konfigurator-theme .image-gallery-container{margin-top:0}.moby-konfigurator-theme .image-gallery-image-container{border:none;border-radius:0;box-shadow:none}.moby-konfigurator-theme .image-gallery-image{border-radius:0}.moby-konfigurator-theme .option-image-container{border:1px solid rgba(0,0,0,.12);border-radius:var(--config-radius-sm);box-shadow:inset 0 0 25px 6px #00000014}.moby-konfigurator-theme .option-image-container img{border-radius:calc(var(--config-radius-sm) - 1px)}.moby-konfigurator-theme .option-card.option-card-none{background:var(--oc-bg, var(--color-gray-50));border:1px dashed var(--oc-border, rgba(0, 0, 0, .2));box-shadow:var(--oc-shadow, none);backdrop-filter:var(--oc-backdrop, none);-webkit-backdrop-filter:var(--oc-backdrop, none);padding:.5rem .75rem}.moby-konfigurator-theme .option-card.option-card-none:hover{background:var(--oc-hover-bg, var(--color-gray-100));border-color:var(--oc-hover-border, rgba(0, 0, 0, .25));box-shadow:var(--oc-hover-shadow, none)}.moby-konfigurator-theme .option-card.option-card-none.selected,.moby-konfigurator-theme .option-card.option-card-none.default-selected{border-style:solid;border-color:var(--oc-default-border, rgba(60, 200, 100, .45));background:var(--oc-default-bg, rgba(40, 167, 69, .18));box-shadow:var(--oc-default-shadow, 0 0 0 1px rgba(60,200,100,.3), 0 0 16px 4px rgba(60,200,100,.3))}.moby-konfigurator-theme .option-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.35rem;margin-top:.5rem}.moby-konfigurator-theme .form-section-block{padding:1rem}.moby-konfigurator-theme .option-card .option-image-container:not(.radstand-image-container){height:48px;min-height:48px}.option-count-stepper{display:flex;align-items:center;gap:0;margin-top:.5rem;border:1px solid var(--oc-border, rgba(255,255,255,.15));border-radius:8px;overflow:hidden;width:fit-content}.stepper-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#ffffff14;border:none;color:var(--oc-text, rgba(255,255,255,.85));font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .15s;user-select:none}.stepper-btn:hover:not(:disabled){background:#ffffff2e}.stepper-btn:disabled{opacity:.25;cursor:default}.stepper-value{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;font-size:var(--font-size-base);font-weight:700;color:var(--oc-text, rgba(255,255,255,.95));font-family:var(--font-family-mono, monospace)}:root[data-color-mode=light] .stepper-btn{background:#0d948814;color:#1f2937}:root[data-color-mode=light] .stepper-btn:hover:not(:disabled){background:#0d94882e}:root[data-color-mode=light] .stepper-value{color:#1f2937}.moby-konfigurator-theme .option-card .color-swatch{height:48px;min-height:48px}.moby-konfigurator-theme .option-image-container{height:100px}.moby-konfigurator-theme .radstand-image-container{height:200px;min-height:200px;padding:.5rem}.moby-konfigurator-theme .option-content{padding:.3rem .5rem;color:var(--oc-text)}.moby-konfigurator-theme .option-content h3{font-size:var(--font-size-base);margin:0 0 .15rem;font-weight:500;color:var(--oc-text)}.moby-konfigurator-theme .option-content .option-price{font-size:var(--font-size-xs);color:var(--oc-text)}.moby-konfigurator-theme .option-content .option-price strong{font-size:var(--font-size-xs);color:var(--oc-price-color)}.moby-konfigurator-theme .option-content .option-price-error{color:var(--color-danger)}.moby-konfigurator-theme .option-content .option-price-name,.moby-konfigurator-theme .option-content .option-price-loading,.moby-konfigurator-theme .option-content .option-price-surcharge{color:var(--config-text-muted)}.moby-konfigurator-theme .option-card.option-card-none{padding:.75rem 1rem}.moby-konfigurator-theme .option-card.option-card-none .option-content h3{color:var(--oc-text, var(--config-text))}.moby-konfigurator-theme .option-info-trigger{position:relative;display:inline-flex;align-items:center;margin-left:.35rem;vertical-align:middle}.moby-konfigurator-theme .option-info-btn{width:1.1rem;height:1.1rem;padding:0;border:1.5px solid var(--oc-text, rgba(255,255,255,.5));border-radius:50%;background:transparent;color:var(--oc-text, rgba(255,255,255,.7));font-size:.65rem;font-weight:700;font-style:italic;font-family:Georgia,serif;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:.55;transition:opacity .15s ease,border-color .15s ease}.moby-konfigurator-theme .option-info-btn:hover{opacity:1;border-color:var(--oc-price-color, var(--color-primary));color:var(--oc-price-color, var(--color-primary))}.option-info-tooltip{position:fixed;transform:translate(-50%,-100%);min-width:14rem;max-width:22rem;padding:.75rem 1rem;background:#0a0e1ed1;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md, 10px);color:#ffffffeb;font-size:var(--font-size-xs, .8rem);font-weight:400;font-style:normal;line-height:1.6;white-space:pre-line;z-index:var(--z-tooltip, 3000);pointer-events:none;box-shadow:0 8px 32px #00000080,inset 0 0 0 .5px #ffffff14;animation:option-info-fade-in .12s ease}@keyframes option-info-fade-in{0%{opacity:0;transform:translate(-50%,-100%) translateY(4px)}to{opacity:1;transform:translate(-50%,-100%) translateY(0)}}.option-info-overlay{position:fixed;inset:0;z-index:var(--z-fullscreen, 9999);background:#0000008c;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:option-info-overlay-in .15s ease}@keyframes option-info-overlay-in{0%{opacity:0}to{opacity:1}}.option-info-overlay-card{background:#0a0e1ed1;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-top:1px solid rgba(255,255,255,.15);border-radius:16px 16px 0 0;padding:1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,0px));max-width:100%;width:100%;max-height:70vh;overflow-y:auto;color:#ffffffeb;box-shadow:0 -8px 32px #00000080,inset 0 0 0 .5px #ffffff14;animation:option-info-card-in .22s cubic-bezier(.32,.72,0,1)}@keyframes option-info-card-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.option-info-overlay-title{font-size:1rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.08);color:#fff}.option-info-overlay-text{font-size:.85rem;line-height:1.65;color:#ffffffc7}.option-info-overlay-close{display:block;width:100%;margin-top:1.25rem;padding:.7rem 0;border:none;border-radius:var(--radius-md, 8px);background:#ffffff1a;color:#ffffffe6;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s ease}.option-info-overlay-close:hover{background:#ffffff2e}.option-info-tooltip ul,.option-info-tooltip ol,.option-info-overlay-text ul,.option-info-overlay-text ol{margin:.3rem 0;padding-left:1.2rem;list-style:disc}.option-info-tooltip li,.option-info-overlay-text li{margin-bottom:.2rem;line-height:1.5}.moby-konfigurator-theme .vehicle-configuration-split:before{content:"";position:fixed;top:var(--header-height, 68px);bottom:var(--bottom-nav-height, 80px);left:0;width:var(--left-panel-width, 40%);background:#0a0f198c;z-index:var(--z-panel-bg-overlay, 9);pointer-events:none;transition:top .25s ease}.moby-konfigurator-theme:has(.ds-header.scrolled) .vehicle-configuration-split:before{top:0}.moby-konfigurator-theme .vehicle-configuration-split>.resizable-left-panel{z-index:var(--z-panel, 10)}.moby-konfigurator-theme:has(.ds-header.scrolled) .vehicle-configuration-split>.resizable-left-panel{top:0;height:calc(100dvh - var(--bottom-nav-height, 80px));border-radius:16px}.moby-konfigurator-theme .vehicle-configuration-split>.main-content.with-imagepack{z-index:1}@media (max-aspect-ratio: 1/1),(max-width: 1023px){.moby-konfigurator-theme .vehicle-configuration-split:before{display:none}.moby-konfigurator-theme .vehicle-configuration-split>.resizable-left-panel{background:#fff;position:relative;z-index:1}}.moby-konfigurator-theme .resizable-left-panel-resizer{background:#00000014;border-left:1px solid rgba(0,0,0,.12)}.moby-konfigurator-theme .resizable-left-panel-resizer:hover{background:var(--config-accent-step);border-left-color:var(--config-accent-step)}.moby-konfigurator-theme .resizable-left-panel-resizer:active{background:var(--color-moby-footer-dark)}.moby-konfigurator-theme.app{background:transparent}.moby-konfigurator-theme .app-main{background:transparent;color:var(--config-text)}.moby-konfigurator-theme .app-main{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.moby-konfigurator-theme .app-main::-webkit-scrollbar{width:6px}.moby-konfigurator-theme .app-main::-webkit-scrollbar-track{background:transparent}.moby-konfigurator-theme .app-main::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.moby-konfigurator-theme .app-main::-webkit-scrollbar-thumb:hover{background:#00000040}.moby-konfigurator-theme .container{color:var(--config-text)}.moby-konfigurator-theme .card{background:#ffffff1a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);border-radius:var(--config-radius);color:var(--config-text);box-shadow:0 4px 24px #0000002e}.moby-konfigurator-theme .button{background:var(--config-accent-step);color:var(--color-white);border:1px solid var(--config-accent-step);border-radius:var(--config-radius);transition:background .2s,border-color .2s,box-shadow .2s}.moby-konfigurator-theme .button:hover:not(:disabled){background:var(--color-moby-accent-hover);border-color:var(--color-moby-accent-hover);box-shadow:0 4px 12px #134d7566;transform:translateY(-1px)}.moby-konfigurator-theme .button:disabled{background:#0000000f;color:var(--config-text-muted);border-color:#0000001a;cursor:not-allowed;transform:none}.moby-konfigurator-theme .button-secondary{background:var(--config-button-secondary-bg, transparent);color:var(--config-button-secondary-fg);border:1px solid var(--config-button-secondary-border)}.moby-konfigurator-theme .button-secondary:hover:not(:disabled){background:var(--config-accent-step);border-color:var(--config-accent-step);color:var(--color-white)}.moby-konfigurator-theme .ds-button,.moby-konfigurator-theme .ds-button-primary{background:var(--config-accent-step)!important;color:var(--color-white)!important;border-color:var(--config-accent-step)!important}.moby-konfigurator-theme .ds-button:hover:not(:disabled),.moby-konfigurator-theme .ds-button-primary:hover:not(:disabled){background:var(--color-moby-accent-hover)!important;border-color:var(--color-moby-accent-hover)!important}.moby-konfigurator-theme .form-group label:not(.form-section-title){color:var(--config-text-muted);font-weight:500}.moby-konfigurator-theme .form-group input,.moby-konfigurator-theme .form-group select,.moby-konfigurator-theme .form-group textarea{background:var(--ds-color-input-bg, rgba(255, 255, 255, .08));border:1px solid var(--ds-color-input-border, rgba(255, 255, 255, .2));color:var(--ds-color-input-fg, rgba(255, 255, 255, .92));border-radius:var(--config-radius-sm)}.moby-konfigurator-theme .form-group input::placeholder,.moby-konfigurator-theme .form-group textarea::placeholder{color:var(--ds-color-input-placeholder, rgba(255, 255, 255, .3))}.moby-konfigurator-theme .form-group input:focus,.moby-konfigurator-theme .form-group select:focus,.moby-konfigurator-theme .form-group textarea:focus{background:var(--ds-color-input-bg, rgba(255, 255, 255, .13));border-color:var(--ds-color-border-focus, rgba(255, 255, 255, .45));box-shadow:0 0 0 2px var(--ds-color-brand-soft, rgba(255, 255, 255, .12));outline:none}.moby-konfigurator-theme .form-group select option{background:var(--ds-color-bg-elevated, #1a3a4a);color:var(--ds-color-fg-default, rgba(255, 255, 255, .92))}.moby-konfigurator-theme h1,.moby-konfigurator-theme .container h1,.moby-konfigurator-theme h2,.moby-konfigurator-theme .container h2{color:var(--config-text);font-weight:400}.moby-konfigurator-theme h3,.moby-konfigurator-theme h4{color:var(--config-text)}.moby-konfigurator-theme .main-menu{background:transparent}.moby-konfigurator-theme .main-menu .subtitle{color:var(--config-text-muted)}.moby-konfigurator-theme .customer-display{background:#134d751a;border:1px solid rgba(19,77,117,.25);border-radius:var(--config-radius)}.moby-konfigurator-theme .customer-display-label{color:var(--config-text-muted)}.moby-konfigurator-theme .customer-display-info,.moby-konfigurator-theme .customer-display-info strong{color:var(--config-text)}.moby-konfigurator-theme .ds-step-card{background:var(--config-bg-main-alt);border:1px solid rgba(0,0,0,.08);border-radius:var(--config-radius);box-shadow:0 1px 3px #00000014}.moby-konfigurator-theme .ds-step-card:hover:not(.disabled){border-color:#134d754d;box-shadow:0 2px 8px #134d7526}.moby-konfigurator-theme .ds-step-card.completed{background:#28a74514;border-color:#28a74540}.moby-konfigurator-theme .ds-step-card.completed:before{background:var(--color-success)}.moby-konfigurator-theme .ds-step-card.disabled{opacity:.5}.moby-konfigurator-theme .ds-step-number{background:var(--config-accent-step);color:var(--color-white);box-shadow:0 2px 8px #134d7566}.moby-konfigurator-theme .ds-step-card.completed .ds-step-number{background:var(--color-success)}.moby-konfigurator-theme .ds-step-card.disabled .ds-step-number{background:#00000014;color:var(--config-text-muted)}.moby-konfigurator-theme .ds-step-content h2{color:var(--config-text)}.moby-konfigurator-theme .ds-step-content p,.moby-konfigurator-theme .ds-text-muted{color:var(--config-text-muted)}.moby-konfigurator-theme .start-page h1{color:var(--config-text)}.moby-konfigurator-theme .start-page .subtitle{color:var(--config-text-muted)}.moby-konfigurator-theme .start-page-content{color:var(--config-text)}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container){display:block;overflow:visible}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>.page-container,.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>.vehicle-concept-container{display:block;height:auto;padding:var(--spacing-base) var(--container-padding, 2rem);padding-bottom:var(--spacing-xl)}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>.vehicle-configuration{display:block;min-height:calc(100dvh - var(--header-height, 68px))}.moby-konfigurator-theme .start-page:has(.vehicle-concept-container){padding-top:0!important;padding-bottom:0;flex:none;display:block}.moby-konfigurator-theme .start-page-content:has(.vehicle-concept-container){margin-top:0!important;flex:none;display:block}.moby-konfigurator-theme .start-page-content:has(.vehicle-concept-container) .vehicle-concept-container{flex:none;display:block}.moby-konfigurator-theme .page-container,.moby-konfigurator-theme .customer-data{background:transparent}.moby-konfigurator-theme .step-indicator{color:#ffffff8c}.moby-konfigurator-theme .customer-data .input-with-button .button-load,.moby-konfigurator-theme .customer-data .input-with-button .button{background:#ffffff26;border:1px solid rgba(255,255,255,.22);color:#ffffffe0}.moby-konfigurator-theme .customer-data .input-with-button .button-load:hover,.moby-konfigurator-theme .customer-data .input-with-button .button:hover{background:#ffffff38}.moby-konfigurator-theme .mode-button{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fffc;border-radius:var(--config-radius)}.moby-konfigurator-theme .mode-button:hover:not(:disabled){background:#ffffff24;border-color:#ffffff59;color:#fffffff2}.moby-konfigurator-theme .mode-button.active{background:var(--config-accent-step);border-color:var(--config-accent-step);color:var(--color-white);box-shadow:0 4px 12px #134d7573}.moby-konfigurator-theme .mode-button:disabled{background:#ffffff0a;color:#ffffff4d}.moby-konfigurator-theme .submit-error{background:#fe310133;border-color:#fe310173;color:#ff8a8a}.moby-konfigurator-theme .info-message{color:#ffffff8c}.moby-konfigurator-theme.app:has(.vehicle-concept-container){min-height:100vh;min-height:100dvh;position:relative}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container){position:relative;background:transparent!important}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container){--wave-height: calc(var(--spacing-xl, 2rem) + 380px + 2 * var(--spacing-base, 1rem) + 3rem)}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container):before{display:none}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>*{position:relative;z-index:1}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container) .selection-header h1{color:var(--color-moby-text)}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container) .vehicle-systems-title{color:var(--color-moby-text)}.moby-konfigurator-theme .selection-header h1{color:var(--config-text)}.moby-konfigurator-theme .selection-header p{color:var(--config-text-muted)}.moby-konfigurator-theme .vehicle-concept-layout,.moby-konfigurator-theme .vehicle-concept-container,.moby-konfigurator-theme .vehicle-systems-title{color:var(--config-text)}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container) .vehicle-systems-title{color:var(--color-white)}.moby-konfigurator-theme .vehicle-carousel-nav{background:#0000000f;border:none;color:var(--config-text)}.moby-konfigurator-theme .vehicle-carousel-nav:hover:not(:disabled){background:#0000001a;color:var(--config-text)}.moby-konfigurator-theme .vehicle-carousel-pills{background:#00000026}.moby-konfigurator-theme .vehicle-carousel-pill{background:#ffffff80;border:none;color:var(--config-text)}.moby-konfigurator-theme .vehicle-carousel-pill:hover:not(:disabled){background:#ffffffb3;color:var(--config-text)}.moby-konfigurator-theme .vehicle-carousel-pill.active{background:var(--color-white);color:var(--config-text)}.moby-konfigurator-theme .selection-empty{color:var(--config-text-muted)}.moby-konfigurator-theme .app-footer{background:linear-gradient(to bottom,#262c524d,#262c52);background:linear-gradient(to bottom,color-mix(in srgb,var(--aurora-edge-bottom, #262c52) 30%,transparent) 0%,var(--aurora-edge-bottom, #262c52) 100%);border-top:1px solid rgba(255,255,255,.08);border-radius:20px 20px 0 0;color:var(--config-text)}.moby-konfigurator-theme .app-footer .footer-company,.moby-konfigurator-theme .app-footer .footer-company strong{color:#fffffff2}.moby-konfigurator-theme .app-footer .footer-legal-notice{color:#fffc}.moby-konfigurator-theme .app-footer .footer-link{color:#ffffffd9}.moby-konfigurator-theme .app-footer .footer-link:hover{color:var(--color-white);text-decoration:underline}.moby-konfigurator-theme .app-footer .footer-user-info{background:#ffffff1f;border-color:#fff3}.moby-konfigurator-theme .app-footer .footer-user-label,.moby-konfigurator-theme .app-footer .footer-user-name{color:var(--color-white)}.moby-konfigurator-theme .app-footer .footer-logout-button{background:#fff3;color:var(--color-white);border:1px solid rgba(255,255,255,.2)}.moby-konfigurator-theme .app-footer .footer-logout-button:hover{background:#ffffff4d}.moby-konfigurator-theme .access-denied-page{background:transparent}.moby-konfigurator-theme .access-denied-card{background:var(--config-bg-main-alt);border:1px solid rgba(0,0,0,.12);color:var(--config-text)}.moby-konfigurator-theme .access-denied-card h1{color:var(--config-text)}.moby-konfigurator-theme .access-denied-card p{color:var(--config-text-muted)}.moby-konfigurator-theme .error-message{color:var(--color-danger-light)}.moby-konfigurator-theme .success-message{color:var(--color-success-light)}.moby-konfigurator-theme .loading{color:var(--config-text-muted)}.moby-konfigurator-theme .whale-loading-indicator--inline{align-items:flex-end;justify-content:center;padding-bottom:15%;min-height:280px}.moby-konfigurator-theme .info-box{border-radius:var(--config-radius);border:1px solid rgba(0,0,0,.12)}.moby-konfigurator-theme .info-box-title,.moby-konfigurator-theme .info-box-content,.moby-konfigurator-theme .info-box-content div{color:var(--config-text)}.moby-konfigurator-theme .info-box-info{background:#134d7533;border-color:#fff3}.moby-konfigurator-theme .info-box-success{background:#28a74526;border-color:#fff3}.moby-konfigurator-theme .info-box-warning{background:#ffc10726;border-color:#fff3}.moby-konfigurator-theme .info-box-error{background:#fe310126;border-color:#fff3}.moby-konfigurator-theme .configurations-box,.moby-konfigurator-theme .customer-info div{color:var(--config-text)}@media (max-width: 1023px){.moby-konfigurator-theme .header-title{font-size:var(--font-size-xl)}.moby-konfigurator-theme .header-title--fahrzeugkonzept{font-size:1.8rem;letter-spacing:.05em}.moby-konfigurator-theme .form-section-block{padding:.75rem}.moby-konfigurator-theme .option-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;margin-top:.5rem}.moby-konfigurator-theme .option-card .option-image-container:not(.radstand-image-container){height:40px;min-height:40px}.moby-konfigurator-theme .option-image-container{height:72px}.moby-konfigurator-theme .radstand-image-container{height:140px;min-height:140px}.moby-konfigurator-theme .option-content{padding:.4rem .6rem}.moby-konfigurator-theme .option-content h3{font-size:var(--font-size-base);margin:0 0 .2rem}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>.page-container,.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>.vehicle-concept-container{padding:var(--spacing-sm) var(--spacing-base) var(--spacing-lg)}}@media (max-width: 639px){.moby-konfigurator-theme .header-title{font-size:var(--font-size-base)}.moby-konfigurator-theme .form-section-block{padding:.6rem .75rem}.moby-konfigurator-theme .option-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.4rem}.moby-konfigurator-theme .option-card .option-image-container:not(.radstand-image-container){height:32px;min-height:32px}.moby-konfigurator-theme .option-image-container{height:56px}.moby-konfigurator-theme .radstand-image-container{height:100px;min-height:100px}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>.page-container,.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>.vehicle-concept-container{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-base)}}@media (max-aspect-ratio: 1/1),(max-width: 1023px){.moby-konfigurator-theme .app-main{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}.moby-konfigurator-theme .app-main:has(.vehicle-configuration-split){height:calc(100dvh - var(--bottom-nav-height, 64px));padding-top:var(--header-height)!important;min-height:0!important;overflow:hidden!important;flex:0 0 auto;display:flex;flex-direction:column}.moby-konfigurator-theme:has(.ds-header.scrolled) .app-main:has(.vehicle-configuration-split){padding-top:0!important}.moby-konfigurator-theme .app-main:has(.vehicle-configuration-split)>.vehicle-configuration{flex:1 1 0%;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-top:0!important;padding-bottom:0!important}.moby-konfigurator-theme .vehicle-configuration-split{flex:1 1 0%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack{overflow-y:auto!important;overflow-x:hidden;overscroll-behavior-y:contain;flex:1 1 auto!important;min-height:40dvh!important;margin-left:0!important;width:100%!important;padding-bottom:calc(1.5rem + var(--bottom-nav-height, 80px))}.moby-konfigurator-theme .vehicle-configuration-split .image-gallery-container{max-height:min(45vh,360px)}}@media (max-width: 639px) and (max-aspect-ratio: 1/1){.moby-konfigurator-theme .vehicle-configuration-split .image-gallery-container{max-height:min(38vh,280px)}}@media (max-width: 639px){.moby-konfigurator-theme .vehicle-configuration:has(.main-content.with-imagepack),.moby-konfigurator-theme .vehicle-configuration-split{--oc-backdrop: none;--oc-bg: rgba(255, 255, 255, .1);--sb-backdrop: none;--sb-bg: rgba(255, 255, 255, .08)}}:root[data-color-mode=light]{--color-moby-footer: var(--config-accent-step, #115e59);--color-moby-footer-dark: #0d4f4a;--color-moby-accent: var(--config-accent-step, #0d9488);--color-moby-accent-hover: #14b8a6;--color-moby-text: #1f2937;--color-moby-text-muted: #6b7280;--color-moby-bg-alt: #f0fdfa;--color-white: #ffffff;--whale-water-dark: #0d4f4a;--whale-water-light: #0d9488;--whale-loading-bg-start: #0d9488;--whale-loading-bg-mid: #115e59;--whale-loading-bg-end: #0d4f4a}:root[data-color-mode=light] .moby-konfigurator-theme .ds-header{background-color:transparent!important;box-shadow:0 2px 12px #0d948833,0 4px 20px #00000014!important}:root[data-color-mode=light] .ds-bottom-nav--konfigurator{background:linear-gradient(to bottom,color-mix(in srgb,var(--aurora-edge-bottom, rgb(86, 198, 173)) 35%,transparent),var(--aurora-edge-bottom, rgb(86, 198, 173)))!important;box-shadow:0 -4px 24px #0d948826!important;border-top:1px solid rgba(13,148,136,.15)!important}:root[data-color-mode=light] .resizable-left-panel{background:#f8fffe}:root[data-color-mode=light] .config-sidebar{color:var(--config-text, #1f2937)}:root[data-color-mode=light] .moby-konfigurator-theme{--oc-bg: #f0fdfa;--oc-border: rgba(13, 148, 136, .15);--oc-shadow: 0 1px 4px rgba(13, 148, 136, .08);--oc-hover-bg: rgba(13, 148, 136, .06);--oc-hover-border: var(--config-accent-step, #0d9488);--oc-hover-shadow: 0 4px 12px rgba(13, 148, 136, .15);--oc-selected-bg: rgba(13, 148, 136, .12);--oc-selected-border: var(--config-accent-step, #0d9488);--oc-selected-shadow: 0 0 0 2px rgba(13, 148, 136, .3);--oc-text: #1f2937;--oc-price-color: #059669;--sb-bg: #f0fdfa;--sb-border: rgba(13, 148, 136, .12);--sb-title-color: #1f2937;--sb-divider: rgba(13, 148, 136, .15)}:root[data-color-mode=light] .moby-konfigurator-theme .vehicle-configuration:has(.main-content.with-imagepack),:root[data-color-mode=light] .moby-konfigurator-theme .vehicle-configuration-split{--oc-text: #1f2937;--oc-price-color: #047857;--sb-title-color: #0f172a;--sb-divider: rgba(13, 148, 136, .18);--config-text: #1f2937;--config-text-muted: #4b5563;--config-button-secondary-fg: var(--config-accent-step);--config-button-secondary-border: var(--config-accent-step)}:root[data-color-mode=light] .moby-konfigurator-theme .button:not(.button-danger):not(.button-secondary):not([style*=danger]){background:var(--config-accent-step, #0d9488);border-color:var(--config-accent-step, #0d9488)}:root[data-color-mode=light] .moby-konfigurator-theme .button:not(.button-danger):not(.button-secondary):hover:not(:disabled){background:#14b8a6;border-color:#14b8a6}:root[data-color-mode=light] .moby-konfigurator-theme .button-secondary{background:var(--config-button-secondary-bg, transparent);color:var(--config-button-secondary-fg, #0d9488);border-color:var(--config-button-secondary-border, #0d9488)}:root[data-color-mode=light] .summary-container{color:#1f2937}:root[data-color-mode=light] .summary-offer-spinner{border-color:#0d948840;border-top-color:#0d9488}:root[data-color-mode=light] .summary-step--ok{background:#0d94880f;border-color:#0d948833}:root[data-color-mode=light] .summary-step--ok .summary-step__header{color:#065f46}:root[data-color-mode=light] .summary-step--warn{background:#f59e0b0f;border-color:#f59e0b40}:root[data-color-mode=light] .summary-step--warn .summary-step__header{color:#92400e}:root[data-color-mode=light] .summary-step__detail{background:#0000000a;color:#374151;border-top-color:#00000014}:root[data-color-mode=light] .summary-offer-success{background:#0d948814;border-color:#0d948840;color:#065f46}:root[data-color-mode=light] .summary-offer-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}:root[data-color-mode=light] .summary-offer-card{border-top-color:#0d94881f}:root[data-color-mode=light] .ds-bottom-nav--konfigurator .ds-bottom-nav-step{background:#fff6;color:#1f2937}:root[data-color-mode=light] .ds-bottom-nav--konfigurator .ds-bottom-nav-step:hover:not(.active){background:#fff9}:root[data-color-mode=light] .ds-bottom-nav--konfigurator .ds-bottom-nav-step.active{background:#ffffffe6;color:#065f46}:root[data-color-mode=light] .ds-bottom-nav--konfigurator .bottom-nav-price-block .price-value{color:#1f2937}:root[data-color-mode=light] .ds-bottom-nav--konfigurator .bottom-nav-price-block .price-label,:root[data-color-mode=light] .ds-bottom-nav--konfigurator .bottom-nav-price-block .price-tax{color:#1f2937b3}:root[data-color-mode=light] .option-info-tooltip{background:#fffffff2;border-color:#0d948833;color:#1f2937;box-shadow:0 4px 16px #0000001f}:root[data-color-mode=light] .option-info-overlay-card{background:#fffffff2;border-color:#0d948826;color:#1f2937;box-shadow:0 8px 32px #00000026}:root[data-color-mode=light] .header-beratungsplatz-label{color:#1f2937}:root[data-color-mode=light] .header-display-status.offline{color:#9ca3af}:root[data-color-mode=light] .header-beratungsplatz-select{border-color:#0d94884d;background:#fff9;color:#1f2937}