.ux-app{--ux-background:#f6f7f9;--ux-surface:#fff;--ux-sidebar:#fafafa;--ux-ink:#20242c;--ux-muted:#616975;--ux-subtle:#e9ebef;--ux-line:#dfe2e7;--ux-input:#858d98;--ux-primary:#252b35;--ux-primary-hover:#404957;--ux-primary-text:#fff;--ux-focus:#252b35;--ux-primary-border:#252b35;--ux-success:#315b47;--ux-success-surface:#eaf2ee;--ux-warning:#745221;--ux-warning-surface:#f5efe3;--ux-danger:#a33232;--ux-danger-surface:#faeded;--ux-radius:10px;--ux-space-1:4px;--ux-space-2:8px;--ux-space-3:12px;--ux-space-4:16px;--ux-space-5:24px;--ux-space-6:32px;--ux-space-7:48px}
.ux-app{background:var(--ux-background);min-height:100vh;color:var(--ux-ink);font-family:var(--font-sans), Inter, system-ui, sans-serif;isolation:isolate;font-size:14px;line-height:1.6}.ux-app *,.ux-app :before,.ux-app :after{box-sizing:border-box}.ux-app h1{letter-spacing:-1.1px;font-size:clamp(26px,2.8vw,34px);font-weight:650;line-height:1.2}.ux-app h2{letter-spacing:-.35px;font-size:17px;font-weight:650;line-height:1.4}.ux-app h3{font-size:15px;font-weight:650;line-height:1.45}.ux-app h1,.ux-app h2,.ux-app h3,.ux-app p{margin:0}.ux-app button,.ux-app input,.ux-app select,.ux-app textarea{font:inherit}.ux-app button{cursor:pointer}.ux-app button:disabled{cursor:not-allowed;opacity:.45}.ux-app :focus-visible{outline:2px solid var(--ux-focus);outline-offset:4px}.ux-app button,.ux-app a,.ux-app summary{-webkit-tap-highlight-color:transparent}.ux-app button:active:not(:disabled),.ux-app summary:active{opacity:.8}.ux-app small{font-size:12px}.ux-icon{flex:none}.ux-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.ux-button{border:1px solid var(--ux-line);background:var(--ux-surface);color:var(--ux-ink);white-space:normal;text-align:center;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 15px;font-size:12px;font-weight:550;display:inline-flex}.ux-button:hover:not(:disabled){background:var(--ux-subtle);border-color:var(--ux-input)}.ux-button-primary{background:var(--ux-primary);border-color:var(--ux-primary-border);color:var(--ux-primary-text)!important}.ux-button-primary:hover:not(:disabled){background:var(--ux-primary-hover);border-color:var(--ux-primary-border)}.ux-button .ux-icon{width:15px;height:15px}.ux-badge{color:var(--ux-muted);background:var(--ux-background);border:1px solid var(--ux-line);white-space:nowrap;border-radius:5px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:500;line-height:1.4;display:inline-flex}.ux-badge-contact,.ux-badge-configuration,.ux-badge-warning{color:var(--ux-warning);background:var(--ux-warning-surface);border-color:var(--ux-warning-surface)}.ux-badge-test,.ux-badge-activating,.ux-badge-neutral{color:var(--ux-ink);background:var(--ux-subtle)}.ux-badge-live,.ux-badge-success{color:var(--ux-success);background:var(--ux-success-surface);border-color:var(--ux-success-surface)}.ux-badge-danger{color:var(--ux-danger);background:var(--ux-danger-surface);border-color:var(--ux-danger-surface)}.ux-brand-mark{border-radius:var(--ux-radius);background:var(--ux-primary);width:44px;height:44px;color:var(--ux-primary-text);flex:0 0 44px;place-items:center;font-weight:650;display:inline-grid;overflow:hidden}.ux-brand-mark img{object-fit:contain;background:var(--ux-surface);width:100%;height:100%}.ux-tabs{border-bottom:1px solid var(--ux-line);justify-content:flex-start;gap:26px;height:auto;margin-bottom:28px;padding:0;display:flex;overflow-x:auto}.ux-tabs a{min-height:48px;color:var(--ux-muted);border-bottom:2px solid #0000;flex-shrink:0;align-items:center;margin-bottom:-1px;padding:10px 0;font-size:13px;display:inline-flex}.ux-tabs a:hover{color:var(--ux-ink)}.ux-tabs a[aria-current=page]{color:var(--ux-ink);border-bottom-color:var(--ux-ink);font-weight:600}.ux-field{gap:8px;font-size:12px;font-weight:500;display:grid}.ux-field input,.ux-field select,.ux-field textarea{border:1px solid var(--ux-input);background:var(--ux-surface);width:100%;min-width:0;min-height:44px;color:var(--ux-ink);border-radius:6px;padding:10px 12px;font-size:13px;font-weight:400;line-height:1.6}.ux-field textarea{resize:vertical}.ux-checkbox{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:12px;display:flex}.ux-checkbox input{width:18px;height:18px;accent-color:var(--ux-primary);flex-shrink:0}.ux-field-error{color:var(--ux-danger);font-size:12px}.ux-empty{border:1px dashed var(--ux-line);background:var(--ux-surface);border-radius:var(--ux-radius);text-align:center;color:var(--ux-muted);padding:40px 24px}.ux-empty>.ux-icon{width:24px;height:24px;margin-bottom:14px}.ux-empty h3{color:var(--ux-ink);margin-bottom:8px}.ux-empty p{font-size:12px}.ux-empty a{text-decoration:underline}.ux-icon-button{width:44px;min-width:44px;height:44px;color:inherit;background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.ux-icon-button:hover{background:var(--ux-primary-hover)}.ux-app a{color:inherit;text-decoration:none}.ux-dot{background:currentColor;border-radius:50%;flex:0 0 5px;width:5px;height:5px}.ux-page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.ux-page-heading h1{margin:8px 0 12px}.ux-page-heading p:not(.ux-eyebrow){color:var(--ux-muted);max-width:630px}.ux-eyebrow{color:var(--ux-muted);letter-spacing:1.2px;font-size:10px;font-weight:600}.ux-full-width{width:100%}.ux-powered-by{color:var(--ux-muted);text-align:center;margin-top:24px;display:block;font-size:10px!important}
