@font-face{font-family:'Suite Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/__suite/assets/inter.woff2') format('woff2')}
:root{
  --suite-canvas:#f1f3f7;--suite-surface:#fff;--suite-subtle:#e9edf3;--suite-border:#d5dce6;--suite-sidebar:#e9edf4;
  --suite-text:#1c2637;--suite-muted:#526076;--suite-accent:#4355c9;--suite-accent-hover:#3242a8;
  --suite-accent-soft:#e8ecff;--suite-danger:#b42336;--suite-success:#18734b;--suite-warning:#8a570b;
  --suite-success-soft:#e6f5ed;--suite-warning-soft:#fff3db;--suite-danger-soft:#ffedef;--suite-info:#2459a4;--suite-info-soft:#e9f2ff;
  --suite-apsara:#2459a4;--suite-apsara-soft:#e7f0ff;--suite-aisha:#0d756e;--suite-aisha-soft:#e3f4ef;--suite-sherpa:#7540b5;--suite-sherpa-soft:#f0e9fc;
  --suite-font:'Suite Inter',Inter,system-ui,sans-serif;--suite-header-height:64px;
  --suite-ease:cubic-bezier(.22,1,.36,1);--suite-quick:150ms;--suite-motion:220ms;
  font-family:var(--suite-font);color:var(--suite-text);color-scheme:light;
}
*{box-sizing:border-box}
body{margin:0;background:var(--suite-canvas);font-family:var(--suite-font);font-size:14px;line-height:1.5;color:var(--suite-text)}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8994ec;outline-offset:3px}
button{cursor:pointer}button:disabled{cursor:not-allowed}
a{color:var(--suite-accent)}
suite-header{display:block;height:var(--suite-header-height);position:relative;z-index:90}
.suite-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 15px;border:1px solid var(--suite-border);border-radius:8px;background:var(--suite-surface);color:var(--suite-text);font-weight:550;font-size:14px;line-height:20px;text-decoration:none;white-space:nowrap;transition:background var(--suite-quick),border-color var(--suite-quick),color var(--suite-quick),transform 100ms var(--suite-ease)}
.suite-button:hover:not(:disabled){background:var(--suite-subtle);border-color:#c8ced9}
.suite-button:active:not(:disabled),.suite-button.is-pressed:not(:disabled){transform:scale(.98)}
.suite-button:disabled{color:#777f8a;background:#f0f2f5;border-color:#e3e6ec}
.suite-button-primary{background:var(--suite-accent);border-color:var(--suite-accent);color:white}
.suite-button-primary:hover:not(:disabled){background:var(--suite-accent-hover);border-color:var(--suite-accent-hover)}
.suite-button-danger{background:#fff3f3;border-color:#edc7cb;color:var(--suite-danger)}
.suite-button-danger:hover:not(:disabled){background:#ffe7e9;border-color:#dfacb2}
.suite-button-quiet{border-color:transparent;background:transparent}
.suite-button-small{min-height:34px;padding:6px 11px;font-size:13px}
.suite-button svg{width:17px;height:17px;flex-shrink:0}
.suite-icon-button{width:36px;height:36px;padding:0;min-height:36px}
.suite-muted{color:var(--suite-muted)}
.suite-preview-chip{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:3px 8px;font-size:12px;font-weight:600;line-height:18px;color:#665020;background:#fff2d5;white-space:nowrap}
.suite-preview-chip svg{width:14px;height:14px}
.suite-eyebrow{font-size:12px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;color:var(--suite-muted);margin:0 0 12px}
.suite-state{max-width:560px;margin:110px auto;padding:32px;text-align:center}
.suite-state h1{font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.9px;margin:12px 0}
.suite-state p:not(.suite-eyebrow){color:var(--suite-muted);line-height:1.7;margin:12px 0 28px}
.suite-state-symbol{margin:0 auto 24px;width:56px;height:56px;border-radius:14px;background:var(--suite-accent-soft);display:grid;place-items:center;color:var(--suite-accent);font-size:26px}
.suite-state-symbol svg{width:26px;height:26px}
.suite-alert{display:flex;gap:10px;align-items:flex-start;border:1px solid #ead5ac;background:#fff9ee;border-radius:9px;padding:12px 14px;color:#76551f;font-size:13px;line-height:1.6}
.suite-alert svg{flex-shrink:0;width:17px;margin-top:2px}
.suite-alert-error{background:#fff3f3;border-color:#edc7cb;color:#963743}
.suite-alert-success{background:#eef8f3;border-color:#c4dfd2;color:#246449}
.suite-badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;border-radius:6px;background:var(--suite-subtle);padding:3px 8px;color:#566170;font-size:12px;line-height:19px;font-weight:550;white-space:nowrap}
.suite-badge-success{background:#ebf6f0;color:#276b50}.suite-badge-warning{background:#fff4de;color:#875b13}.suite-badge-danger{background:#fff0f1;color:#a03e4a}.suite-badge-accent{background:var(--suite-accent-soft);color:#4353ae}
.suite-badge svg{width:12px;height:12px}
.suite-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.suite-field>label,.suite-field-label{font-size:13px;font-weight:550;color:#363e4c}
.suite-field input,.suite-field select,.suite-field textarea{min-width:0;width:100%;min-height:42px;padding:10px 12px;background:#fff;border:1px solid #d6dce5;border-radius:8px;color:var(--suite-text);transition:border-color var(--suite-quick),box-shadow var(--suite-quick)}
.suite-field textarea{min-height:92px;resize:vertical}
.suite-field input::placeholder,.suite-field textarea::placeholder{color:#7a8290}
.suite-field input:focus,.suite-field select:focus,.suite-field textarea:focus{border-color:#8590e4;outline:none;box-shadow:0 0 0 3px #4657c815}
.suite-field small{color:var(--suite-muted);font-size:12px;line-height:1.5}
.suite-field input[readonly]{background:var(--suite-subtle)}
.suite-spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:suite-spin 700ms linear infinite;vertical-align:middle}
@keyframes suite-spin{to{transform:rotate(360deg)}}
@keyframes suite-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){:root{--suite-header-height:68px}body{font-size:15px}.suite-button{min-height:42px;font-size:15px}}
@media(max-width:700px){:root{--suite-header-height:60px}.suite-button{min-height:44px}.suite-state{margin:52px auto;padding:24px}.suite-state h1{font-size:26px}.suite-icon-button{width:44px;height:44px}.suite-field input,.suite-field select,.suite-field textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){:root{--suite-quick:1ms;--suite-motion:1ms}.suite-button{transition:background 80ms,border-color 80ms}.suite-button:active,.suite-button.is-pressed{transform:none}.suite-spinner{animation-duration:1400ms}}
