.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}.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%}.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;pointer-events:auto}.nav-icon-white{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.nav-icon-white .ui-logo__img{filter:brightness(0) invert(1)}.earth-scroll-zone{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:-500px;top:-500px;width:1000px;height:1000px;transform:translate3d(50vw,100vh,0) scale(calc(var(--hero-earth-half, 250px) / 500));will-change:transform;max-width:none;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;padding:var(--header-h, 72px) var(--space-20) var(--hero-earth-half, 250px)}.hero-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);text-align:center}.hero-box .subline{color:#707070}.hero-h1{--line-height: 1.15;line-height:var(--line-height);font-size:min(32px,calc((100vw - 2 * var(--space-20)) / 10.7))}.hero-bee{display:inline-block;height:1.75em;width:auto;vertical-align:middle;-o-object-fit:contain;object-fit:contain;margin:calc((var(--line-height) * 1em - 1.75em) / 2) 2px;position:relative;top:-.275em}.hero-btns{display:flex;gap:var(--space-16);align-items:center;justify-content:center;flex-wrap:wrap}.earth-text{padding:0 var(--space-20) var(--space-60)}.earth-text-box{display:flex;flex-direction:column;gap:var(--space-12);text-align:center;max-width:367px;margin-inline:auto}.earth-text-box .earth-h2{color:var(--color-white)}.earth-p{color:#ffffffb3}.showcase-scroll-zone{position:relative}.showcase-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.showcase-inner{height:100%;will-change:transform}.marketing-showcase{background:var(--color-white);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100%;padding:var(--space-80) 0;overflow:hidden}.marketing-showcase--fits{justify-content:center}@media (max-height: 850px){.marketing-showcase{padding:var(--space-40) 0}}.showcase-content{display:flex;flex-direction:column;gap:var(--space-12);text-align:center;max-width:367px;margin-inline:auto;padding:0 var(--space-20)}.showcase-phone{width:min(72vw,250px);margin:var(--space-40) auto 0}.phone-img{display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.marketing-footer{background:var(--color-dark-black)}.marketing-footer :focus-visible{outline-color:var(--color-white)}.marketing-footer-rundung{background:var(--color-white);height:var(--space-20);border-radius:0 0 var(--radius-card) var(--radius-card)}.marketing-footer-inhalt{display:flex;flex-direction:column;gap:var(--space-20);padding:var(--space-40) var(--space-20);color:var(--color-white)}.marketing-footer-col{display:flex;flex-direction:column;gap:var(--space-12)}.marketing-footer-col h2{color:var(--color-white)}.marketing-footer-col p,.marketing-footer-col a{font-size:16px;font-weight:600;color:var(--color-white)}.marketing-footer-col p,.marketing-footer-col div{line-height:1.6}.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 (max-width: 376px){.hero-btns .btn{flex:1 1 0}}@media (min-width: 377px) and (max-width: 1024px){.hero-box{max-width:520px;gap:var(--space-20)}.hero-box .subline{font-size:16px}.hero-h1{--line-height: 1.12;font-size:min(40px,calc((100vw - 2 * var(--space-20)) / 10.7))}.showcase-phone{width:290px}}@media (min-width: 1025px){.marketing-nav{padding:var(--space-40) var(--space-60)}.hero-box{max-width:600px;gap:var(--space-20)}.hero-box .subline{font-size:16px}.hero-h1{--line-height: 1.05;font-size:56px;max-width:640px}.hero-body{max-width:480px}.showcase-phone{width:320px}}@media (min-width: 1025px){.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-linkedin{position:absolute;bottom:var(--space-40);right:var(--space-60)}}@media (prefers-reduced-motion: reduce){.fade-in{opacity:1;transform:none;transition:none}}.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}.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}}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-12);padding:var(--space-20) var(--space-20) 0}@media (min-width: 1025px){.site-header{padding:var(--space-40) var(--space-60) 0}}.site-header__slot{display:flex;align-items:center;min-width:0}.site-header__slot--left{justify-content:flex-start}.site-header__slot--center{justify-content:center}.site-header__slot--right{justify-content:flex-end}.site-header__back{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:var(--color-text);cursor:pointer}.site-header__back svg{width:32px;height:32px}.site-header__back:hover{color:var(--color-heading)}.site-header__back:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.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}.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}.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)}.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)}.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}}.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)}.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}.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)}.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}.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)}: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,.h1{font-size:32px;font-weight:800;line-height:normal;letter-spacing:-.01em;color:var(--color-heading)}h2,.h2{font-size:27px;font-weight:600;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)}