:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:optimizelegibility;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:0 0}button,input,select,textarea{font:inherit}.widget-shell{--accent:#bf7a18;--accent-strong:#8f4f08;--bg:#fff8ec;--card:#fffdf8;--card-border:#5d370c29;--control:#fff;--control-border:#5d370c38;--muted:#746552;--text:#241a10;background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 16%, transparent), transparent 34rem), linear-gradient(145deg, var(--bg), color-mix(in srgb, var(--bg) 78%, #fff));color:var(--text);min-height:100vh;padding:18px}.widget-shell.scheme-neutral{--accent:#4b5563;--accent-strong:#111827;--bg:#f5f5f2;--card-border:#11182724;--control-border:#11182733}.widget-shell.scheme-blue{--accent:#1d7fd2;--accent-strong:#0f4f8a;--bg:#eef7ff;--card-border:#0f4f8a29;--control-border:#0f4f8a33}.widget-shell.scheme-green{--accent:#12805c;--accent-strong:#07543b;--bg:#edf9f3;--card-border:#07543b29;--control-border:#07543b33}.widget-shell.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#11120f;--card:#191b16;--card-border:#ffffff1f;--control:#11130f;--control-border:#ffffff2e;--muted:#b4ad9f;--text:#fbf7ed}.widget-shell.theme-brand{--bg:#fff2d6;--card:#fffaf0}.widget-shell.font-sans{font-family:Avenir,Montserrat,Trebuchet MS,sans-serif}.widget-shell.font-serif{font-family:Georgia,Times New Roman,serif}.widget-shell.font-mono{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.widget-card{background:color-mix(in srgb, var(--card) 94%, transparent);border:1px solid var(--card-border);border-radius:28px;max-width:780px;margin:0 auto;overflow:hidden;box-shadow:0 22px 80px #140e041f}.size-compact .widget-card{max-width:520px}.size-wide .widget-card{max-width:980px}.layout-compact .widget-shell,.widget-shell.layout-compact{padding:10px}.layout-compact .widget-card{border-radius:20px}.widget-header{align-items:center;gap:16px;padding:26px 28px 18px;display:flex}.widget-logo{border:1px solid var(--card-border);background:#fff;border-radius:18px;flex:none;justify-content:center;align-items:center;width:58px;height:58px;display:flex;overflow:hidden}.widget-logo img{max-width:42px;max-height:42px;display:block}.eyebrow{color:var(--accent-strong);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:800}h1,h2{letter-spacing:-.04em;margin:0;line-height:1.05}h1{font-size:clamp(1.6rem,5vw,2.4rem)}h2{font-size:clamp(1.35rem,4vw,2rem)}.muted{color:var(--muted);margin:10px 0 0}.auth-panel,.application-panel,.state-panel{padding:24px 28px 30px}.state-panel{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.state-panel--compact{background:color-mix(in srgb, var(--accent) 7%, transparent);border:1px dashed var(--card-border);border-radius:18px;margin:12px 0;padding:18px}.state-panel--error{color:#8b1e1e}.theme-dark .state-panel--error{color:#ffb4a8}.state-panel--success{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent)}.spinner{border:3px solid color-mix(in srgb, var(--accent) 18%, transparent);border-top-color:var(--accent);border-radius:999px;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-form,.workflow-form{gap:18px;margin-top:22px;display:grid}.provider-tabs{background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid var(--card-border);border-radius:16px;gap:6px;width:fit-content;padding:5px;display:inline-flex}.provider-tab,.ghost-button,.primary-button{cursor:pointer;border:0;border-radius:13px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s}.provider-tab{color:var(--muted);background:0 0;padding:9px 14px}.provider-tab--active{background:var(--card);color:var(--text);box-shadow:0 8px 24px #140e0414}.field-input{gap:8px;display:grid}.field-input__label{color:var(--text);font-size:.92rem;font-weight:800}.field-input__label small{color:var(--muted);margin-left:8px;font-size:.74rem;font-weight:700}.field-input__control{background:var(--control);border:1px solid var(--control-border);color:var(--text);border-radius:15px;outline:none;width:100%;min-height:48px;padding:12px 14px}.field-input__control:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent)}.field-input__control--textarea{resize:vertical}.field-input__control--otp{letter-spacing:.24em;font-size:1.3rem}.field-input__checkbox-row{align-items:center;gap:10px;min-height:48px;display:flex}.field-input__checkbox{accent-color:var(--accent);width:20px;height:20px}.step-header{margin-bottom:20px}.form-section-header,.optional-section summary{color:var(--text);justify-content:space-between;align-items:center;font-weight:900;list-style:none;display:flex}.optional-section summary{cursor:pointer}.form-section-header small,.optional-section small{color:var(--muted);font-weight:800}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px;display:grid}.form-grid--optional{margin-bottom:4px}.field-input--wide{grid-column:1/-1}.inline-error{color:#9d2323;background:#b027271a;border:1px solid #b027273d;border-radius:14px;margin:0;padding:12px 14px}.theme-dark .inline-error{color:#ffb4a8}.button-row{flex-wrap:wrap;gap:12px;display:flex}.button-row--footer{border-top:1px solid var(--card-border);margin-top:4px;padding-top:18px}.primary-button,.ghost-button{min-height:48px;padding:12px 18px}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;box-shadow:0 14px 28px color-mix(in srgb, var(--accent) 24%, transparent)}.ghost-button{background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--accent-strong)}.primary-button:hover,.ghost-button:hover,.provider-tab:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.instance-id{background:color-mix(in srgb, var(--accent) 10%, transparent);word-break:break-all;border-radius:13px;margin:0;padding:10px 12px;font-family:SFMono-Regular,Consolas,monospace}@media (width<=640px){.widget-shell{padding:8px}.widget-card{border-radius:20px}.widget-header,.auth-panel,.application-panel,.state-panel{padding-left:18px;padding-right:18px}.form-grid{grid-template-columns:1fr}.provider-tabs,.button-row,.primary-button,.ghost-button{width:100%}.provider-tab,.primary-button,.ghost-button{flex:1}}
