:root{
  --ds-bg:#eef5ff;
  --ds-surface:#ffffff;
  --ds-surface-soft:#f8fbff;
  --ds-border:#d9e6fb;
  --ds-text:#17345f;
  --ds-muted:#6d83a8;
  --ds-primary:#0d57d0;
  --ds-primary-2:#2e84fb;
  --ds-primary-soft:#e8f0ff;
  --ds-danger:#c53535;
  --ds-danger-soft:#fff1f1;
  --ds-danger-border:#f1b6b6;
  --ds-success:#0b7f4a;
  --ds-shadow:0 18px 40px rgba(24,72,157,.12);
  --ds-radius-card:24px;
  --ds-radius-control:14px;
  --ds-radius-pill:999px;
  --ds-btn-h:46px;
  --ds-btn-pad-x:20px;
}
body{color:var(--ds-text)}
.ds-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow)}
.ds-btn{min-height:var(--ds-btn-h);padding:0 var(--ds-btn-pad-x);border-radius:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.2}
.ds-btn-primary{background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-2));color:#fff;border:none;box-shadow:0 12px 24px rgba(13,87,208,.18)}
.ds-btn-secondary{background:var(--ds-primary-soft);color:var(--ds-primary);border:1px solid transparent}
.ds-btn-danger{background:var(--ds-danger-soft);color:var(--ds-danger);border:1px solid var(--ds-danger-border)}
.ds-btn-ghost{background:#fff;color:var(--ds-text);border:1px solid var(--ds-border)}
.ds-icon-btn{height:var(--ds-btn-h);width:var(--ds-btn-h);min-width:var(--ds-btn-h);padding:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center}
.ds-status{width:100%;padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.5}
.ds-status-error{background:#fdebec;color:var(--ds-danger)}
.ds-status-info{background:#edf5ff;color:var(--ds-primary)}
.ds-status-success{background:#e8f8ee;color:var(--ds-success)}