.btn{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.02em;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,opacity .15s,border-color .15s;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 2px var(--color-bg-base),0 0 0 4px var(--color-green)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn--default{height:38px;padding:0 16px}.btn--sm{height:30px;padding:0 12px;font-size:12px}.btn--lg{height:44px;padding:0 24px;font-size:14px}.btn--default{background:var(--color-green);color:#000}.btn--default:hover:not(:disabled){background:var(--color-green-bright)}.btn--default:active:not(:disabled){background:#13b358}.btn--ghost{color:var(--color-text-secondary);background:0 0;border:1px solid #0000}.btn--ghost:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff0a}.btn--outline{color:var(--color-text-primary);border:1px solid var(--color-border);background:0 0}.btn--outline:hover:not(:disabled){border-color:var(--color-text-muted);background:#ffffff0a}.btn--destructive{background:var(--color-status-failed);color:#000}.btn--destructive:hover:not(:disabled){background:color-mix(in srgb, var(--color-status-failed) 85%, #fff)}.btn--destructive:active:not(:disabled){background:color-mix(in srgb, var(--color-status-failed) 75%, #000)}
.input{background:var(--color-bg-input);border:1px solid var(--color-border);width:100%;height:38px;color:var(--color-text-primary);font-family:var(--font-jetbrains-mono),monospace;border-radius:10px;outline:none;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s;display:block}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-green);box-shadow:0 0 0 3px #17c9641a}.input:disabled{opacity:.4;cursor:not-allowed}.input:-webkit-autofill{-webkit-text-fill-color:var(--color-text-primary);transition:background-color 9999s ease-in-out}.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-primary);transition:background-color 9999s ease-in-out}
.label{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:6px;font-size:11px;font-weight:500;display:block}
