@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:var(--color-white);display:flex;justify-content:center;align-items:center;transition:opacity .4s ease}.loading-screen--hidden{opacity:0;pointer-events:none}.loading-screen img{height:80px;width:auto;animation:loading-spin 2s linear infinite}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading-screen img{animation:none}}.maintenance-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-white);text-align:center;padding:var(--space-40) var(--space-20)}.maintenance-icon{height:72px;width:auto;margin-bottom:var(--space-20)}.maintenance-headline{margin:0 0 var(--space-16)}.maintenance-body{font-size:15px;font-weight:500;color:var(--color-muted);line-height:1.7;max-width:420px;margin:0}.maintenance-body a{color:var(--color-text);text-decoration:underline;font-size:inherit;font-weight:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);height:40px;border-radius:var(--radius-button);border:2px solid transparent;font-family:var(--font-sans);font-size:15px;font-weight:600;line-height:normal;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .1s ease}.btn--hug{padding:0 var(--space-20)}.btn--fill{width:100%}.btn--primary{background:var(--color-black);color:var(--color-white)}.btn--primary:hover:not(:disabled){background:var(--color-dark-black)}.btn--secondary{background:transparent;color:var(--color-black);border-color:var(--color-black)}.btn--secondary:hover:not(:disabled){background:var(--color-black);color:var(--color-white)}.btn--disabled{background:transparent;color:var(--color-dark-gray);border-color:var(--color-dark-gray)}.btn--outline{background:var(--color-white);color:var(--color-text);border-color:var(--color-border)}.btn--outline:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-ring)}.btn--ghost{background:transparent;color:var(--color-text)}.btn--ghost:hover:not(:disabled){background:var(--color-hover)}.btn--destructive{background:var(--color-danger);color:var(--color-white)}.btn--destructive:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger) 88%,black)}.btn--link{height:auto;padding:0;background:transparent;color:var(--color-text);border-radius:0}.btn--link:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}.btn--sm{height:32px;font-size:14px}.btn--sm.btn--hug{padding:0 var(--space-12)}.btn--xs{height:30px;font-size:14px}.btn--xs.btn--hug{padding:0 var(--space-12)}.btn--lg{height:44px}.btn--lg.btn--hug{padding:0 var(--space-40)}.btn.btn--icon{width:40px;height:40px;padding:0}.btn--icon.btn--sm{width:32px;height:32px}.btn--icon.btn--xs{width:30px;height:30px}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn:active:not(:disabled){opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--disabled:disabled{opacity:1}.btn[aria-disabled=true]{pointer-events:none;cursor:not-allowed}.btn svg{width:16px;height:16px;flex-shrink:0}.fade-in{opacity:0;transform:translateY(var(--space-20));transition:opacity .7s ease,transform .7s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.marketing-nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:var(--space-20);pointer-events:none}.nav-icon-wrap{position:relative;display:inline-block;height:36px;pointer-events:auto}.nav-icon-wrap img{height:36px;width:auto}.nav-icon-white{position:absolute;top:0;right:0;bottom:0;left:0;filter:brightness(0) invert(1);opacity:0;pointer-events:none}.earth-scroll-zone{height:360vh;position:relative}.earth-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.earth-white-base{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-white);z-index:0}.earth-dark-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-dark-black);z-index:1;pointer-events:none}.earth-img{position:absolute;left:-46vmin;top:calc(100vh - 46vmin);width:92vmin;height:92vmin;border-radius:50%;z-index:2;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.earth-content-inner{position:absolute;top:0;left:0;right:0;z-index:10;will-change:transform}.hero-inner{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-40) var(--space-20)}.hero-eyebrow{font-size:15px;font-weight:500;color:var(--color-muted);margin:0 0 var(--space-20)}.hero-h1{font-size:clamp(32px,6vw,48px);line-height:1.08;margin:0 0 var(--space-20);max-width:560px}.hero-bee{display:inline-block;height:1.75em;width:auto;vertical-align:middle;-o-object-fit:contain;object-fit:contain;margin:calc((1.08em - 1.75em) / 2) 2px;position:relative;top:-.275em}.hero-body{font-size:16px;font-weight:500;color:var(--color-text);max-width:400px;line-height:1.5;margin:0 0 var(--space-20)}.hero-btns{display:flex;gap:var(--space-12);align-items:center;justify-content:center;flex-wrap:wrap}.earth-text{height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding:0 var(--space-20)}.earth-h2{font-size:clamp(32px,6vw,52px);color:var(--color-white);line-height:1.08;margin:0 0 var(--space-12)}.earth-p{font-size:16px;font-weight:500;color:#fff9;max-width:400px;line-height:1.6;margin:0}.showcase-scroll-zone{position:relative}.showcase-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.showcase-inner{will-change:transform}.marketing-showcase{background:var(--color-white);position:relative;padding:var(--space-20) 0 0;overflow:hidden}.showcase-content{text-align:center;padding:var(--space-60) var(--space-20) var(--space-40);max-width:520px;margin:0 auto}.showcase-eyebrow{font-size:15px;font-weight:500;color:var(--color-muted);margin:0 0 var(--space-16)}.showcase-headline{font-size:clamp(32px,6vw,48px);line-height:1.08;margin:0 0 var(--space-20)}.showcase-body{font-size:16px;font-weight:500;color:var(--color-text);line-height:1.6;max-width:380px;margin:0 auto}.phone-wrap{display:flex;justify-content:center;padding:var(--space-40) var(--space-20) var(--space-80)}.phone-mockup{position:relative;width:100%;max-width:420px;aspect-ratio:271 / 550;border-radius:var(--radius-button);overflow:hidden}.phone-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;padding:9px 13px;border-radius:10%}.phone-frame-overlay{position:absolute;top:0;left:0;right:0;width:100%;height:auto;pointer-events:none;z-index:2}.marketing-footer{background:var(--color-dark-black)}.marketing-footer-rundung{background:var(--color-white);height:var(--space-20);border-radius:0 0 var(--radius-card) var(--radius-card)}.marketing-footer-inhalt{color:var(--color-white);padding:var(--space-40)}.marketing-footer-col{margin:0 0 var(--space-40)}.marketing-footer-col h3{color:var(--color-white)}.marketing-footer-col>p,.marketing-footer-col>div{margin-top:var(--space-12);line-height:1.6}.marketing-footer-col p{font-size:15px;font-weight:500;color:#ffffffb3}.marketing-footer-col a{font-size:15px;font-weight:500;color:var(--color-white)}.marketing-footer-col a:hover{text-decoration:underline}.marketing-footer-linkedin{display:inline-block}.marketing-footer-linkedin img{height:var(--icon-size);width:auto;filter:brightness(0) invert(1);opacity:.6}.marketing-footer-linkedin img:hover{opacity:1}@media (min-width: 768px){.marketing-nav{padding:var(--space-20) var(--space-40)}.hero-inner{padding:var(--space-40)}.hero-body{max-width:460px}.earth-text{padding:0 var(--space-40)}.showcase-content{padding:var(--space-80) var(--space-40) var(--space-60)}.marketing-footer-inhalt{padding:var(--space-60) var(--space-40)}}@media (min-width: 1024px){.marketing-nav{padding:var(--space-40) var(--space-60)}.hero-inner{padding:var(--space-60)}.hero-body{max-width:480px}.earth-text{justify-content:center;padding:0;padding-left:max(var(--space-60),calc((100vw - 1120px)/2));padding-right:50%}.earth-h2{max-width:clamp(320px,30vw,460px)}.earth-p{max-width:440px}.marketing-showcase{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-80);padding:var(--space-80) var(--space-60);min-height:100vh}.marketing-showcase>.fade-in{flex:0 1 480px}.showcase-content{text-align:left;padding:0;margin:0;max-width:none}.showcase-eyebrow{margin:0 0 var(--space-20)}.showcase-body{text-align:left;margin:0;max-width:460px}.phone-wrap{flex:0 0 380px;padding:0}.phone-mockup{max-width:100%}.marketing-footer-inhalt{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-60);padding:var(--space-80) var(--space-60);position:relative}.marketing-footer-col{margin:0}.marketing-footer-linkedin{position:absolute;bottom:var(--space-40);right:var(--space-60)}}.hero-section{position:relative;min-height:100svh;overflow:hidden;background-color:var(--color-dark-black)}.hero-media{position:absolute;max-width:none;transition:opacity .5s ease;will-change:transform}.hero-gradient{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(8,8,8,.88) 0%,transparent 100%);pointer-events:none;z-index:1}.hero-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-40);z-index:2;white-space:nowrap}.hero-safe-frame{pointer-events:none;flex-shrink:0}.hero-stats{display:flex;align-items:flex-end;justify-content:center;color:var(--color-white)}.hero-stat{display:flex;flex-direction:column;gap:var(--space-8);align-items:center;min-width:120px}.hero-stat:first-child{text-align:right}.hero-stat:last-child{text-align:left}.hero-stat-value{font-size:32px;font-weight:600;line-height:normal;font-variant-numeric:tabular-nums}.hero-stat-label{font-size:15px;font-weight:500;opacity:.9;text-transform:capitalize}.hero-stat-divider{width:1px;height:40px;background:#fff9;margin:0 var(--space-20) 2px var(--space-20)}.field{display:flex;flex-direction:column;gap:var(--space-8)}.field[data-orientation=horizontal]{flex-direction:row;align-items:center;gap:var(--space-8)}.field[data-orientation=horizontal]>.field__label{flex:auto}.field[data-orientation=horizontal]>.field__content{flex:1}.field[data-orientation=horizontal]:has(>.field__content){align-items:flex-start}.field__content{display:flex;flex-direction:column;gap:2px}.field__label{font-size:14px;font-weight:600;color:var(--color-text)}.field__description{font-size:14px;font-weight:500;line-height:1.4;color:var(--color-muted)}.field__error{display:flex;align-items:center;gap:var(--space-4);font-size:14px;font-weight:500;line-height:1.4;color:var(--color-danger)}.field__error-icon{width:16px;height:16px;flex-shrink:0;stroke-width:2.5}.field__title{font-size:14px;font-weight:600;color:var(--color-text)}.field__label:has(>.field){display:block;width:100%;cursor:pointer}.field__label>.field{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-16);background:var(--color-white);transition:border-color .15s ease,background-color .15s ease}.field__label>.field:has([data-state=checked]){border-color:var(--color-black);background:var(--color-light-gray)}.field-group.field-group{display:flex;width:100%;flex-direction:column;gap:var(--space-20)}.field-set.field-set{display:flex;flex-direction:column;gap:var(--space-20)}.field-legend+.field__description{margin-top:calc(-1 * var(--space-16))}.field-legend{padding:0;font-size:16px;font-weight:600;color:var(--color-text)}.field-legend[data-variant=label]{font-size:14px}.field-separator{display:flex;align-items:center;gap:var(--space-12);margin-block:calc(-1 * var(--space-4));color:var(--color-muted);font-size:14px}.field-separator:before{content:"";flex:1;height:1px;background:var(--color-border)}.field-separator[data-content=true]:after{content:"";flex:1;height:1px;background:var(--color-border)}.password-input{position:relative;display:block;width:100%}.password-input .control{padding-right:48px}.password-input__toggle{position:absolute;top:50%;right:var(--space-16);transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;color:var(--color-muted);border-radius:var(--radius-pill);transition:color .15s ease}.password-input__toggle svg{width:20px;height:20px}.password-input__toggle:hover:not(:disabled){color:var(--color-text)}.password-input__toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.password-input__toggle:disabled{opacity:.55;cursor:not-allowed}.number-input{position:relative;display:block;width:100%}.number-input .control{padding-right:80px}.number-input__step{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--color-muted);border-radius:var(--radius-pill);transition:color .15s ease,background-color .15s ease}.number-input__step--minus{right:40px}.number-input__step--plus{right:var(--space-8)}.number-input__step svg{width:18px;height:18px}.number-input__step:hover:not(:disabled){color:var(--color-text);background-color:#2222220f}.number-input__step:focus-visible{outline:none;box-shadow:var(--focus-ring)}.number-input__step:disabled{opacity:.4;cursor:not-allowed}.switch{position:relative;display:inline-flex;align-items:center;flex:none;width:36px;height:20px;padding:2px;border:none;border-radius:var(--radius-pill);background:var(--color-light-gray);cursor:pointer;transition:background-color .2s ease}.switch[data-state=checked]{background:var(--color-black)}.switch:disabled{opacity:.5;cursor:not-allowed}.switch__thumb{width:16px;height:16px;border-radius:50%;background:var(--color-white);box-shadow:0 1px 2px #08080833;transition:transform .2s ease}.switch[data-state=checked] .switch__thumb{transform:translate(16px)}.image-field__row{display:flex;align-items:center;gap:var(--space-8)}.image-field__row .control{flex:1;min-width:0}.image-field__preview{height:48px;width:auto;max-width:160px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-md)}.safebox__stage{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md)}.safebox__stage--disabled{pointer-events:none;opacity:.55}.safebox__media{display:block;width:100%;height:auto}.safebox__rect{position:absolute;border:2px solid var(--color-accent);box-shadow:0 0 0 9999px #08080873;cursor:move;touch-action:none}.safebox__handle{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--color-white);border:1px solid var(--color-ring);touch-action:none}.safebox__handle--nw{top:-7px;left:-7px;cursor:nwse-resize}.safebox__handle--ne{top:-7px;right:-7px;cursor:nesw-resize}.safebox__handle--sw{bottom:-7px;left:-7px;cursor:nesw-resize}.safebox__handle--se{bottom:-7px;right:-7px;cursor:nwse-resize}.safebox__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.safebox__footer .card-text{font-variant-numeric:tabular-nums}.story-section{position:relative;padding:var(--space-60) var(--space-20);background-color:var(--color-white);display:flex;flex-direction:column;gap:var(--space-20)}.story-section:before{content:"";position:absolute;inset:-60px 0 auto 0;height:60px;background:linear-gradient(to bottom,transparent,var(--color-white));pointer-events:none}.story-headline{max-width:820px;margin:0;font-size:32px;font-weight:800;letter-spacing:-.01em;line-height:normal;color:var(--color-heading)}.story-customer-logo{display:inline-block;height:1.2em;height:1lh;width:auto;-o-object-fit:contain;object-fit:contain;vertical-align:bottom;margin:0 .25em}.story-text{max-width:640px;margin:0;font-size:16px;font-weight:500;line-height:1.5;color:var(--color-text)}.story-section .reveal{opacity:0;transform:translateY(24px);transition:opacity .56s cubic-bezier(.16,1,.3,1),transform .56s cubic-bezier(.16,1,.3,1)}.story-section .reveal.revealed{opacity:1;transform:translateY(0)}.story-section .story-headline.reveal{transition-delay:.1s}.story-section .story-text.reveal{transition-delay:.25s}@media (prefers-reduced-motion: reduce){.story-section .reveal{opacity:1;transform:none;transition:none}}@media (min-width: 768px){.story-section{padding:var(--space-80) var(--space-40)}}.badge{display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:none;gap:var(--space-4);height:20px;padding:2px var(--space-8);border-radius:var(--radius-pill);line-height:16px;white-space:nowrap}.badge svg{width:14px;height:14px;flex-shrink:0}.badge[data-variant=default]{background:var(--color-black);color:var(--color-white)}.badge[data-variant=secondary]{background:var(--color-light-gray);color:var(--color-text)}.badge[data-variant=destructive]{background:color-mix(in srgb,var(--color-danger) 15%,white);color:var(--color-danger)}.badge[data-variant=outline]{color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border)}.badge[data-variant=ghost]{color:var(--color-text)}.hive-selector-container{width:100%;display:flex;justify-content:center;position:relative}.hive-selector-overlay{position:fixed;top:var(--origin-y, 50%);left:var(--origin-x, 50%);width:300vmax;height:300vmax;background:radial-gradient(circle at center,var(--color-black) 0%,var(--color-dark-black) 75%);border-radius:50%;transform:translate(-50%,-50%) scale(0);z-index:40;pointer-events:none;will-change:transform;transition:transform .54s cubic-bezier(.55,0,.7,0)}.hive-selector-overlay.open{transform:translate(-50%,-50%) scale(1);pointer-events:auto;transition:transform .72s cubic-bezier(.33,1,.68,1)}.hive-selector-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(251,186,0,.08) 0%,rgba(251,186,0,.025) 6%,transparent 14%);border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .35s ease}.hive-selector-overlay.open:before{opacity:1;transition:opacity .6s ease .32s}.hive-selector-inner{position:relative;display:inline-flex;align-items:flex-start}.hive-selector{position:relative;z-index:50}.hive-selector ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;align-items:center;width:-moz-fit-content;width:fit-content}.hive-selector ul.ausgewaehlt{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-card);transition:transform .35s cubic-bezier(.16,1,.3,1);will-change:transform}.hive-selector ul.ausgewaehlt:hover{transform:translateY(-2px)}.hive-selector ul.ausgewaehlt:active{transform:scale(.97);transition-duration:.1s}.hive-selector ul.ausgewaehlt:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.hive-selector ul:not(.ausgewaehlt){position:absolute;top:100%;left:50%;transform:translate(-50%);pointer-events:none}.hive-selector ul li{display:inline-flex;align-items:center;cursor:pointer;width:-moz-fit-content;width:fit-content;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hive-selector ul:not(.ausgewaehlt) li{padding-top:var(--space-20);opacity:0;transform:translateY(-14px) scale(.92);filter:blur(2px);transition:opacity .22s cubic-bezier(.55,0,.85,0),transform .26s cubic-bezier(.55,0,.85,0),filter .24s ease-in;transition-delay:0ms;will-change:opacity,transform,filter}.hive-selector.open ul:not(.ausgewaehlt) li{opacity:1;pointer-events:initial;transform:translateY(0) scale(1);filter:blur(0);transition:opacity .58s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.5,1.35,.55,1),filter .48s cubic-bezier(.16,1,.3,1)}.hive-selector.open ul:not(.ausgewaehlt) li:nth-child(1){transition-delay:.16s}.hive-selector.open ul:not(.ausgewaehlt) li:nth-child(2){transition-delay:.24s}.hive-selector.open ul:not(.ausgewaehlt) li:nth-child(3){transition-delay:.32s}.hive-selector.open ul:not(.ausgewaehlt) li:nth-child(4){transition-delay:.4s}.hive-selector.open ul:not(.ausgewaehlt) li:nth-child(5){transition-delay:.48s}.hive-selector.open ul:not(.ausgewaehlt) li:nth-child(6){transition-delay:.56s}.hive-selector.open ul:not(.ausgewaehlt) li:hover{transform:translateY(-3px) scale(1.05);transition:transform .28s cubic-bezier(.16,1,.3,1);transition-delay:0ms}.hive-selector.open ul:not(.ausgewaehlt) li:active{transform:scale(.97);transition-duration:.1s}.hive-selector ul li img{height:40px;width:auto;transition:transform .4s cubic-bezier(.5,1.35,.55,1)}.hive-selector ul.ausgewaehlt:hover li img,.hive-selector.open ul:not(.ausgewaehlt) li:hover img{transform:rotate(-8deg) scale(1.06)}.hive-selector ul li span{padding-left:var(--space-12);font-size:32px;font-weight:800;letter-spacing:-.01em;line-height:normal;color:var(--color-dark-black);white-space:nowrap;transition:color .2s cubic-bezier(.4,0,.2,1)}.hive-selector.open ul li span{color:var(--color-white);transition:color .28s cubic-bezier(.4,0,.2,1) 0ms}.hive-hint{position:absolute;left:calc(100% + var(--space-20));top:var(--space-12);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);pointer-events:none;z-index:50}.hive-hint span{font-size:15px;font-weight:500;font-style:italic;color:var(--color-muted);line-height:1.4;white-space:nowrap}.hive-hint svg{color:var(--color-muted);margin-left:var(--space-4)}@media only screen and (max-width: 720px){.hive-hint{display:none}}@media (prefers-reduced-motion: reduce){.hive-selector-overlay,.hive-selector-overlay:before,.hive-selector ul.ausgewaehlt,.hive-selector ul:not(.ausgewaehlt) li,.hive-selector.open ul:not(.ausgewaehlt) li,.hive-selector ul li img,.hive-selector ul li span{transition-duration:.2s;animation:none}.hive-selector ul:not(.ausgewaehlt) li{filter:none}}.skeleton{background:var(--color-light-gray);border-radius:var(--radius-sm);animation:skeleton-pulse 1.6s cubic-bezier(.4,0,.6,1) infinite}@keyframes skeleton-pulse{50%{opacity:.5}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.chart-container,.chart-loading{margin:var(--space-20);width:calc(100% - var(--space-40));height:500px}.chart-loading{border-radius:var(--radius-card)}.chart-tabs{display:flex;gap:var(--space-8);padding:0 var(--space-20)}.chart-tab{flex:1}.chart-tab-skeleton{flex:1;height:40px;border-radius:var(--radius-button)}@media only screen and (max-width: 1280px){.chart-container,.chart-loading{margin:var(--space-16) var(--space-8);width:calc(100% - var(--space-16));height:400px}}@media only screen and (max-width: 720px){.chart-container,.chart-loading{height:300px}}.sensor-bar-container{margin:0 0 var(--space-20) 0}.sensor-bar-wrapper{display:flex;align-items:center;cursor:pointer}.sensor-bar-fill{height:80px;width:0;border-radius:0 var(--radius-pill) var(--radius-pill) 0;background-color:var(--color-light-gray);transition:width .5s ease}.sensor-bar-value,.sensor-bar-label{font-size:32px;font-weight:600}.sensor-bar-value{text-align:right;width:200px;margin-left:-230px;font-weight:800;color:var(--color-heading)}.sensor-bar-label{margin-left:var(--space-60);color:var(--color-muted)}.sensor-bar-label.responsive{display:none}.sensor-bar-chart{overflow:hidden;height:0;transition:height .1s ease-in}.sensor-bar-chart.open{height:585px}@media only screen and (max-width: 1280px){.sensor-bar-container{margin:0 0 var(--space-16) 0}.sensor-bar-fill{height:60px}.sensor-bar-value{font-size:32px}.sensor-bar-label:not(.responsive){display:none}.sensor-bar-label.responsive{display:block;margin:var(--space-4) 0 0 var(--space-8);font-size:16px}.sensor-bar-chart.open{height:485px}}@media only screen and (max-width: 720px){.sensor-bar-chart.open{height:385px}}@media (max-width: 500px){.sensor-bar-chart.open{height:425px}}.dashboard-section{padding:var(--space-60) 0 var(--space-80);background-color:var(--color-white)}.dashboard-header{padding:0 var(--space-20) var(--space-40)}.single-hive{display:flex;align-items:center;justify-content:center;gap:var(--space-12)}.single-hive img{height:40px;width:auto}.single-hive span{font-size:32px;font-weight:800;letter-spacing:-.01em;color:var(--color-heading);white-space:nowrap}.sensor-grid{width:100%;padding:0 var(--space-20)}@media (min-width: 768px){.dashboard-header{padding:0 var(--space-40) var(--space-60)}.sensor-grid{padding:0 var(--space-40)}}.checkbox{display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;padding:0;border:1px solid var(--color-ring);border-radius:5px;background:var(--color-white);color:var(--color-white);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.checkbox[data-state=checked]{background:var(--color-black);border-color:var(--color-black)}.checkbox:disabled{opacity:.5;cursor:not-allowed}.checkbox__check{width:12px;height:12px}.bee-ai-section{padding:var(--space-60) var(--space-20);background-color:var(--color-white);display:flex;flex-direction:column;gap:var(--space-20)}.bee-ai-headline{max-width:820px;margin:0;font-size:32px;font-weight:800;letter-spacing:-.01em;color:var(--color-heading)}.bee-ai-stage{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-16);max-width:720px}.bee-ai-bee{width:110px;height:auto;animation:bee-ai-float 4s ease-in-out infinite}.bee-ai-bee--thinking{animation:bee-ai-float 1.4s ease-in-out infinite}@keyframes bee-ai-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bee-ai-bubble{position:relative;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-16) var(--space-20);min-height:56px;display:flex;flex-direction:column;justify-content:center;gap:var(--space-4)}.bee-ai-bubble:after{content:"";position:absolute;top:-8px;left:44px;width:15px;height:15px;background-color:inherit;border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);transform:rotate(45deg)}.bee-ai-text{margin:0;font-size:16px;font-weight:500;line-height:1.5;color:var(--color-text);animation:bee-ai-fade .48s cubic-bezier(.16,1,.3,1)}@keyframes bee-ai-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bee-ai-stand{margin:0;font-size:12px;color:var(--color-muted)}.bee-ai-dots{display:inline-flex;gap:6px;padding:var(--space-4) 0}.bee-ai-dots span{width:8px;height:8px;border-radius:var(--radius-pill);background-color:var(--color-decor-gray);animation:bee-ai-pulse 1.2s ease-in-out infinite}.bee-ai-dots span:nth-child(2){animation-delay:.15s}.bee-ai-dots span:nth-child(3){animation-delay:.3s}@keyframes bee-ai-pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.bee-ai-bee,.bee-ai-bee--thinking,.bee-ai-dots span,.bee-ai-text{animation:none}}@media (min-width: 768px){.bee-ai-section{padding:var(--space-80) var(--space-40)}.bee-ai-stage{flex-direction:row;align-items:flex-end}.bee-ai-bee{width:140px}.bee-ai-bubble:after{top:auto;bottom:28px;left:-8px;border-top:none;border-bottom:1px solid var(--color-border)}}.bee-ai-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.customer-page{background:var(--color-white)}.legal-page{max-width:800px;margin:0 auto;padding:var(--space-60) var(--space-20)}.legal-page h2{margin-bottom:var(--space-40)}.legal-page p,.legal-page ul{font-size:15px;font-weight:500;line-height:1.7;color:var(--color-text)}.back-link{display:inline-block;margin-bottom:var(--space-40);font-size:15px;color:var(--color-muted)}.back-link:hover{text-decoration:underline}@media (min-width: 768px){.legal-page{padding:var(--space-80) var(--space-40)}}.not-found-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-white);text-align:center;padding:var(--space-40) var(--space-20)}.not-found-icon{height:72px;width:auto;margin-bottom:var(--space-20)}.not-found-headline{margin:0 0 var(--space-16)}.not-found-body{font-size:15px;font-weight:500;color:var(--color-muted);line-height:1.7;max-width:420px;margin:0}.not-found-body a{color:var(--color-text);text-decoration:underline;font-size:inherit;font-weight:inherit}.auth-page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-60) var(--space-20) var(--space-40);background:var(--color-white)}.auth-back{position:absolute;top:var(--space-20);left:var(--space-20);display:inline-flex;color:var(--color-text)}.auth-back svg{width:28px;height:28px}.auth-logo{height:40px;margin-bottom:var(--space-40)}.auth-title{margin-bottom:var(--space-40);text-align:center}.auth-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--space-16)}.auth-alert{padding:var(--space-12) var(--space-16);border-radius:var(--radius-card);background:#ff6b7626;color:var(--color-text);font-size:15px;font-weight:500}.auth-note{font-size:15px;font-weight:500;color:var(--color-muted)}.auth-link{align-self:center;margin-top:var(--space-4);font-size:15px;font-weight:500;color:var(--color-muted)}.auth-link:hover{color:var(--color-text);text-decoration:underline}.breadcrumb__list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-8)}.breadcrumb__row{display:flex;align-items:center;gap:var(--space-8)}.breadcrumb__item--current,.breadcrumb__link:hover .breadcrumb__item{color:var(--color-text)}.breadcrumb__separator{width:16px;height:16px;flex-shrink:0;color:var(--color-muted)}.page-header__title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-12)}.page-header__title-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12)}.plain-card{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-20);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-xs)}.plain-card>div{display:flex;gap:6px}.card-col{display:flex;flex-direction:column;gap:6px}.card-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}.card-text.card-text{color:var(--color-muted);font-weight:400}.psk-bone{display:block;border-radius:var(--radius-sm);border-block:0 solid transparent;background:linear-gradient(90deg,var(--color-light-gray) 25%,var(--color-decor-gray) 40%,var(--color-light-gray) 55%);background-size:400% 100%;background-clip:padding-box;animation:psk-shimmer 1.4s ease-in-out infinite}@keyframes psk-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.psk-bone{animation:none;background:var(--color-light-gray);background-clip:padding-box}}.psk-eyebrow{width:96px;height:21px;border-block-width:4px}.psk-title{width:240px;height:40px;border-block-width:6px;border-radius:var(--radius-md)}.psk-meta{width:min(320px,60%);height:19px;border-block-width:3px}.psk-dot{width:8px;height:8px;border-radius:50%;flex:none}.psk-label{width:72px;height:18px;border-block-width:3px}.psk-count{width:56px;height:40px;border-block-width:5px;border-radius:var(--radius-md)}.psk-card-title{width:140px;height:21px;border-block-width:3px}.psk-rows{gap:0}.psk-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding-block:var(--space-12);border-bottom:1px solid var(--color-border)}.psk-row:last-child{border-bottom:none;padding-bottom:0}.psk-row:first-child{padding-top:0}.psk-row-label{height:18px;border-block-width:3px}.psk-row-value{width:64px;height:18px;border-block-width:3px;flex:none}.psk-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.status-card{cursor:pointer;transition:border-color .15s ease}.status-card:hover{border-color:var(--color-ring)}.status-card--active.status-card--active{border-color:var(--color-black)}@media (prefers-reduced-motion: reduce){.status-card{transition:none}}.transmission{display:inline-flex;align-items:center;gap:var(--space-8)}.transmission__text{font-size:14px;font-weight:400;line-height:normal;color:var(--color-muted)}.customer-group__public{display:inline-flex;align-items:center;gap:var(--space-4);margin-left:auto;white-space:nowrap}.customer-group__public svg{width:16px;height:16px;flex-shrink:0}a.customer-group__public:hover{color:var(--color-text)}.customer-group>.customer-group__rows{display:flex;flex-direction:column;gap:0}.hive-row{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12) var(--space-8);border-radius:var(--radius-sm);transition:background-color .12s ease}.hive-row:hover{background:var(--color-hover)}.hive-row+.hive-row{border-top:1px solid var(--color-border)}.hive-row__id{display:inline-flex;align-items:center;gap:var(--space-8);min-width:0}.hive-row__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hive-row__state{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);min-width:0}.hive-row__readings{display:inline-flex;align-items:center;gap:var(--space-16)}.hive-row__reading{display:inline-flex;align-items:baseline;gap:var(--space-4);white-space:nowrap}.sensor-chip{display:inline-flex;align-items:center;height:20px;padding:2px var(--space-8);border-radius:var(--radius-pill);font-size:12px;font-weight:600;line-height:16px;white-space:nowrap}.sensor-chip--critical{background:color-mix(in srgb,var(--color-danger) 15%,white);color:var(--color-danger)}.sensor-chip--warning{background:var(--color-accent-soft);color:color-mix(in srgb,var(--color-yellow) 40%,var(--color-black))}@media (min-width: 640px){.hive-row{display:grid;grid-template-columns:minmax(150px,220px) 1fr auto;align-items:center;gap:var(--space-12)}.hive-row__readings{justify-content:flex-end}.hive-row__reading{justify-content:flex-end;min-width:88px}}@media (prefers-reduced-motion: reduce){.hive-row{transition:none}}.uebersicht-scope{display:inline-flex;align-items:center;gap:var(--space-8)}.uebersicht-scope label{cursor:pointer}.tech-status{display:flex;flex-direction:column;gap:var(--space-8)}.tech-status__row{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 768px){.tech-status__row{flex-direction:row;gap:var(--space-16)}.tech-status__row dt{width:224px;flex-shrink:0}}.open-issue{display:flex;gap:var(--space-8);padding:var(--space-12);background:var(--color-light-gray);border-radius:var(--radius-md)}.open-issue>.dot{margin-top:6px}.data-table{width:100%;overflow-x:auto;border-radius:var(--radius-card)}.data-table__table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;line-height:normal}.data-table__caption{padding:var(--space-8) var(--space-16);font-size:14px;font-weight:500;color:var(--color-muted);text-align:left}.data-table__th{padding:var(--space-8);font-weight:600;color:var(--color-heading);text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border)}.data-table__td{padding:var(--space-8);font-weight:500;color:var(--color-text);text-align:left;border-bottom:1px solid var(--color-border);transition:background-color .25s ease}.data-table__th[data-align=right],.data-table__td[data-align=right]{text-align:right}.data-table__th[data-align=center],.data-table__td[data-align=center]{text-align:center}.data-table__td[data-bold=true]{font-weight:700;color:var(--color-heading)}.data-table__tr:hover .data-table__td{background:color-mix(in srgb,var(--color-hover) 50%,transparent)}.data-table__footer-row{background:var(--color-light-gray)}.data-table__footer-row .data-table__td{font-weight:600;color:var(--color-heading);border-bottom:none}.readings-grid.readings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-12)}.reading{padding:var(--space-12);background:var(--color-light-gray);border-radius:var(--radius-md)}.reading__value--invalid.reading__value--invalid{color:var(--color-danger)}.reading__value--missing.reading__value--missing{color:var(--color-muted)}.event{display:flex;gap:var(--space-8)}.event>.dot{margin-top:6px}.hive-detail__public{display:inline-flex;align-items:center;gap:var(--space-4)}.hive-detail__public svg{width:16px;height:16px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#08080859;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.dialog{position:relative;width:100%;max-width:440px}.dialog__close{position:absolute;top:var(--space-16);right:var(--space-16);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-muted);cursor:pointer;transition:background-color .12s ease,color .12s ease}.dialog__close:hover{background:var(--color-hover);color:var(--color-text)}.dialog__close svg{width:18px;height:18px}.dialog__actions.dialog__actions{display:flex;gap:var(--space-12)}.dialog__actions .btn{flex:1}@media (max-width: 1024px){.dialog-backdrop{align-items:flex-end}.dialog{max-width:none;width:calc(100% - 24px);margin-bottom:12px}}.select-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.select-menu{position:fixed;z-index:61;margin:0;padding:var(--space-4);list-style:none;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:260px;overflow-y:auto}.select-menu__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);width:100%;padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--color-text);text-align:left;cursor:pointer;transition:background-color .12s ease}.select-menu__item:hover{background:var(--color-hover)}.select-menu__item[aria-selected=true]{background:var(--color-light-gray)}.select-menu__check{width:16px;height:16px;flex-shrink:0;color:var(--color-text)}.member-off{opacity:.6}.member-dialog__delete.member-dialog__delete{color:var(--color-danger)}.assign-groups.assign-groups{display:flex;flex-direction:column;gap:var(--space-12)}.assign-group{display:flex;flex-direction:column;gap:var(--space-8)}.assign-group+.assign-group{border-top:1px solid var(--color-border);padding-top:var(--space-12)}.assign-chip{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8) var(--space-4) var(--space-12);background:var(--color-light-gray);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.assign-chip__remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border-radius:var(--radius-pill);color:var(--color-muted);transition:color .12s ease,background-color .12s ease}.assign-chip__remove:hover{color:var(--color-danger);background:var(--color-hover)}.assign-chip__remove svg{width:12px;height:12px}.assign-select.assign-select{max-width:260px}.assign-pool.assign-pool{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-12);background:var(--color-accent-soft);border-radius:var(--radius-md)}.assign-pool__hint{color:color-mix(in srgb,var(--color-yellow) 40%,var(--color-black));font-weight:500}.assign-pool__row{display:flex;flex-direction:column;gap:var(--space-8)}@media (min-width: 640px){.assign-pool__row{flex-direction:row;align-items:center;justify-content:space-between}}.kunden-actions{display:inline-flex;align-items:center;gap:var(--space-8)}.section-card__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-12)}.section-card__controls{display:flex;align-items:center;gap:var(--space-8)}.section-off{opacity:.6}.section-card__delete.section-card__delete{color:var(--color-danger)}.section-card__footer{display:flex;justify-content:flex-end;gap:var(--space-8)}.section-picker.section-picker{gap:var(--space-8)}.section-picker__row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white);text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.section-picker__row:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-ring)}.section-picker__row:disabled{opacity:.6;cursor:not-allowed}.section-picker__title{display:flex;align-items:center;gap:var(--space-8)}.email-count{cursor:pointer;transition:border-color .12s ease}.email-count:hover{border-color:var(--color-muted)}.email-count--active.email-count--active{border-color:var(--color-black)}.email-count__value{font-size:28px;font-weight:700;line-height:40px}.email-status{display:inline-flex;align-items:center;gap:var(--space-8)}.email-actions{display:inline-flex;gap:var(--space-8)}.email-hint{color:color-mix(in srgb,var(--color-yellow) 40%,var(--color-black));font-weight:500}.email-coverage{display:flex;flex-direction:column;gap:var(--space-12)}.email-coverage__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.email-coverage__row+.email-coverage__row{border-top:1px solid var(--color-border);padding-top:var(--space-12)}.email-coverage__main{min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.email-detail__body{margin:0;padding:var(--space-12) var(--space-16);background:var(--color-light-gray);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;max-height:320px;overflow-y:auto;font-family:inherit}.email-detail__meta{gap:var(--space-4)}.beeai-prompt{min-height:260px;line-height:1.5}.beeai-placeholders{gap:var(--space-8)}.beeai-placeholder{display:flex;align-items:baseline;gap:var(--space-8);margin:0}.beeai-actions{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap}.beeai-test-select{max-width:280px}.beeai-result{display:flex;flex-direction:column;gap:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-light-gray);padding:var(--space-16)}.beeai-result__text{margin:0;line-height:1.5}.beeai-details summary{cursor:pointer;color:var(--color-muted)}.beeai-pre{white-space:pre-wrap;margin:var(--space-8) 0 0;padding:var(--space-12);background-color:var(--color-white);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.beeai-live{display:flex;flex-direction:column;gap:var(--space-8)}.beeai-live:empty{display:none}.beeai-status-list{display:flex;flex-direction:column;gap:var(--space-8)}.beeai-status-row{display:flex;align-items:baseline;gap:var(--space-12);flex-wrap:wrap}.beeai-status-name{font-weight:600;min-width:120px}.beeai-status-badges{display:flex;gap:var(--space-8)}.admin-mail__list{display:flex;flex-direction:column;gap:var(--space-12)}.admin-mail__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.admin-mail__row+.admin-mail__row{border-top:1px solid var(--color-border);padding-top:var(--space-12)}.admin-mail__main{min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.admin-mail__line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ui-logo__img{display:block}.ui-logo--icon{width:var(--logo-size, 32px);height:var(--logo-size, 32px)}.ui-logo--icon .ui-logo__img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ui-logo--logo{height:var(--logo-size, 32px)}.ui-logo--logo .ui-logo__img{width:auto;height:100%}.sidebar{position:fixed;inset-block:0;left:0;z-index:40;display:flex;flex-direction:column;width:var(--sidebar-width);height:100dvh;background:var(--color-snow);border-right:1px solid var(--color-decor-gray)}.sidebar__top,.sidebar__bottom{flex-shrink:0}.sidebar__middle{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.sidebar-layout{min-height:100dvh}.sidebar-toggle{position:fixed;top:var(--space-12);left:var(--space-20);z-index:50;display:none;align-items:center;gap:var(--space-8);height:44px;padding:0 var(--space-16);border:none;border-radius:var(--radius-pill);background:var(--color-white);box-shadow:var(--shadow-sm);cursor:pointer;transition:left .3s ease,width .3s ease,padding .3s ease}.sidebar-toggle__icon{position:relative;width:20px;height:14px;flex:none}.sidebar-toggle__icon>span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:var(--color-black);transition:top .25s ease,transform .25s ease,opacity .2s ease}.sidebar-toggle__icon>span:nth-child(1){top:0}.sidebar-toggle__icon>span:nth-child(2){top:6px}.sidebar-toggle__icon>span:nth-child(3){top:12px}.sidebar-toggle[data-open=true] .sidebar-toggle__icon>span:nth-child(1){top:6px;transform:rotate(45deg)}.sidebar-toggle[data-open=true] .sidebar-toggle__icon>span:nth-child(2){opacity:0}.sidebar-toggle[data-open=true] .sidebar-toggle__icon>span:nth-child(3){top:6px;transform:rotate(-45deg)}.sidebar-toggle__bee{overflow:hidden;max-width:28px;opacity:1;transition:max-width .3s ease,opacity .25s ease}.sidebar-toggle[data-open=true] .sidebar-toggle__bee{max-width:0;opacity:0}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:none;background:#08080859;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}@media (max-width: 1024px){:root{--sidebar-open-width: min(var(--sidebar-width), calc(100vw - 64px) )}.sidebar{width:var(--sidebar-open-width);transform:translate(-100%);transition:transform .3s ease}.sidebar[data-open=true]{transform:translate(0)}.sidebar-toggle{display:inline-flex}.sidebar-toggle[data-open=true]{left:calc(var(--sidebar-open-width) + var(--space-12));gap:0;width:44px;padding:0;justify-content:center}.sidebar-backdrop{display:block}.sidebar-backdrop[data-open=true]{opacity:1;visibility:visible}}.sidebar-main{margin-left:var(--sidebar-width);padding:var(--space-40);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-12);align-content:start}.sidebar-main>*{grid-column:1 / -1}.sidebar-main header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-20)}@media (max-width: 1024px){.sidebar-main{margin-left:0;padding:var(--space-20);padding-top:calc(44px + var(--space-12) * 2)}.sidebar-main header{margin-bottom:0}}.avatar{display:inline-flex;align-items:center;gap:var(--space-8);min-width:0;max-width:100%}.avatar__disc{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--avatar-size, 32px);height:var(--avatar-size, 32px);border-radius:50%;background:var(--color-light-gray);color:var(--color-text);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar__initial{font-size:calc(var(--avatar-size, 32px) * .44);font-weight:700;line-height:1}.avatar__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar__text{display:flex;flex-direction:column;min-width:0}.avatar__name{overflow:hidden;font-size:15px;font-weight:600;color:var(--color-heading);line-height:normal;text-overflow:ellipsis;white-space:nowrap}.avatar__email{overflow:hidden;font-size:11px;font-weight:500;color:var(--color-muted);line-height:normal;text-overflow:ellipsis;white-space:nowrap}.app-layout__brand{display:flex;align-items:center;justify-content:center;padding:var(--space-20)}.app-layout__nav{display:flex;flex-direction:column;gap:var(--space-20);padding:var(--space-12)}.app-layout__nav-group{display:flex;flex-direction:column;gap:var(--space-4)}.app-layout__nav-label{padding:0 12px;color:var(--color-muted)}.app-layout__nav-item{display:flex;align-items:center;gap:var(--space-8);padding:6px 12px;border-radius:var(--radius-md);transition:background-color .12s ease,color .12s ease}.app-layout__nav-icon{width:20px;height:20px;flex-shrink:0;color:var(--color-muted)}.app-layout__nav-item:hover{background:var(--color-hover)}.app-layout__nav-item.is-active{background:var(--color-light-gray);color:var(--color-text)}.app-layout__bottom{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-20);border-top:1px solid var(--color-decor-gray)}.stat-card{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-20);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}.stat-card__head{display:flex;align-items:center;gap:var(--space-8)}.stat-card__icon{width:20px;height:20px;flex-shrink:0;color:var(--color-muted)}.stat-card__icon[data-tone=positive]{color:var(--status-ok)}.stat-card__icon[data-tone=negative]{color:var(--color-danger)}.stat-card__label{font-size:15px;font-weight:500;color:var(--color-muted)}.stat-card__value{font-size:32px;font-weight:800;line-height:1.1;letter-spacing:-.01em;color:var(--color-heading)}.radio-group.radio-group{display:flex;flex-direction:column;gap:var(--space-12)}.radio{display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;padding:0;border:1px solid var(--color-ring);border-radius:50%;background:var(--color-white);cursor:pointer;transition:border-color .15s ease}.radio[data-state=checked]{border-color:var(--color-black)}.radio:disabled{opacity:.5;cursor:not-allowed}.radio__dot{width:6px;height:6px;border-radius:50%;background:var(--color-black)}:root{--color-yellow: #fbba00;--color-red: #ff6b76;--color-green: #2e9e5b;--color-dark-black: #080808;--color-black: #222222;--color-snow: #fafafa;--color-white: #ffffff;--color-dark-gray: #8d8d8d;--color-light-gray: #f2f2f2;--color-decor-gray: #ebebeb;--color-text: var(--color-black);--color-heading: var(--color-dark-black);--color-muted: var(--color-dark-gray);--color-bg: var(--color-white);--color-surface: var(--color-light-gray);--color-accent: var(--color-yellow);--color-danger: var(--color-red);--color-border: #e9e9e9;--status-ok: var(--color-green);--status-warn: var(--color-yellow);--status-danger: var(--color-red);--status-offline: var(--color-dark-gray);--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-40: 40px;--space-60: 60px;--space-80: 80px;--radius-button: 20px;--radius-card: 16px;--radius-pill: 999px;--radius-sm: 8px;--radius-md: 10px;--color-ring: #b4b4b4;--focus-ring: 0 0 0 3px rgba(34, 34, 34, .16);--color-hover: rgba(8, 8, 8, .04);--color-accent-soft: rgba(251, 186, 0, .16);--shadow-xs: 0 1px 2px 0 rgba(8, 8, 8, .05);--shadow-sm: 0 1px 2px 0 rgba(8, 8, 8, .05), 0 1px 3px 0 rgba(8, 8, 8, .08);--shadow-lg: 0 16px 40px -12px rgba(8, 8, 8, .26), 0 4px 12px -4px rgba(8, 8, 8, .12);--shadow-card: var(--shadow-sm);--font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--icon-size: 32px;--sidebar-width: 252px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:16px;font-weight:600;line-height:normal;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}h1,h2,.h1{font-size:32px;font-weight:800;line-height:normal;letter-spacing:-.01em;color:var(--color-heading)}h3,h4,h5,h6,.h5{font-size:15px;font-weight:600;line-height:normal;color:var(--color-heading)}p,.text,.text-m{font-size:16px;font-weight:600;line-height:normal;color:var(--color-text)}.text-sm{font-size:14px;font-weight:600;line-height:normal;color:var(--color-text)}.text-xs{font-size:12px;font-weight:600;line-height:normal;color:var(--color-text)}.subline{font-size:15px;font-weight:500;line-height:normal;color:var(--color-muted)}.container{width:100%;max-width:960px;margin-inline:auto;padding-inline:var(--space-20)}.stack{display:flex;flex-direction:column;gap:var(--space-16)}.row{display:flex;align-items:center;gap:var(--space-12)}.muted{color:var(--color-muted)}.text-danger{color:var(--color-danger)}.hidden{display:none}.icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0}.control{width:100%;height:40px;padding:0 var(--space-20);font-size:15px;font-weight:600;color:var(--color-text);background:var(--color-light-gray);border:1px solid transparent;border-radius:var(--radius-pill);outline:none;transition:box-shadow .15s ease,border-color .15s ease,background-color .15s ease}.control::-moz-placeholder{color:var(--color-muted);font-weight:600}.control::placeholder{color:var(--color-muted);font-weight:600}.control:hover:not(:disabled):not(:focus){background:#ededed}.control:focus-visible{border-color:var(--color-ring);box-shadow:var(--focus-ring)}.control[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 3px #ff6b762e}.control:disabled{opacity:.55;cursor:not-allowed}textarea.control{height:auto;min-height:96px;padding:var(--space-12) var(--space-20);border-radius:var(--radius-card);resize:vertical}.control.select{text-align:left;padding-right:var(--space-40);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238d8d8d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right var(--space-16) center}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot--ok{background:var(--status-ok)}.dot--warn{background:var(--status-warn)}.dot--danger{background:var(--status-danger)}.dot--offline{background:var(--status-offline)}