*,*::before,*::after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-family-text);font-size:var(--font-size-sm);color:rgb(var(--colors-neutral-10));background-color:var(--bg-app);-webkit-font-smoothing:antialiased}:not(:defined){visibility:hidden}.status--healthy{color:rgb(var(--colors-green-30))}.status--warning{color:rgb(var(--colors-yellow-30))}.status--critical{color:rgb(var(--colors-red-20))}.badge{display:inline-flex;align-items:center;padding:var(--edge-content-xxs) var(--edge-content-xs);border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-text-medium)}.badge--healthy{background-color:var(--bg-success-subtle);color:rgb(var(--colors-green-30))}.badge--warning{background-color:var(--bg-warning-subtle);color:rgb(var(--colors-yellow-30))}.badge--critical{background-color:var(--bg-error-subtle);color:rgb(var(--colors-red-20))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-micro-3);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-family:var(--font-family-display);font-weight:var(--font-weight-display-medium);font-size:var(--font-size-sm);line-height:var(--line-height-sm);text-align:center;text-decoration:none;white-space:nowrap;position:relative;transition:background-color 120ms ease-out,color 120ms ease-out,border-color 120ms ease-out,box-shadow 120ms ease-out,opacity 120ms ease-out;outline:none}.btn:focus-visible{outline:2px solid var(--border-action-focused);outline-offset:2px;border-radius:10px}.btn:disabled,.btn[disabled]{cursor:default;pointer-events:none;opacity:var(--opacity-light)}.btn--filled{background-color:var(--bg-action);color:var(--color-action-inverted)}.btn--filled:hover:not(:disabled){background-color:var(--bg-action-hovered);color:var(--color-action-inverted-hovered);box-shadow:var(--box-shadow-high)}.btn--filled:active:not(:disabled){background-color:var(--bg-action-pressed);box-shadow:none}.btn--filled:disabled,.btn--filled[disabled]{background-color:var(--bg-action-disabled);color:rgb(var(--colors-neutral-60))}.btn--outlined{background-color:rgba(0,0,0,0);border:2px solid var(--border-action);color:var(--color-action)}.btn--outlined:hover:not(:disabled){background-color:rgba(var(--colors-purple-60), 0.08);color:var(--color-action-hovered);border-color:var(--border-action-hovered)}.btn--outlined:active:not(:disabled){background-color:rgba(var(--colors-purple-60), 0.16);border-color:var(--border-action-pressed);color:var(--color-action-hovered)}.btn--outlined:focus-visible{border-color:var(--border-action-pressed)}.btn--outlined:disabled,.btn--outlined[disabled]{border-color:var(--border-action-disabled);color:rgb(var(--colors-neutral-60))}.btn--plain{background-color:rgba(var(--colors-purple-60), 0.08);color:var(--color-action);border:none}.btn--plain:hover:not(:disabled){background-color:rgba(var(--colors-purple-60), 0.16);color:var(--color-action-hovered)}.btn--plain:active:not(:disabled){background-color:rgba(var(--colors-purple-60), 0.24)}.btn--plain:disabled,.btn--plain[disabled]{background-color:rgba(var(--colors-neutral-90), 0.5);color:rgb(var(--colors-neutral-60))}.btn--text{background-color:rgba(0,0,0,0);color:var(--color-action);border:none}.btn--text:hover:not(:disabled){background-color:rgba(var(--colors-purple-60), 0.08);color:var(--color-action-hovered)}.btn--text:active:not(:disabled){background-color:rgba(var(--colors-purple-60), 0.16)}.btn--text:disabled,.btn--text[disabled]{background-color:rgba(var(--colors-neutral-90), 0.5);color:rgb(var(--colors-neutral-60))}.btn--text-destructive{background-color:rgba(0,0,0,0);color:var(--bg-error);border:none}.btn--text-destructive:hover:not(:disabled){background-color:var(--bg-error-subtle)}.btn--text-destructive:active:not(:disabled){background-color:rgba(var(--colors-red-60), 0.24)}.btn--text-destructive:disabled,.btn--text-destructive[disabled]{color:rgb(var(--colors-neutral-60))}.btn--big{min-height:48px;padding:var(--size-micro-2) var(--size-micro-2)}.btn--big:not(:has(.btn__label)){width:48px;padding:0}.btn--medium{min-height:40px;padding:var(--size-micro-2)}.btn--medium:not(:has(.btn__label)){width:40px;padding:0}.btn--small{min-height:32px;padding:6px var(--size-micro-2)}.btn--small .btn__icon{width:20px;height:20px}.btn--small:not(:has(.btn__label)){width:32px;padding:0}.btn--mini{min-height:24px;padding:var(--size-micro-3) var(--size-micro-2);border-radius:var(--border-radius-pill)}.btn--mini .btn__icon{width:16px;height:16px}.btn--mini:focus-visible{border-radius:var(--border-radius-pill)}.btn--mini:not(:has(.btn__label)){width:24px;padding:0}.btn__content{display:inline-flex;align-items:center;gap:var(--size-micro-3)}.btn__label{padding:0 var(--edge-content-xs);margin:0;display:flex;align-items:center}.btn__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.btn--loading{cursor:wait;pointer-events:none}.btn--loading .btn__content{visibility:hidden}.btn__spinner{display:none;position:absolute;inset:0;align-items:center;justify-content:center;pointer-events:none}.btn--loading .btn__spinner{display:flex}.text-field{display:flex;flex-direction:column;gap:var(--size-micro-3)}.text-field__label{font-family:var(--font-family-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-text-medium);color:rgb(var(--colors-neutral-20))}.text-field wa-input{width:100%}.text-field wa-input::part(label){font-size:var(--font-size-sm);color:rgb(var(--colors-neutral-40))}.text-field wa-input::part(base){background:var(--bg-main);border:var(--border-width-hairline) solid var(--border-main);border-radius:var(--border-radius-sm);box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}.text-field wa-input::part(base):hover{border-color:rgb(var(--colors-neutral-60))}.text-field wa-input::part(input){font-family:var(--font-family-text);font-size:var(--font-size-sm);color:rgb(var(--colors-neutral-10))}.text-field wa-input:focus-within::part(base){border-color:var(--color-action);box-shadow:0 0 0 3px rgba(125,81,209,.15);outline:none}.checkbox{display:inline-flex;align-items:center;gap:var(--size-micro-2);cursor:pointer;user-select:none}.checkbox__label{font-family:var(--font-family-text);font-size:var(--font-size-xs);color:rgb(var(--colors-neutral-40))}.checkbox wa-checkbox{--checked-icon-color: var(--color-action)}.checkbox wa-checkbox::part(label){font-size:var(--font-size-xxs);color:rgb(var(--colors-neutral-40))}
