:root{--dvault-primary:var(--app-color, #326bff);--dvault-primary-hover:var(--app-color-dark, #1959ff);--dvault-primary-ring:color-mix(in srgb, var(--app-color, #326bff) 20%, transparent);--dvault-primary-soft:color-mix(in srgb, var(--app-color, #326bff) 8%, transparent);--dvault-on-primary:#fff;--dvault-surface:#fff;--dvault-bg-subtle:#f8fafc;--dvault-bg-muted:#f1f5f9;--dvault-border:#e2e8f0;--dvault-border-subtle:#f1f5f9;--dvault-text:#0f172a;--dvault-text-soft:#334155;--dvault-muted:#64748b;--dvault-placeholder:#94a3b8;--dvault-success-text:#166534;--dvault-success-bg:#dcfce7;--dvault-warning-text:#92400e;--dvault-warning-bg:#fef3c7;--dvault-danger-text:#b91c1c;--dvault-danger-bg:#fee2e2;--dvault-danger:#dc2626;--dvault-danger-hover:#b91c1c;--dvault-radius:4px;--dvault-radius-pill:9999px;--dvault-shadow-sm:0 1px 2px rgba(15, 23, 42, .04);--dvault-shadow-card:0 10px 25px -5px rgba(15, 23, 42, .08);--dvault-shadow-pop:0 4px 24px rgba(15, 23, 42, .08);--dvault-shadow-modal:0 20px 45px rgba(15, 23, 42, .25);--dvault-transition:.15s ease}.dvault-server-oauth{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--dvault-bg-muted);display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;color:var(--dvault-text);margin:0}.dvault-server-oauth *{margin:0;padding:0;box-sizing:border-box}.dvault-server-oauth .dvault-server-oauth__card{background:var(--dvault-surface);border-radius:var(--dvault-radius);box-shadow:var(--dvault-shadow-pop);width:100%;max-width:400px;padding:40px 32px;text-align:center}.dvault-server-oauth .dvault-server-oauth__logo{width:56px;height:56px;background:var(--dvault-primary);border-radius:var(--dvault-radius);display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.dvault-server-oauth .dvault-server-oauth__logo svg{width:28px;height:28px}.dvault-server-oauth h1{font-size:22px;font-weight:700;margin-bottom:6px}.dvault-server-oauth .dvault-server-oauth__subtitle{font-size:14px;color:var(--dvault-muted);margin-bottom:28px;line-height:1.5}.dvault-server-oauth .dvault-server-oauth__user-info{background:var(--dvault-bg-subtle);border:1px solid var(--dvault-border);border-radius:var(--dvault-radius);padding:16px;margin-bottom:20px;display:flex;align-items:center;gap:12px;text-align:left}.dvault-server-oauth .dvault-server-oauth__avatar{width:40px;height:40px;border-radius:50%;background:var(--dvault-primary);color:var(--dvault-on-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.dvault-server-oauth .dvault-server-oauth__user-name{font-weight:600;font-size:14px}.dvault-server-oauth .dvault-server-oauth__user-email{color:var(--dvault-muted);font-size:13px}.dvault-server-oauth .dvault-server-oauth__form-group{margin-bottom:16px;text-align:left}.dvault-server-oauth label{display:block;font-size:14px;font-weight:500;margin-bottom:4px;color:var(--dvault-text-soft)}.dvault-server-oauth input[type=password],.dvault-server-oauth input[type=text]{width:100%;padding:8px 12px;border:1px solid var(--dvault-border);border-radius:var(--dvault-radius);font-size:14px;transition:border-color var(--dvault-transition),box-shadow var(--dvault-transition);outline:0;color:var(--dvault-text);background:var(--dvault-surface)}.dvault-server-oauth input:focus{border-color:var(--dvault-primary);box-shadow:0 0 0 2px var(--dvault-primary-ring)}.dvault-server-oauth .dvault-server-oauth__btn{width:100%;padding:8px 16px;border:none;border-radius:var(--dvault-radius);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--dvault-transition),opacity var(--dvault-transition)}.dvault-server-oauth .dvault-server-oauth__btn--primary{background:var(--dvault-primary);color:var(--dvault-on-primary)}.dvault-server-oauth .dvault-server-oauth__btn--primary:hover{background:var(--dvault-primary-hover)}.dvault-server-oauth .dvault-server-oauth__btn--primary:disabled{opacity:.6;cursor:not-allowed}.dvault-server-oauth .dvault-server-oauth__btn--secondary{background:var(--dvault-bg-muted);color:var(--dvault-text-soft);margin-top:8px}.dvault-server-oauth .dvault-server-oauth__btn--secondary:hover{background:var(--dvault-border)}.dvault-server-oauth .dvault-server-oauth__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.dvault-server-oauth .dvault-server-oauth__spinner{width:14px;height:14px;flex:0 0 auto;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:dvault-oauth-spin .6s linear infinite}@keyframes dvault-oauth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dvault-server-oauth .dvault-server-oauth__spinner{animation-duration:2.4s}}.dvault-server-oauth .dvault-server-oauth__error-msg{color:var(--dvault-danger);font-size:13px;margin-bottom:12px;padding:8px 12px;background:var(--dvault-danger-bg);border-radius:var(--dvault-radius);display:none}.dvault-server-oauth .dvault-server-oauth__error-msg.is-visible{display:block}.dvault-server-oauth .dvault-server-oauth__success-state{display:none}.dvault-server-oauth .dvault-server-oauth__success-state.is-visible{display:block}.dvault-server-oauth .dvault-server-oauth__success-icon{width:56px;height:56px;background:var(--dvault-success-bg);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.dvault-server-oauth .dvault-server-oauth__success-icon svg{width:28px;height:28px;color:var(--dvault-success-text)}.dvault-server-oauth .dvault-server-oauth__switch-link{font-size:13px;color:var(--dvault-muted);margin-top:16px}.dvault-server-oauth .dvault-server-oauth__switch-link a{color:var(--dvault-primary);text-decoration:none;font-weight:500}.dvault-server-oauth .dvault-server-oauth__switch-link a:hover{text-decoration:underline}.dvault-layouts{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:24px 0}@media (max-width:980px){.dvault-layouts{grid-template-columns:1fr}}.dvault-layout-item{border:1px solid var(--dvault-border);border-radius:var(--dvault-radius);overflow:hidden;background:var(--dvault-surface);box-shadow:var(--dvault-shadow-sm)}.dvault-layout-item__bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--dvault-text);color:var(--dvault-on-primary)}.dvault-layout-item__title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dvault-layout-item__design{position:relative;background:var(--dvault-bg-subtle)}.dvault-layout-preview{display:block;width:100%;height:600px;border:0;background:var(--dvault-surface);overflow:auto}.dvault-copy-layout,.dvault-copy-section{padding:7px 16px;font-size:13px;font-weight:600;line-height:1;color:var(--dvault-on-primary);background:var(--dvault-primary);border:0;border-radius:var(--dvault-radius);cursor:pointer;transition:background var(--dvault-transition),opacity var(--dvault-transition)}.dvault-copy-layout:hover,.dvault-copy-section:hover{background:var(--dvault-primary-hover)}.dvault-copy-layout:disabled,.dvault-copy-section:disabled{opacity:.7;cursor:default}.dvault-copy-layout{flex:0 0 auto}.dvault-layouts-empty{color:var(--dvault-muted);font-style:italic}.et_pb_section:has(> .dvault-copy-section){position:relative}.dvault-copy-section{position:absolute;top:14px;right:14px;z-index:20;box-shadow:0 2px 8px rgba(15,23,42,.18);opacity:.92}.dvault-copy-section:hover{opacity:1}.dvault-server-oauth .dvault-server-oauth__sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dvault-server-oauth .dvault-server-oauth__req{margin-left:2px;color:var(--dvault-danger-text)}.dvault-server-oauth .dvault-server-oauth__field-error{margin-top:4px;font-size:12px;line-height:1.4;color:var(--dvault-danger-text);text-align:left}.dvault-server-oauth .dvault-server-oauth__field-error.is-empty{display:none}.dvault-server-oauth input[aria-invalid=true]{border-color:var(--dvault-danger)}.dvault-server-oauth input[aria-invalid=true]:focus{border-color:var(--dvault-danger);box-shadow:0 0 0 2px var(--dvault-danger-bg)}.dvault-server-oauth .dvault-server-oauth__control{position:relative}.dvault-server-oauth .dvault-server-oauth__input--haspeek{padding-right:40px}.dvault-server-oauth .dvault-server-oauth__reveal{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--dvault-muted);background:0 0;border:0;border-radius:var(--dvault-radius);cursor:pointer;transition:color var(--dvault-transition),background var(--dvault-transition)}.dvault-server-oauth .dvault-server-oauth__reveal:hover{color:var(--dvault-text-soft);background:var(--dvault-bg-muted)}.dvault-server-oauth .dvault-server-oauth__reveal:focus-visible{outline:2px solid var(--dvault-primary);outline-offset:1px}.dvault-server-oauth .dvault-server-oauth__reveal svg{width:16px;height:16px}.dvault-server-oauth .dvault-server-oauth__reveal-icon.is-hidden{display:none}